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-main

faizan 2,420

@afaiz-space

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


lot fun with this work.

Community feedback

@snake321

Posted

You have done good job but there is a lot of mistakes which you should correct

/* IN body you should keep

<main> and container different and then apply display flex to keep your conten in center */ /* main{ display: flex; align-items: center; justify-content: center; min-height: 100vh; } */ and then apply grid on container container{ margin: 0 auto; padding: 15px;/* padding should be padding 2rem 3rem */ width: 80rem;/* keep it width 100% to keep it responsive */ display: grid; } Hope this help!... Keep coding👍
0

faizan 2,420

@afaiz-space

Posted

@snake321 thanks for feedback.

0
Markufuu 130

@Markufuu

Posted

I love your work but there are things I like to point out:

  1. The gap between the cards should be wider. 2.The aphostrophe in the first card should have a lighter shade of violet
  2. The line height of the card's description should be higher.
  3. The cards at the bottom and the right-most one should have a subtle box- shadow (border-bottom for bottom cards and border-bottom and right for the right-most card).
  4. Then font-color of the names should have a lighter shade of grey.

Sorry if its too pedantic but its a good practice to have a detail oriented approach.

0

faizan 2,420

@afaiz-space

Posted

@Markufuu thank you for feedback.

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