Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive page using Grid and Flexbox ( with tablet version )

@alessandro-chrystian

Desktop design screenshot for the Testimonials grid section coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

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

@MelvinAguilar

Posted

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 or rem 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 helpful

1

@alessandro-chrystian

Posted

@MelvinAguilar Thanks for the feedback! In the next projects I will be careful with those two points you mentioned.

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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