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

Social Proof Section using HTML, CSS

@sagar-tanwar

Desktop design screenshot for the Social proof section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hey buddy 🖐. Hope you're doing great. This is my solution for the respective challenge. Please, do share your feedback. Thank you 😊.

Community feedback

Lawrence 240

@LawrencePryer

Posted

Hi Sagar

This looks great! I am currently struggling through this same challenge myself so it is interesting to see how you did this. My one suggestion would be regarding your variables for CSS. Rather than naming the variables after the actual colours (e.g. --dark-magenta) , I understand it is good practice to call them things like "color-primary" and "color-secondary". This way if a company decides to change the colour scheme in the future, you don't have to change the variable names. For example if the company decided to change from a dark magenta to a dark orange, you would need to go through and change all your variables throughout the code, rather than just the colour codes in the :root section.

I hope that helps and makes sense. Hopefully somebody more experienced can confirm whether my suggestion is a good one or not.

2

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