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 using CSS Grid and SCSS

dngtnvโ€ข 190

@dngtnv

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


This is my first time doing a challenge here. Please review my code, it helps me a lot.

Community feedback

Vanza Setiaโ€ข 27,875

@vanzasetia

Posted

๐Ÿ‘‹Hi there!

I have some feedback for this solution:

  • Instead of keep adding body main and etc. I recommend to select directly the class name rather than keep increasing specificity, like this:
 .testimonials {
 /* some styles */
}

.testim-box1 {
 /* some styles */
}
  • I recommend to fill the alt with their name rather than avatar.

That's it! Hopefully this is helpful!

Marked as helpful

1

@radenadri

Posted

Nice work man! It works greatly on tablet and mobile as well! ๐Ÿ™Œ

From what i see, i think i only have two additions based on my personal opinions :

  1. It will be much more awesome if you add the box-shadow on each testimonials, just a thin shadow to make it look exactly like the design. But overall its great, its only little additions as well. ๐Ÿ˜Š
  2. I believe the provided design showing that the avatar is kind of small, if you change it to approximately 45px, i think it will be much more great since it will be much more clearer to see the picture.

That's it, great work for sure! Happy coding and also keep coding man! Waiting for another work! ๐Ÿ‘๐Ÿ‘Œ

Marked as helpful

1

dngtnvโ€ข 190

@dngtnv

Posted

@radenadri Wow, thanks for the feedback, i'll try to change that.

0
mabrurโ€ข 105

@mabrurherza

Posted

Awesome ๐Ÿ˜ฎ definitely will try this challenge.

0

dngtnvโ€ข 190

@dngtnv

Posted

@mabrurherza Thank you ๐Ÿ˜„, hope to see your solution to this challenge๐ŸŽˆ๐ŸŽˆ

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