Skip to content
Submitted 5 months ago

responsive testimonials page using grid with different layout cards

rafi b•280
@raficode2303
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?

next time i will try solve it using flex only. maybe to solve if it can solved without using @media

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

  • how to create different width size of grids. i read about grid and learned how to span grids.

  • i learned how to resize a svg ::before pseudo-element content using scale().

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

  • how to make the 1st and the 4th cards 2.1x than the other cards. is there grid-column: sapn 2.1?

  • how to solve the challenge without using @media.

Community feedback

  • Kerkeb Mohamed•120
    @MohamedKerkebPosted 5 months ago

    I don't know what else to say, but if you have any feedback, I'm open to it. Thank you.

    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