Spike: CSS #158

New issue

Closed

opened 2024-09-13 11:57:55 +00:00 by saltyypanda · 1 comment

saltyypanda commented

2024-09-13 11:57:55 +00:00

(Migrated from github.com)

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.

Watch the 60 second CSS overview
Watch the 60 second Tailwind overview
Complete the MDN docs' CSS training modules
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.

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](https://youtu.be/OEV8gMkCHXQ) 2. Watch the [60 second Tailwind overview](https://www.youtube.com/watch?v=mr15Xzb1Ook) 3. Complete the [MDN docs' CSS training modules](https://developer.mozilla.org/en-US/docs/Web/CSS/Tutorials) 4. Read through the [Tailwind docs starting here](https://tailwindcss.com/docs/utility-first) 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](https://codepip.com/games/flexbox-froggy/)), grid, and positioning.

jjalangtry commented

2026-02-09 06:02:19 +00:00

(Migrated from github.com)

educational learning resource not an actionable development task