Ports - Ari #25
Ports - Ari #25
Conversation
paulentine
left a comment
paulentine
left a comment
There was a problem hiding this comment.
I love how precisely you matched the layout with the wireframe! Layout looks clean and modern, and implementation under the hood was well-organized and easy to read. Fantastic job!
| align-items: center; | ||
| width: auto; | ||
| } | ||
| /* navigation formatting */ |
There was a problem hiding this comment.
These comments indicating which section is being styled are really helpful!
| text-decoration: none; | ||
| } | ||
|
|
||
| a[href="#"]:hover { |
There was a problem hiding this comment.
Love this! Call to action is very visible and has a beautiful hover color.
| font-family: 'Raleway'; | ||
| font-style: normal; | ||
| font-weight: 400; | ||
| src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v13/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2'); |
There was a problem hiding this comment.
This is neat, I didn't know you can add a font purely in CSS (without adding an external stylesheet reference in the HTML)!
|
|
||
| } | ||
|
|
||
| img[alt*="profile"] { |
There was a problem hiding this comment.
Love how you target the profile images with alt attribute!
| .footer { | ||
| display: flex; | ||
| flex-direction: row; | ||
| background-color: rgb(121, 203, 201); |
There was a problem hiding this comment.
Footer section looks classy! Love how you used RGB colors here.
| <nav> | ||
| <ul> | ||
| <li> | ||
| <ul class="navigation"> |
There was a problem hiding this comment.
Neat use of class names to target which part you'd like to style!
| #team ul { | ||
| grid-row: 2 span 3; | ||
| display: flex; | ||
| flex-wrap: wrap; |
| margin: 0.5rem; | ||
| } | ||
|
|
||
| section:nth-last-of-type(2) { |
| </blockquote> | ||
| <p> | ||
| Mx. Lorem | ||
| -- Mx. Lorem |
There was a problem hiding this comment.
You can prepend -- using CSS' ::before pseudo-element :)
2 participants
Startrly
Congratulations! You're submitting your assignment.
Comprehension Questions