Design comparison
Solution retrospective
Nothing to say
What challenges did you encounter, and how did you overcome them?None
What specific areas of your project would you like help with?None, but i'm not against any suggestions
Community feedback
- @Artiom-DeyevPosted 6 months ago
Hello.
The solution includes semantic HTML, but, if I can suggest, it could've been used a bit more. Not that it's rong, but, for example, instead of "div" in the main tag one could use "article" semantig tag or something like this.
The html is well structured, readable, however, maybe it's a good idea to add gaps between blocks and also add some comments, it helps other developers to understand the code easier.
The solution differs a little from the design.
- The background color for the "main" section is different.
- The width of the "main" section is narrower then the design.
- Also, inside the "main" section other elements on a desktop breakpoint have different left and right paddings (it's 32px, it should be 40px, If I'm correct). I guess the approach was mobile-first, which is a very good approach, but it's better to review the desktop breakpoint after.
CSS is good, good usage of tags and structure.
Marked as helpful0@riyadDinePosted 6 months ago@Artiom-Deyev thank you for the feedback. I will apply some change to all of that quickly
1
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