Conversation
morganschuler
left a comment
morganschuler
left a comment
There was a problem hiding this comment.
Don't forget to add a hover section to a link to change the color. Very nice code, I loved your use of grids to make your selectors and values very clean looking! You have a wonderful future in web design ahead of you
| html { | ||
| font-family: sans-serif; | ||
| } | ||
| nav > ul { |
There was a problem hiding this comment.
Good job using ">" to target direct children!
| .quote-section > blockquote { | ||
| font-family: 'Nothing You Could Do', cursive; | ||
| } | ||
| .quote-section > p { |
There was a problem hiding this comment.
You can add the quotation marks and the dashes by doing :before with the selector, and then content: "--" as the value to add these in the CSS part!
There was a problem hiding this comment.
""" - Same process but for the quotation marks!
| padding-top: 3%; | ||
| padding-bottom: 5%; | ||
| } | ||
| .team-members { |
There was a problem hiding this comment.
You can make these picture round with the 'border-radius' value to mimic the wire-frame
| .sponsor-list-1 { | ||
| display:flex; | ||
| } | ||
| .sponsor-list-1 > li:nth-of-type(1){ |
There was a problem hiding this comment.
These selectors could maybe be condensed into one line!
| text-align:center; | ||
| justify-content: center | ||
| } | ||
| .startly-title > h1 { |
There was a problem hiding this comment.
Maybe call out a button section to make that part easier to customize
| .why-section { | ||
| border-bottom: 0.75px solid black; | ||
| } | ||
| .why-section > h2 { |
There was a problem hiding this comment.
These selectors look really clean! Good job!
| } | ||
| nav > ul { | ||
| display:grid; | ||
| grid-template-columns: repeat(4, 1fr); |
There was a problem hiding this comment.
Awesome idea making this into 4 columns!
2 participants
Startrly
Congratulations! You're submitting your assignment.
Comprehension Questions