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
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?

i 'm really proud of the fact that i knew the elements on the html as soon as i saw he challenge, i previously had some issues with that. i also believe that my .css file it's cleaner that other solutions

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

The main challenge was on the design, maybe with the figma file i could make this easy. Other thing is the fact that changing sizes made some cards overflow, i looked up the solution online

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

overflow, i rescue some solutiones online, but i think there is more to it.

Community feedback

@SvitlanaSuslenkova

Posted

body { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; } Try this to align(top-bottom) and justify(left-right) your project to the center. It applies to the parent component(body). You can use grid instead of flex too(with some changes).

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