https://scrimba.com/learn/tailwind 에 가입해야 볼 수 있는 강의가

 

유튜브에 통으로 올라와 있네요.

 

https://www.youtube.com/watch?v=4wGmylafgM4

 

⚡ Contents ⚡

00:00:00​ - Welcome to the Tailwind CSS course

00:04:16​ - Background Classes & Shades

https://tailwindcss.com/docs/background-color

00:08:40​ - Element Sizing & Tailwind's Numbering System

https://tailwindcss.com/docs/width

https://tailwindcss.com/docs/height

https://stackoverflow.com/questions/25225682/difference-between-width100-and-width100vw

00:14:51​ - Shades of Blue Challenge

00:17:07​ - Padding & Margins

https://tailwindcss.com/docs/padding

https://tailwindcss.com/docs/margin

00:22:45​ - Styling Text Part 1

https://tailwindcss.com/docs/font-family

https://tailwindcss.com/docs/font-size

https://tailwindcss.com/docs/text-align

https://tailwindcss.com/docs/text-color

00:28:45​ - Styling Text Part 2

https://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에 한글에 필요한것들이 있을 까?

00:35:15​ - Text Styling

Quiz

00:41:28​ - Borders

https://tailwindcss.com/docs/border-width

https://tailwindcss.com/docs/border-color

https://tailwindcss.com/docs/border-style

https://tailwindcss.com/docs/border-radius

00:49:03​ - The Buttons Challenge

00:55:43​ - Display Modes

https://tailwindcss.com/docs/display

00:57:43​ - Flexbox

https://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

01:09:36​ - Block Gallery Challenge

01:15:41​ - Responsive Design

https://tailwindcss.com/docs/responsive-design

01:23:18​ - Hover Modifier

https://tailwindcss.com/docs/hover-focus-and-other-states#hover

01:25:35​ - Focus Modifier

https://tailwindcss.com/docs/hover-focus-and-other-states#focus

01:27:21​ - Combination Modifier

https://tailwindcss.com/docs/hover-focus-and-other-states#combining-with-responsive-prefixes

01:29:14​ - Other Utilities

https://tailwindcss.com/docs/box-shadow

01:35:11​ - Input Component Challenge

01:39:01​ - Employee Card Challenge

01:50:19​ - Final Course Project - Landing Page

02:30:36​ - It's A Wrap!