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 using css grid

Ouss_Ach 670

@OUSSAMAACHICHE

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


It was a difficult design for me, but I learned many things. Please take a look and tell me what to do better

Community feedback

Ruby 170

@Rubylena

Posted

I will also recommend display: flex for the body element or parent container, with justify-content: center and align-items: center. Everything will be perfectly aligned in the middle. Also do not forget to add your side padding

Marked as helpful

1

@efecollins

Posted

@OUSSAMAACHICHE. Well done on this project. You've definitely put in the effort. Kudos!

Your website is responsive which is great but there's a little problem with the attribution. It would be okay to add

.parent {
    margin: 20px auto 40px;
}

which will create space beneath the .parent class.

As for the attribution, this would be fine

.attribution {
    font-size: 11px;
    text-align: center;
    position: relative;
    bottom: 20px;
}

Good luck and keep practising.

I also recommend viewing the reports generated for you.

1

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