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 - Pseudo Elements Practice

RaidEyes 390

@RaidEyes

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


Good day to everyone,

After 3 months of studying for my IELTS Certificate, I can now go back to learning code. I'm in the progress of learning Javascript, so I think I should make a few small projects to refresh my mind.

Some key insights of this project:

  • When using pseudo elements, it's important to give it a position. Otherwise, it will not show on your screen.
  • I added some :hover effects for the #feedback section for a better experience.
  • I forgot to add the background images because they were too dim to see. I realized their existence when I already finished the project.

Finally, I really need some advice for better CSS arrangement, my code was a complete mess...

Anyway, thanks for commenting. I will continue this path in the future!!

Community feedback

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