Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
Na proxima vez nao faria nada diferente, pelo contrario, faria totalmente igual.
What challenges did you encounter, and how did you overcome them?Nenhum desafio
What specific areas of your project would you like help with?Nenhuma
Community feedback
- @webdevbynightPosted 2 months ago
Some feedback:
- you should better organise your projects by grouping your stylesheets into a folder, the images used into another one;
- when using several images as background images, think of grouping them into a single one, in other words think of image sprites (check this page on MDN);
- in your HTML, you defined the language used with
lang="pt-br"
in thehtml
root element, but since the page is in English, and not in Brazilian Portuguese, you should writelang="en"
; - you should enhance the semantics of the HTML, by using the
header
element to wrap the page header; - you should group the two sibling
h1
s on the header into one; - for each section in the main part of the page, you should use
h2
instead ofh1
: it is generally not recommended to have multipleh1
s in a single page; - when defining font sizes, avoid using pixels and use relative units instead such as
rem
(here is a video explaining why); - since you used Sass, you could have refactored the CSS rules to declare the top borders of each box (in Sass, you can do it using the
@each
rule).
I hope this feedback helps you.
0
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