Skip to content
Submitted 2 months ago

Testimonials grid

Lorena Castillo Goche•170
@cas1092
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 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

  • Svitlana Suslenkova•5,320
    @SvitlanaSuslenkovaPosted 2 months ago

    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

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