Design comparison
SolutionDesign
Solution retrospective
l will really appreciate feedback
Community feedback
- @jessegoodPosted about 2 years ago
Hi Tanya
Welcome to frontend mentor. Here is some feedback, hopefully it will come in handy.
- Wrapping everything in a
<main>
element helps for accessibility (as they know where the main to go for the main portion of the document). Also, semantically also this is preferred. - Did you look at the
style-guide.md
file? It provides information on fonts and colors that should be used. - The
<img>
is missing analt
attribute. Also,type
is not a valid attribute for this element. - Try minimizing the use of
<div>
. For example you could get away with the following structure:
Also, In your CSS, you set the font-family, etc. multiple times. CSS has a notion of "inheritance". If you look at other examples, the font is often times set only once in the body as this is inherited by all other elements.
Hopefully that helps.
0 - Wrapping everything in a
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord