Learn Tailwind CSS Using Laravel

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Learn to integrate Tailwind CSS into a Laravel project in this 30-minute crash course. Begin with the installation process using npm, configure postCSS, and set up the Tailwind config file to purge unused CSS, resulting in a final file size under 10 KB. Explore essential Tailwind CSS properties and their application, covering width, height, colors, margins, paddings, fonts, borders, buttons, flexbox, and grid layouts. Discover how to create responsive designs and extract reusable CSS into components. Conclude by regenerating CSS using npm, equipping you with the skills to efficiently implement Tailwind CSS in your Laravel projects.

Syllabus

Installing Tailwind CSS in Laravel Project.
Tailwind CSS - Width & Height.
Tailwind CSS - Setting Color.
Tailwind CSS - Margins & Paddings.
Tailwind CSS - Fonts.
Tailwind CSS - Borders.
Tailwind CSS - Buttons.
Tailwind CSS - Flex.
Tailwind CSS - Grids.
Tailwind CSS - Responsiveness.
Tailwind CSS - Components.