Spike: CSS

[saltyypanda]

This project utilizes TailwindCSS for styling (as much as possible. The number one thing to remember is that Tailwind is just CSS. When writing normal CSS, it's common to create a number of common utility classes that can be re-used. Tailwind embraces this practice and simply provides a whole suite of these utilities for use in the project out of the box. When you use Tailwind, you aren't using some alternative to CSS, you're just leveraging a specific mindset. Therefore, to learn tailwind, you first must learn CSS, so let's start there.

1. Watch the 60 second CSS overview
2. Watch the 60 second Tailwind overview
3. Complete the MDN docs' CSS training modules
4. Read through the Tailwind docs starting here

These are just a starting point, best way to learn is to practice and look up more learning resources! Once you have a general idea of CSS, I recommend looking up learning games for things like flexbox (such as Flexbox Froggy), grid, and positioning.