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

testimonials-grid-section

@AmrAbdelgwaad

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


how i can fix the column gap

Community feedback

Shashikant 430

@shashikantdev3

Posted

Hello there 👋. Good job on completing the challenge!

Here are some suggestions regarding your code that may be of interest to you.

You can create 4 columns instead of 5 and you will not require the explicit declaration of rows. See below CSS code.

main {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* grid-template-rows: repeat(4, 1fr); */
    column-gap: 1.875rem;
    row-gap: 1.5rem;
    margin: 10.25rem 10.313rem;
}

I hope you find it helpful! 😏 Above all, the solution you submitted is 👌. 🎉Happy coding!

Marked as helpful

0

@AmrAbdelgwaad

Posted

thank you so much @shashikantdev3 I updated my code and it looks much better now I will work more on it and I want to improve my css grid also

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