Tailwind CSS - Responsive Navbar & Landing Page

In this video we will create a responsive navbar in Tailwind CSS. We will also transform our landing page which we've created with Tailwind CSS into a responsive landing page.
If you've missed those videos I'll recommend to watch the first:
https://youtu.be/xtRWtqU3dcc

A mobile navigation in Tailwind CSS is much easier than you will think. All you need is a good concept for a navbar and some JavaScript to make it interactive.

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.

Code: https://github.com/SteBurz/tailwindcss-crashcourse

Getting Started with Tailwind CSS - an Introduction to Tailwind
https://youtu.be/CatAvmi4hvo

Building a Landing page in Tailwind CSS - first part:
https://youtu.be/xtRWtqU3dcc

Download Tailwind CSS: https://tailwindcss.com/

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

Chapters:
00:00 - Intro
00:33 - Overview of Landing page in Tailwind CSS
01:13 - Breakpoints in Tailwind CSS
03:36 - How to make a responsive Navbar in Tailwind CSS
18:00 - How to make a responsive layout in Tailwind CSS
37:30 - Outro

#tailwindcss #crashcourse #tutorial #css #cssframework #landingpage #landing #page #explained #howto #learning #learn #navbar #navigation #responsive #responsivedesign #responsivelayout #tailwindcssresponsive

Тэги:

#tailwind_css_tutorial #tailwind_css_crash_course #tailwind_css #how_to_use_tailwind #tailwindcss_navbar #tailwind_css_navbar_example #tailwind_css_navbar_responsive #tailwind_css_navigation_menu #tailwind_css_responsive_navbar #tailwindcss_responsive_design #tailwind_css_responsive_layout #tailwind_css_navbar #tailwind_css_navigation_responsive #tailwind_css_responsive_navbar_landing_page #tailwind_css_responsive_landing_page #tailwind_css_landing_page_responsive

Скачать видео