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

Testimonial Grid

P
LG 170

@newbieDesignDev

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?

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,870

@mkboris

Posted

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

P
LG 170

@newbieDesignDev

Posted

@mkboris Thanks for the helpful comment!

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