Design comparison
SolutionDesign
Solution retrospective
any feedback will be appreciated // cualquier comentario serΓ‘ apreciado
Community feedback
- @fernandolapazPosted over 1 year ago
Hi π, in case you want to take a look:
HTML π§±:
- Every page should have an
<h1>
to improve user experience and because it is one of the most important elements when it comes to SEO.
CSS π¨:
- I think the widths and heights given in the style guide are only for the purpose of having them as a reference when comparing, not to use them in the code. The body should occupy the entire viewport.
- You might consider using some CSS reset as a good practice at the start of each project, to have a clean starting point and reduce differences between browsers. A popular CSS Reset from Josh Comeau π
- Length units such as pixels may not be the best alternative because absolute units donβt scale. Relative units like rem or em are a better option for scalable layouts (the page will adjust to the user's browser settings) and maintenance (to make changes without having to adjust every pixel value).
- It might be good to get used to designing with the mobile first approach, which means designing for mobile first and then for desktop or any other device, as it is widely considered best practice.
Please let me know if you want more info on any of these topics or disagree with something, and if you have any questions don't hesitate π
Saludos,
0@Eduard38655Posted over 1 year ago@fernandolapaz, Thanks for your comment, I'll keep it in mind.
0 - Every page should have an
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