Skip to content
Submitted 3 months ago

Testimonial Grid

LG•170
@newbieDesignDev
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?

In this challenge it force me to learn a new layout algorithm which is CSS Grid. I am proud that I can now create my own CSS Grid layout.

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

One of the problems that I encounter is how to make the quotation image to be at the background. I was able to overcome it with finding solutions with google.

I also tried implementing the grid-template-areas.

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

I think having a better understanding how CSS Grid work will help me a lot on creating better websites.

Community feedback

  • Boris•2,850
    @mkborisPosted 3 months ago

    Nice work @newbieDesignDev, the content seems to one sided when you get to small screen sizes to fix that, add this on your body so its properly centered

       /* your other styles */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    padding: 1rem;
    Marked as helpful
    0
    LG•170
    @newbieDesignDevPosted 3 months ago

    @mkboris Thanks for the helpful comment!

    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