Skip to content
Submitted about 1 year ago

responsive testimonials page using grid with different layout cards

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

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.

Code

Please log in to post a comment

Log in

Community feedback

  • Kerkeb Mohamed•120
    @MohamedKerkeb

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

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