Learn Flexbox In 8 Minutes | Tailwind CSS Tutorial | Tailwind Tutorial | Learn Tailwind 2 CSS

Channel:
Netherlands Code With Dary
Subscribers:
64,200
Published on ● Video Link: https://www.youtube.com/watch?v=rRzeygfoHI4


Category:
Tutorial
Duration: 7:57
14,758 views
279

This video will learn your flexbox in 8 minutes in Tailwind CSS. Flexbox is a layout (just like grid) that will layout, align and distribute space in a parent flex container. I will show you how to define flexbox, the different directions, how to reverse and order in flex, how to grow and shrink, and how to apply gap to it – Learn one of the most popular utility CSS frameworks named Tailwind for its simplicity and flexibility.

πŸ“šΒ New Udemy Course
If you're looking to level up your Laravel skills, my new course "Udemy Migirations, Seeders, Factories, Query Builder, Eloquent & Relationships" is the perfect opportunity. Learn the essential tools and techniques for building robust and scalable web applications with Laravel: https://www.udemy.com/course/mastering-laravel-10-query-builder-eloquent-relationships/?referralCode=C784C3DB5B8925207FCB

πŸ“² Let’s plan a meeting
Plan a (paid) 1-hour meeting on Calendly to do portfolio reviews, code reviews resume reviews or a coaching session for Laravel. Please read the description before booking: https://calendly.com/codewithdary

πŸ’Œ Newsletter
Sign up for my free weekly email newsletter: https://www.newsletter.codewithdary.com

πŸ”₯ Resources
- PHP Hosting (10% DISCOUNT): https://www.hostinger.com/codewithdary
- TikTok: https://www.tiktok.com/@codewithdary
- Instagram: https://www.instagram.com/codewithdary/
- Twitter: https://twitter.com/codewithdary
- Blog: https://blog.codewithdary.com/
- Newsletter: https://newsletter.codewithdary.com/
- Patreon: https://www.patreon.com/user?u=30307830
- GitHub: https://github.com/codewithdary

Want to learn more?
- Courses: https://www.youtube.com/channel/UCkzGZ6ECGCBh0WK9bVUprtw/playlists

πŸ“‹ Table of Content
00:00 - Introduction
02:01 - How to add flexbox
02:50 - Flex directions
03:10 - Reversing & Ordering in flex
05:23 - Grow & Shrink
06:47 - Gap

#tailwind #tailwindcss #webdesign #flex #flexbox #learnflexbox



Other Videos By Code With Dary


2021-07-26How To Use Broadcasting In Laravel | What is Broadcasting in Laravel?
2021-07-19Events In Laravel | How To Use Events | Listeners In Laravel | How to add Newsletters
2021-07-12How To Use Queues In Laravel | Introduction To Queues | How To Use Queues
2021-07-07How to Create A Currency Converter & Deploy It On Cloudways | Using Laravel 8 | Deployment Cloudways
2021-07-01Complete Tailwind CSS Tutorial | Tailwind CSS Tutorial | Tailwind 2 Crash Course
2021-06-28How To Purge Your Tailwind File | Tailwind CSS Tutorial | Tailwind Tutorial | Learn Tailwind 2 CSS
2021-06-25How To Customize Tailwind Classes | Tailwind CSS Tutorial | Tailwind Tutorial | Learn Tailwind 2 CSS
2021-06-23How To Add Custom Fonts | Tailwind CSS Tutorial | Tailwind Tutorial | Learn Tailwind 2 CSS
2021-06-21How To Make Responsive Designs | Tailwind CSS Tutorial | Tailwind Tutorial | Learn Tailwind 2 CSS
2021-06-18Hover, Transitions, Animations & Transformations | Tailwind CSS Tutorial | Learn Tailwind 2 CSS
2021-06-16Learn Flexbox In 8 Minutes | Tailwind CSS Tutorial | Tailwind Tutorial | Learn Tailwind 2 CSS
2021-06-14Learn Grid In Tailwind CSS | Tailwind CSS Tutorial | Tailwind Tutorial | Learn Tailwind 2 CSS
2021-06-11Padding & Margin In Tailwind | Tailwind CSS Tutorial | Tailwind Tutorial | Learn Tailwind 2 CSS
2021-06-09Background Images Tailwind | Tailwind CSS Tutorial | Tailwind Tutorial | Learn Tailwind 2 CSS
2021-06-07Background Colors & Gradients In Tailwind | Tailwind CSS Tutorial | Tailwind Tutorial
2021-06-04Fonts, Colors & Alignment in Tailwind CSS | Colors In Tailwind | Tailwind Tutorial | Learn Tailwind
2021-06-02How To Install Tailwind CSS | Install Tailwind Via NPM | Tailwind Tutorial | Learn Tailwind 2 CSS
2021-05-31Introduction to Tailwind CSS | Tailwind CSS Tutorial | Learn Tailwind 2 CSS | Tailwind Tutorial
2021-05-17Laravel Authentication & Mailing Crash Course | Laravel Mailing | How To Mail In Laravel
2021-05-14How To Verify Email After Registration | Email Verification | Laravel Authentication & Mailing
2021-05-12How To Send SMS Notifications In Laravel | Nexmo For SMS | Laravel Authentication & Mailing


Tags:
tailwind css
tailwind css tutorial
tailwind css crash course
how to use tailwind
tailwind ui
css tutorial
tailwind crash course
tailwinds css
tailwindcss tutorial
tailwind tutorial
tailwind tutorial 2021
tailwind tutorial css
how to use tailwind css
how to use tailwind css in html
tailwind 2
tailwind css 2.0 install
tailwind ui tutorial
tailwind 2.0
flexbox in tailwind
flexbox tailwindcss
how to use flexbox in tailwind
flexbox vs grid