Skip to content
Submitted 3 months ago

Testimonials Grid Section (CSS Grid)

Sara•160
@saruuja
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 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

Community feedback

  • Bhuvnesh Upadhayay•2,000
    @bhuvi819381Posted 3 months ago

    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
    0
    Sara•160
    @saruujaPosted 3 months ago

    @bhuvi819381 thnks for your feedbck

    0
  • P
    Deepa Subramanian•200
    @sdkdeepaPosted 3 months ago

    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
    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