Tailwind CSS v1 | Tutorial Series | 07 CSS Grids

Опубликовано: 18 Октябрь 2020
на канале: codewithchu

257

Using Tailwind CSS Grid Css Utility classes to setup our Cards and Footer sections.

Video Sections
00:00 Overview
01:28 Cards Section
04:42 Footer Layout
09:38 Outro

Tutorial Overview
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 7 of 14.

Subscribe and Learn to Code w/ Chu
   / @codewithchu

Tutorial Source Files can be found on Github.
https://github.com/codewithchu/tailwi...

Demo Site
https://tailwindcss.arthurchu.ca/

Resources
--------------------------------------------------------------
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/
javascript - https://www.w3schools.com/js/

Connect with Code With Chu
--------------------------------------------------------------
https://arthurchu.ca
  / codewithchu
  / codewithchu
  / codewithchu
https://github.com/codewithchu/

На этой странице сайта вы можете посмотреть видео онлайн Tailwind CSS v1 | Tutorial Series | 07 CSS Grids длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь codewithchu 18 Октябрь 2020, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 257 раз и оно понравилось 7 зрителям. Приятного просмотра!