Skip to content
Submitted 11 days ago

Testimonial-grid-section using HTML and CSS

Manisha3196•120
@Manisha3196
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Testimonials grid section
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

What challenges did you encounter, and how did you overcome them?

I encountered problem with adjusting/aligning the name and picture on the same line.but by trial and error i worked it out.and also i struggled with adjusting the position of a background image.but eventually figured it out.

What specific areas of your project would you like help with?

Full code on review.Let me know what can be cleaned up, better organized, and just all around any detailed suggestions you can possibly leave me with to help make me a better programmer. Thank you for your feedback.

Community feedback

  • Jewel•90
    @programmerjewelPosted 10 days ago

    Congrats on completing this challenge. Few suggestions to improve-

    • You have use section tag for testimonial card which one isn't appropriate; rather use article tag;
    • You have use both box models which is a bit complicated. Go for either one of the box models - either border-box or content-box;
    • You have repetitively use grid-column and grid-row on several media queries which throws error. Try to fix those.

    Overall good design.

    0

Please log in to post a comment

Log in with GitHub

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