All solutions

First time using CSS modules, took a little bit of time understanding how it works and using PostCSS plugins for things. In terms of implementation the only part that had me stuck was having the width resize responsively between mobile and desktop. I wanted to avoid a media query so that it looked good on all screen sizes, but have it stretch to a point was tricky. Eventually got it using flex-box, max-width and flex

First time setting up a vite + typescript + react project. Ran into a couple of snags with importing the styled-components library but it ended up just being user error. Once I got past that though the rest felt pretty straightforward.

I generally like styled-components but there does feel like times where I should be sharing more between my components or am unsure where certain styles should go. For example when doing the mobile version a few of the spacing parameters needed the change and I had to make those adjustments in a few places which felt a little weird.

Couple of places I'm unsure of

• I used height: 100vh in my body to get a page that wouldn't scroll and allow me to put my footer at the bottom. Is that right?
• In :root I set my default font size so that I could us rem units. It's still unclear to me if I should use rem or pixel or when.