Conversation
| <div> | ||
| <h3>Support</h3> | ||
| <ul> | ||
| <h3 class="header support">Support</h3> |
There was a problem hiding this comment.
Your naming conventions for classes and ids make it easy to understand what the html element's purpose is, well done!
| content: '"'; | ||
| } | ||
|
|
||
| .section-blockquote-one-container p:before { |
There was a problem hiding this comment.
Instead of using p:before to end the quote, you could use blockquote:after. This would keep the quotes within the blockquote element, so that if you wanted to put another element between the blockquote and the p you wouldn't have to change the code for p.
| text-decoration: none; | ||
| } | ||
|
|
||
| a:hover { |
There was a problem hiding this comment.
Excellent choice to do a style change on hover on the call to action button!
| grid-template-columns: repeat(auto-fill, minmax(100px,1fr)); | ||
| justify-items: start; | ||
| font-family: 'Roboto', sans-serif; | ||
| grid-gap: 5rem; |
There was a problem hiding this comment.
Awesome use of css grid, especially grid-gap! I'm going to refactor my own code with this. :)
| font-family: 'Roboto', sans-serif; | ||
| } | ||
|
|
||
| #startrly { |
There was a problem hiding this comment.
Just a thought, I might call this #startrly-small or #startrly-nav-link to specify which "Startrly" on the page the css id is referring to
| text-align: center; | ||
| } | ||
|
|
||
| .team-container { |
2 participants
Startrly
Congratulations! You're submitting your assignment.
Comprehension Questions