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

testimonials grid section using HTML and CSS

@mouhibeddine

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


Any suggestions on how I can improve are welcome!

Community feedback

Patrick 800

@PPechmann

Posted

Hi Mouhib!

Congrats on another challenge completed, well done!

To place the articles easier in the grid, I recommend specifying a grid-template-area on the grid container. For example:

"Daniel Daniel Jonathan Kira"
"Jeanette Patrick Patrick Kira" 

This will then easily let you assign each article to the specified area.

I also recommend using rem or em units instead of px for sizing, as these are scalable and will make responsiveness a lot easier. Here you will find a very nice guide, in case you are not familiar with them.

Hope this helps and I am looking forward to see more solutions coming!

Happy weekend and happy coding :)

Patrick

Marked as helpful

0

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