Part 1 of building our our layouts for tablet, laptop and desktop screen breakpoints for our website using Tailwind CSS Responsive Web Design Utility Classes.
02:31 Hero Section
04:48 Card Section
How to setup and install Tailwind Css using NPM.
Building a Website with Tailwind Css, using css grids, flex box for layout.
Utilizing Tailwind Css mobile first approach to build responsive web design.
Creating subtle animations on our UI components with transition and transform utility classes. Creating components, cards, buttons, navbar with hamburger menu on mobile.
This video tutorial series about TailwindCss by Code with Chu. Video 2 of 14.
Subscribe and Learn to Code w/ Chu
Tutorial Source Files can be found on Github.
TailwindCss – https://tailwindcss.com/
NodeJs – .https://nodejs.org/
VScode – https://code.visualstudio.com/
html – https://www.w3schools.com/html/
css – https://www.w3schools.com/css/
Connect with Code With Chu
Tweets by codewithchu