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

Fully Responsive Social Section Proof with game changer CSS tooling!

#vue
Shawn Lee• 560

@OGShawnLee

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! It's been a long time since I solved a challenge. In this one I finally tried Vue again and well, it was fantastic! Vue 3 with Composition API + TypeScript + Devtools provide a next level developer experience. And to spicy things up I added UnoCSS: an atomic, blazingly fast CSS engine that allowed me to add atomic classes as attributes! I also switched to pnpm and its terrific!

However I had trouble defining default values for component props. What is the right way for doing that? I used computed variables to solve it but I don't think that's the way it's done.

Thanks for viewing/replying. Have a great day!

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