In this course, you will learn about Tailwind CSS. You will learn about setup, HTML template, fonts and colors, margin, padding and borders, Tailwind configuration, custom fonts, flexbox, responsive classes, cards, badges, directive, grids, buttons, icons, hover effects, responsive navigation, and transitions.
Overview
Syllabus
Tailwind CSS Tutorial #1 - Intro & Setup.
Tailwind CSS Tutorial #2 - HTML Template.
Tailwind CSS Tutorial #3 - Fonts & Colors.
Tailwind CSS Tutorial #4 - Margin, Padding & Borders.
Tailwind CSS Tutorial #5 - Tailwind Config.
Tailwind CSS Tutorial #6 - Custom Fonts.
Tailwind CSS Tutorial #7 - Using Flexbox.
Tailwind CSS Tutorial #8 - Responsive Classes.
Tailwind CSS Tutorial #9 - Cards.
Tailwind CSS Tutorial #10 - Badges.
Tailwind CSS Tutorial #11 - @apply Directive.
Tailwind CSS Tutorial #12 - Grids.
Tailwind CSS Tutorial #13 - Buttons.
Tailwind CSS Tutorial #14 - Icons.
Tailwind CSS Tutorial #15 - Hover Effects.
Tailwind CSS Tutorial #16 - Responsive Nav (part 1).
Tailwind CSS Tutorial #17 - Responsive Nav (part 2).
Tailwind CSS Tutorial #18 - Transitions.
Tailwind CSS Tutorial #19 - Wrap Up.
Taught by
The Net Ninja
Related Courses
Reviews
4.7 rating, based on 3 Class Central reviews
-
so good he installation of tailwind changed a bit, so it took me another 15 min. to figure it out (just go to the official website), but the instructor is great, basic concepts are well explained and still relevant.
-
Jeffrey Monja CastroThis course is incredibly valuable. Its concise and straightforward approach makes it highly accessible. The content covers essential topics that are perfect for anyone new to using Tailwind CSS. A big thank you to the creators for putting together such a helpful resource! -
The installation of tailwind changed a bit, so it took me another 15 min. to figure it out (just go to the official website), but the instructor is great, basic concepts are well explained and still relevant.
