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

test grid

@Kvngjakes1

Desktop design screenshot for the Testimonials grid section coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

Daniel 240

@Flashdaniel

Posted

Nice work. I like to give you a few pointers that will benefit you.

  1. Value more schematic HTML like article, header etc. than div. I see you used it a lot in your code.
  2. When using <img> make sure you add meaningful description of the image with the alt attribute. Can only leave alt empty when the image is just for presentation like when used to display icons. HAPPY CODING.

Marked as helpful

0

@fitalvojosephine

Posted

I notice that there is a lot of improvement for this design layout design.

First one is the font-hierarchy, font-size, font-color, images not properly aligned.

I advice to use flex for the images and proper alignment of the layout design when it comes in padding and margin layout.

You can do it. More practice to fully finished this design. You got it. When it comes in the industry it must be pixel perfect.

That's all good luck and happy coding! :)

Marked as helpful

0

@Kvngjakes1

Posted

Thanks a lot for the encouragement @fitalvojosephine

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