Modern CSS with Tailwind

Description

In this course, you will learn :

• Create modern websites quickly and easily without ever leaving HTML.
• Tailwind CSS is used to create web pages.
• Play around with Tailwind to learn how to answer interview questions.
• Create your own go-to Tailwind project and learn the fundamentals.

Syllabus :

1. Tailwind Basics

• Tailwind
• Utilities
• Preflight
• Duplication
• Using @apply for Duplication
• Prefixes
• Retro Designs: Introduction

 

2. Typography

• Size and Shape
• Color and Opacity
• Alignment and Spacing
• Tailwind Forms
• Retro Designs: Font Styling

 

3. The Box

• Box
• Padding and Margins
• Borders
• Background Style
• Gradients
• Background Images
• Image Features
• Retro Designs: The Box

 

4. Page Layout

• Layout Features
• Tables
• Grids
• Span
• Flexbox
• Order and Wrap
• Box Alignment
• Retro Designs: Page Layout

 

5. Animation

• Simple Animations
• Animation Properties
• Retro Designs: Animation

 

6. Responsive Design

• Tailwind Screen Widths and Breakpoints
• Hide Based on Size
• Flex on Larger Devices

 

7. Customizing Tailwind

• Customizing and Configuration File Basics
• Screen Width
• Default Color
• Spacing
• Change Generated Classes
• A Tour of the Prefixes
• Declaring Variants
• Access Tailwind from JavaScript
• Purge CSS

Show more