Responsive page using Grid and Flexbox ( with tablet version )
Design comparison
Solution retrospective
I'm fine with my project, I had some problems when I was doing the responsive part of it but when I understood what was wrong, it became easier. I've tried to make it look as similar as I could from the original one but I didn't spend much time trying to make it because I believe that the importance of doing the projects is much more on the concepts we use to make it work than the similarity between them. I've also made a tablet version because I took this idea from one of you guys here and I tried to make it in my own way. Anyone who has any idea of how I can make my project get better is more than welcome!.
Community feedback
- @MelvinAguilarPosted 12 months ago
Hello there 👋. Good job on completing the challenge !
I like your solution, personally, I really dig the care you put into making it responsive. Just got a couple of minor suggestions.
- You should use only one
<h1>
tag per page. The<h1>
tag is the most important heading tag, This can confuse screen reader users and search engines. You can read more about this here 📘.
- Use relative units like
em
orrem
instead of pixels for font-size to ensure scalability with browser settings. Resource 📘
I hope you find it useful! 😄 Above all, the solution you submitted is great!
Happy coding!
Marked as helpful1@alessandro-chrystianPosted 12 months ago@MelvinAguilar Thanks for the feedback! In the next projects I will be careful with those two points you mentioned.
1 - You should use only one
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