Skip to content
Submitted almost 3 years ago

Testimonials grid section solution - with Grid and Flexbox

Goran•500
@GoranK89
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

This challenge was harder than expected, especially the first card, which was glued together with absolute positioning (not sure if thats good). Another issue is the spacing below the paragraphs in the 2nd row, not sure currently how to approach that. Overall it feels like I also used a lot of unnecesary CSS selectors, so any future changes to this challenge might be a bit confusing.

Community feedback

  • Anna•545
    @NitaLewskaPosted almost 3 years ago

    Hi! I'd recommend you to read about CSS Grid and to try to rebuild this project using it. Using absolute positioning for each isn't really the best idea, as it kills responsiveness at some point.

    Marked as helpful
    0
    Goran•500
    @GoranK89Posted almost 3 years ago

    @NitaLewska yes definitely, after submiting this solution I saw that many things are off. Fullscreen it looked fine but during resizing things change too much.

    0
    Anna•545
    @NitaLewskaPosted almost 3 years ago

    @GoranK89 Also, I think, that when you'll read a bit about Grid and Flexbox, everything will be much more easier =)

    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