'; ?>

Course Details

Buy source code - Codeintra
Course Image Tailwind CSS - Zero to Hero tailwind css - tailwind v3 2024 - Free Course Pro
Author Logo Tom Phillips

Tailwind CSS - Zero to Hero tailwind css - tailwind v3 2024

Course Info



Total Lectures


Total Duration

3.5 hours




Basic understanding of HTML & CSSLatest version of node and npm installed
Free Source Code - Codeintra

Course Description

Improve your skills and increase your value as a front end web developer by learning the ins and outs of Tailwind CSS!

Tailwind CSS is a utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.

No more trying to think of appropriate class names, no more creating wrapper classes and inner classes, no more wasting resources with unecessarily large CSS files. Tailwind CSS makes building designs incredibly fast and easy, not to mention has built-in optimisation out of the box. Not using a particular class in your HTML files? Then Tailwind CSS won't include it in the final build of your CSS!

In this course we'll be creating a mobile-first landing page for a music festival website. We'll be covering layouts with flexbox and grid, Hero and Navbar components with menu and sub menu items, targeting different states like hover and focus states, targeting different screen sizes, and extending beyond Tailwind's built-in theme and classes.

After getting comfortable with Tailwind CSS's utility classes, we'll be creating our own base, utility, and component classes, and even writing our own Tailwind CSS plugins! This course is packed with an incredibly amount of value in such a short amount of time!

Increase your value as a front end web developer today by learning a more advanced way of styling your websites using Tailwind CSS.

What you'll learn

Increase your value as a front end web developerBuild a landing page with Tailwind CSSCreate custom Tailwind CSS pluginsExtend the default Tailwind CSS themeCreate custom animations with Tailwind CSS

Who this course is for

Web developers of all levels who want to increase their value by learning a more advanced way of styling their apps & sites

Rate this course using proper Emoji expressions

  • 3

  • 0

  • 2

  • 0

  • 0


    The courses provided on freecourse.pro are sourced from freely available resources and are not hosted on our platform. We disclaim any responsibility for the usage of these files. The files are intended solely for educational purposes and we strongly discourage any other use. Downloading copyrighted material is against the law. We respect the hard work and effort put in by the course creators, developers, and owners. We strongly urge you to support them by purchasing the genuine version from the official website here.

    Trending Courses