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