Conversation
| <meta charset="utf-8"> | ||
| <title>Startrly</title> | ||
| <link href="styles/styles.css" rel="stylesheet"> | ||
| <link href="styles/normalize.css" rel="stylesheet"> |
|
|
||
|
|
||
| <section> | ||
| <section class="quote"> |
There was a problem hiding this comment.
I like how you utilized id for specific sessions and class for common sections.
| font-family: 'Roboto', sans-serif; | ||
| } | ||
|
|
||
| ul { |
There was a problem hiding this comment.
Great idea to get rid of bullet points for all ul here 👍
| margin-top: 3vw; | ||
| } | ||
|
|
||
| h2:hover { |
There was a problem hiding this comment.
Total personal opinion: I think it might makes to add hover effect to the navigation bar :)
| font-size: 1.5vw; | ||
| justify-content:flex-end; | ||
| font-weight: bold; | ||
| background:lightgrey; |
There was a problem hiding this comment.
I like how we both applied KonMari method to styling here: keep it simple and joyful ~
| } | ||
|
|
||
| #navbar li { | ||
| padding: 3vw; |
| margin-top: 20vw; | ||
| } | ||
|
|
||
| #title a{ |
There was a problem hiding this comment.
The "Some Call to Action" button became two lines when you max the screen size - I don't know how to fix it, but think it would worth to look into :)
| margin-bottom: 8vw; | ||
| } | ||
|
|
||
| #why img{ |
There was a problem hiding this comment.
The images and text under "Why?" looks kinda funky when you half size the page - Again, I'm also still try to figure out the best way to adjust to screen size changes :)
| } | ||
|
|
||
| #team span{ | ||
| display: block; |
| section:last-of-type { | ||
| display: grid; | ||
| align-items: start; | ||
| grid-template-areas: "a b c c" "a b c c"; |
There was a problem hiding this comment.
I'm suspicious if this session is doing anything ;)
2 participants
Startrly
Congratulations! You're submitting your assignment.
Comprehension Questions