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

Responsive recipe page | vite, react, typescript, vanilla-extract

@ffrosch

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I really like the use of theme and style tokens that comes with vanilla-extract.

I would like to try out more interesting libraries next time.

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

I found it difficult to get used to the atomic approach in which vanilla-extract requires you to write styles. I'm more used to writing css top-down, letting the parent define how the child behaves. But eventually it clicked and my code got way more maintainable by writing atomic css for every html element.

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

Nothing specifically.

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