Skip to content
Submitted 7 months ago

Responsive Testimonial Grid Sections

Anthony Becarne•160
@Abecarne
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?

This project made me use the display grid for the first time. And I think I have done a good job. I also am starting to be used to handle responsive easier than before and I tackled this much more faster than expected.

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

As it was my first time using grid, i struggle at first to configure the space each card would take. The result with higher resolutions really looks bad i think. Maybe i should handle this in the next projects.

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

Feel free to give any feedback or advice :)

Community feedback

  • Joramir Jr.•250
    @JoramirJrPosted 7 months ago

    Hey, @Abecarne!

    Your solution looks great!

    I see that you made frequent use of pixels as your "go to" sizing unit; one tip I'd give you is to try using 'rem', in regards to "global" sizing, meaning, for every "project-wide" UI element; the advantage of this is that all of your fonts get the same base unit; this has a few advantages, like your fonts and spacing having a more consistent look, and project-wide changes becoming way easier, as changing the rem would affect all global styling that relies on it, making the need for individual changes throughtout the project less likely to happen.

    Hope my tips are helpful!

    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