Conversation
dora1405
left a comment
dora1405
left a comment
There was a problem hiding this comment.
Website is very responsive -- so awesome! Nice use of flexbox and grid. Only a few details and those can easily be done by using grid vs flexbox and modifying the container.
| } | ||
|
|
||
| nav ul { | ||
| display: flex; |
There was a problem hiding this comment.
Awesome use of flex! Grid can also be used if you want to move one of the list to the left side more.
| ul { | ||
| list-style: none; | ||
| padding: 0; | ||
| margin-bottom: 100px; |
There was a problem hiding this comment.
This is great! I didn't know you can target the top/bottom specifically.
| } | ||
|
|
||
| blockquote::before { | ||
| content: "\"" |
There was a problem hiding this comment.
Great insertion of quotes symbol around the quotes.
| text-align: center; | ||
| } | ||
|
|
||
| #team img { |
There was a problem hiding this comment.
Padding can be added to get that whitespace between the image and the border.
| border-width: 2px; | ||
| } | ||
|
|
||
| #one { |
There was a problem hiding this comment.
Great use of grid! To get the images in tighter together, you can manipulate the width of the container.
|
|
||
| } | ||
|
|
||
| #sub { |
There was a problem hiding this comment.
Can add font-weight to bold this text. Can also use font-size to make it larger.
| content: "--" | ||
| } | ||
|
|
||
| .why { |
There was a problem hiding this comment.
Great use of flex to make the text wrap around the image.
2 participants
Startrly
Congratulations! You're submitting your assignment.
Comprehension Questions