Skip to content
Submitted 10 days ago

Testimonial Grid

#node#sass/scss
P
Gabe•300
@gabei
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?

I'm proud of getting the grid to work at all the way I wanted it to. I'm still getting the hang of it.

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

I was a little slow to get a hang of the grid-area property. The format of placing row-start / col-start / row-span / col-span took a little bit of getting used to.

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

Feedback on anything and everything is welcome!

Community feedback

  • Paulo Wells•470
    @wellsprPosted about 9 hours ago

    This solution is outstanding! It uses semantic HTML tags and makes an advanced use of Sass preprocessor. The CSS grid shines in all places! The resulting webpage is fully responsive and includes a nice tablet version which interpolates between mobile and desktop original designs.

    It would be nice if the desktop version content had a max-width, to prevent it from becoming too wide on wider screens.

    Also, the content would show better if vertically centralized.

    Congratulations and happy coding!

    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