Social links profile

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

I'm most proud of the fact that I finally dared to try project while doing tailwind instead of basic css and. I wouls straight out go right to vite or some framework instead of using CLI and doing almost everything manually, and I would first check the compatibility of the programming tools I'm using.

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

Vite 7 + Tailwind v4 Hell: Since I went with the brand-new Vite 7 and Tailwind v4, I ran into a "White Screen of Death" and PostCSS errors immediately. I had to learn the hard way that @import rules in CSS are super picky, they have to be at the very top, or the whole build breaks.

IntelliSense ghosting me: Because v4 doesn't use a tailwind.config.js anymore, my VS Code autocomplete died. I had to go into my JSON settings and manually point the extension to my index.css to "wake it up."

The 320px squeeze: I initially had some fixed widths that broke on tiny screens. I tried my very best but I'm not sure as to how to squeeze it to tiny screens.

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

Tailwind Layers: I used @layer components to create my own text presets (like .text_preset_1). Is this still the "best" way to do things in v4, or should I be doing something else?

Custom Theme vs. Inline: I put all my colors and spacing inside the @theme block in my CSS. I’d love feedback on whether my custom spacing scale (--spacing-500, etc.) is easy for other devs to follow.

Accessibility: I’m using <ul> for the links—is that the best move for screen readers, or should I be using a different nav structure?