Skip to content
Submitted 7 months ago

Testimonials Grid Section (CSS Grid)

Sara•160
@saruuja
A solution to the Testimonials grid section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?
  • Taking the challenge and how I feel on the first day so far are very different,
  • How I deal with CSS grids and how I now enjoy using responsive grid layouts,
  • I'm just pushing to improve my skills
What challenges did you encounter, and how did you overcome them?

I haven't faced many challenges so far the latest CSS Grid course on wesbos.com website has helped me a lot

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

I will take any feedback as an opportunity to improve my code

Code

Please log in to post a comment

Log in

Community feedback

  • Bhuvnesh Upadhayay•2,120
    @bhuvi819381

    Hey,

    Everything was great—congratulations on completing this project! 🎉

    Just a couple of small suggestions:

    1. Include at least one <h1>

      • Every page should have a primary heading for better structure.

    2. Use the place-items: center property in Grid

      • It centers content both vertically and horizontally in one go. it's for information anyway 😁

    Amazing work! Keep it up!

    Marked as helpful
  • P
    Deepa Subramanian•200
    @sdkdeepa

    The page is responsive, however the cards are not in the same order as the design. The <p> color is black. The design has light gray color. Also, the bg-pattern-quotation.svg is not loading.

    Refer to https://www.w3schools.com/cssref/pr_grid-template-columns.php https://www.w3schools.com/cssref/pr_grid-template-rows.php

    You are almost there if you fix these. You got this!

    Marked as helpful

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