Tailwind CSS Tutorial for Beginners - Full Course
https://scrimba.com/learn/tailwind 에 가입해야 볼 수 있는 강의가
유튜브에 통으로 올라와 있네요.
⚡ Contents ⚡
- Welcome to the Tailwind CSS course - Background Classes & Shadeshttps://tailwindcss.com/docs/background-color
- Element Sizing & Tailwind's Numbering Systemhttps://tailwindcss.com/docs/width
https://tailwindcss.com/docs/height
https://stackoverflow.com/questions/25225682/difference-between-width100-and-width100vw
- Shades of Blue Challenge - Padding & Marginshttps://tailwindcss.com/docs/padding
https://tailwindcss.com/docs/margin
- Styling Text Part 1https://tailwindcss.com/docs/font-family
https://tailwindcss.com/docs/font-size
https://tailwindcss.com/docs/text-align
https://tailwindcss.com/docs/text-color
- Styling Text Part 2https://tailwindcss.com/docs/font-style
https://tailwindcss.com/docs/font-weight
https://tailwindcss.com/docs/letter-spacing
https://tailwindcss.com/docs/line-height
https://tailwindcss.com/docs/text-decoration
https://tailwindcss.com/docs/text-transform
text transform에 한글에 필요한것들이 있을 까?
- Text StylingQuiz
- Bordershttps://tailwindcss.com/docs/border-width
https://tailwindcss.com/docs/border-color
https://tailwindcss.com/docs/border-style
https://tailwindcss.com/docs/border-radius
- The Buttons Challenge - Display Modeshttps://tailwindcss.com/docs/display
- Flexboxhttps://tailwindcss.com/docs/flex
https://tailwindcss.com/docs/justify-content
https://tailwindcss.com/docs/align-items
https://tailwindcss.com/docs/flex-direction
https://tailwindcss.com/docs/flex-wrap
- Block Gallery Challenge - Responsive Designhttps://tailwindcss.com/docs/responsive-design
- Hover Modifierhttps://tailwindcss.com/docs/hover-focus-and-other-states#hover
- Focus Modifierhttps://tailwindcss.com/docs/hover-focus-and-other-states#focus
- Combination Modifierhttps://tailwindcss.com/docs/hover-focus-and-other-states#combining-with-responsive-prefixes
- Other Utilities - Input Component Challenge - Employee Card Challenge - Final Course Project - Landing Page - It's A Wrap!