Description

Tailwind CSS is a extremely customizable CSS framework which can be utilized instantly in your HTML. No extra heavy CSS. it is designed from the bottom up with customization in thoughts.

Why Tailwind CSS?

• Simply customise and configure nonetheless you need to.

• Create distinctive trying web site (this isn’t the case in Bootstrap).

• Utility First

• Sooner CSS Styling Course of

• Responsive Design.

• Simply used with any frameworks.

• Tiny (tremendous quick in manufacturing).

• Simply apply Darkish Mode and extra themes.

• Lovely Colour Presets.

• Plugins.

• Customization…Customization…Customization.

On this course I’ll take mission based mostly strategy to show you the most recent Tailwind CSS. we’ll construct 2 stunning actual world manufacturing prepared web sites collectively. we’ll see the fundamentals, a few of the superior ideas and methods to attain our wants. In these mission we’ll not solely see the frequent designs(like playing cards, buttons, kind inputs…) however we’ll transcend and canopy how one can make actually nice designs.

I’ll replace this course repeatedly when obligatory.

What You Will Study?

Customise & Configure Tailwind CSS.

• Write Optimized and Performant Code for Manufacturing. ?

• Make responsive designs with Tailwind CSS (RWD).

• Apply Darkish and Gentle Mode.

• Managing duplication and creating reusable kinds.

• Not solely certain to the pre-defined kinds however you’ll study scorching so as to add and customise your individual presets.

Virtually Perceive the distinction between tailwind CSS and different CSS frameworks like bootstrap.

2 Actual Projects

We’ll create 2 actual world web sites. These initiatives are open supply and free to make use of.

  1. Tail Itemizing – Enterprise and Listing Itemizing Web site

  2. Tail Furnishings – Furnishings Showcase Web site (Figma to Tailwind CSS)

If the coupon shouldn’t be opening, disable Adblock, or strive one other browser.

Leave a comment

Your email address will not be published. Required fields are marked *