Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Testimonial Grid Sections

@Abecarne

Desktop design screenshot for the Testimonials grid section coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

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

@JoramirJr

Posted

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
Discord logo

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