Tailwind CSS – Building a Landing Page

by | May 22, 2021 | 0 comments

Tailwind CSS – Building a Landing Page

by | May 22, 2021 | CSS Tips and Tricks | 0 comments



We’re going to build a Landing Page in Tailwind Css from skretch. We will going to build a Navbar in Tailwind as well as a hero banner section. While building I’ll show you how Tailwind Css works and what the CSS Framework can actually do.
Also we are taking a look into how you can import your custom fonts into Tailwind and when it makes sense to use @apply and the Tailwind Config Js.

This part won’t show you how you can get started with Tailwind Css. If you are new please check out my get started video on Tailwind Css – to get an introduction to Tailwind Css.

Getting Started with Tailwind Css – an Introduction to Tailwind

00:00 – Intro
00:25 – Landing page design in Figma
01:45 – How to build a Navbar in Tailwind Css
11:00 – Creating a header section in Tailwind Css
27:07 – Importing a custom font to Tailwind Css
30:03 – Using @apply with Tailwind Css
32:30 – Outro

Twitter: https://twitter.com/OverflowSteff
Instagram: https://www.instagram.com/steffoverflow/
Website: https://www.steffoverflow.com

#tailwindcss #crashcourse #tutorial #css #cssframework #landingpage #landing #page #explained #howto #learning #learn

source