All solutions

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.

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

I really like trying out different approaches for CSS-in-JS. I think my style objects worked well, but it becomes clear that a component based approach will be necessary for larger projects to keep things simple.

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

I used absolute positioning to center the element and I enjoyed learning a bit more about this method. But I also found it quite hard to get everything right and had to make countless small adjustments to fix inconsistencies in the design.

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

Nothing specific right now.

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

I really liked using css custom properties for changing font sizes based on media queries.

Next time I would pay more attention to writing semantic html.

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

Setting up emotion with typescript support was not as well documented as I had hoped.

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

I would be glad about any css specific feedback I could get. Any obvious improvements I could make to improve the code-base?

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

I really liked using css custom properties for changing font sizes based on media queries.

Next time I would pay more attention to writing semantic html.

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

Setting up emotion with typescript support was not as well documented as I had hoped.

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

I would be glad about any css specific feedback I could get. Any obvious improvements I could make to improve the code-base?

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

I like the lightweight setup with React and Tailwind.

For the next time I would again try to find a solution which also lets me use CSS-in-JS or CSS Modules.

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

I wanted to establish using React, Tailwind and Emotion CSS for Frontend Mentor projects without the overhead of creating a new project with several hundred megabytes of packages everytime.

I quickly found a solution to use React and Tailwind with through CDN-delivered packages. But I did not find a way to make the same procedure work for Emotion CSS. In the end I mainly used vanilla CSS with BEM methodology.

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

I could use some hints on how to make a CSS-in-JS library or CSS Modules work with my lightweight CDN approach.