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 section

Nwobodo Igweβ€’ 325

@Igwe0001

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


I just finished this challenge and would really love feedbacks on how i can improve. Thanks.

Community feedback

Renszo Camachoβ€’ 1,615

@RenszCamacho

Posted

Hiya πŸ‘‹πŸ» Nwobodo Igwe. Well done my friend πŸ‘πŸ‘πŸ‘. You have done a fantastic job on this challenge πŸ‘Œ,I noticed that you did mobile-first, and it’s responsive πŸ’―.

Just I few issues in my humble newbie opinion. 😊

The purple card. It’s not very aligned.

How I’d do it:

- .container `grid-gap: 20px `
- .container `margin: 50px 0`
- .container `padding 20px`
- .grid `with: 100%` rather than 90%.

I see you very active in the community.πŸš€

4

Nwobodo Igweβ€’ 325

@Igwe0001

Posted

@RenszCamacho Hi thanks for your input, it really helped me align the cards correctly.

0
P
Graceβ€’ 27,710

@grace-snow

Posted

Hi

If you set your mobile grid rows to all be auto you wouldn't have space at the bottom of some of them.

Hope that helps ☺

2
P
ApplePieGiraffeβ€’ 30,545

@ApplePieGiraffe

Posted

Hello there, Nwobodo Igwe! πŸ‘‹

Good work on this challenge! πŸ‘

In addition to centering the grid (as RenszCamacho helpfully suggested), I suggest switching to a tablet or mobile-friendly layout a little sooner than 900px to prevent a horizontal scroll bar from appearing along the bottom of the screen. πŸ˜‰

Keep coding (and happy coding, too)! 😁

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