Submitted 4 months ago

Testimonials grid section using CSS GRID

Asv000• 190

@Asv000

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Testimonials grid section

HTML
CSS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I'm happy that I did it fast. Probably it isn't exactly centered with a design but that's fine. Maybe that's what I'd do differently.

What challenges did you encounter, and how did you overcome them?

Actually it was quotation marks in first testimony. I achieved that by using position relative on parent and position absolute on a child also adding z-indexes to them.

What specific areas of your project would you like help with?

General feedback is welcome but if I'd specify something is: Am I using too much classes in CSS?

Community feedback

Koda👹• 3,810

@kodan96

Posted 4 months ago

hi there! 🙌

Using too many class is not really a thing. Classes are supposed to differentiate specific items that has the same styling around the page. Although defining too many different classes is unnessesary.

for classnames you can look up BEM notation, its a popular naming convection in webdev.

Hope this was helpful 🙏

Good luck and happy coding! 💪

Marked as helpful

Asv000• 190

@Asv000

Posted 4 months ago

@kodan96 Thank you for your response. I kinda don't like BEM but it looks like I need to stick with that. Thanks!

Koda👹• 3,810

@kodan96

Posted 4 months ago

@Asv000

there are OOCSS and SUIT CSS and a bunch of others asw so you have options. I mentioned BEM because that's the most popular but using it can end up with annoyingly long classnames

Please log in to post a comment

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