Social Proof Section using SASS, Flex and BEM
Design comparison
Solution retrospective
Hi Guys! Here is my solution for the Social Proof Section challenge. Any feedback is greatly appreciated!
Community feedback
- @correlucasPosted about 2 years ago
πΎHello ,Deborah Robbiano Congratulations on completing this challenge!
Amazing to see your progress since your first challenge, the mobile and desktop version are perfect and I liked a lot the hover effect on the card with the quote. Nice job.
You did a really good work here putting everything together, something you can improve its your code html markup and semantics. You can replace the
<div>
that wraps each card with<article>
you can wrap the paragraph with the quote with the tag<blockquote>
this way you'll wrap each block of element with the best tag in this situation. Pay attention that<div>
is only a block element without meaning.βοΈ I hope this helps you and happy coding!
Marked as helpful2@debriksPosted about 2 years ago@correlucas Thank you so much for your feedback and encouragement Lucas! π« I'll refactor the code following your advices!
1@correlucasPosted about 2 years ago@debriks Sometimes I'm shy to comment on your solutions because the last ones you don't miss almost nothing! You probably will make some solution in the future using grid, so here's an amazing resource for
grid
---> https://gridbyexample.com/examples/ Have a good night Deborah =)Marked as helpful1@debriksPosted about 2 years ago@correlucas Wow! I just checked your ressource on CSS Grid now and it's really good and well-explained!! Again thank you π«
1
Please log in to post a comment
Log in with GitHubJoin 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