The Easiest Way to Master CSS Flexbox...

Показать описание

🔴 LOOKING FOR THE CODE? 🛠️

👇🏻FOLLOW ME HERE:

💰 WANT TO SUPPORT THE CHANNEL?

🕐 TIMESTAMPS:

00:00 Introduction
00:21 Skillshare Sponsorship
02:11 Flexbox Explanation
02:42 Explaining justify-content: flex-end
04:44 Explaining justify-content: center
05:30 Explaining justify-content: space-around
06:58 Explaining justify-content: space-between
07:10 Explaining align-items: flex-end
08:02 Aligning item in the center of the page
08:56 Explaining align-items and justify-content
09:45 Explaining flex-direction: row-reverse
10:46 Explaining flex-direction: column
10:59 Explaining flex-direction and justify-content (1/3)
12:10 Explaining flex-direction and justify-content (2/3)
13:18 Explaining flex-direction and justify-content (3/3)
13:54 Explaining flex-direction, justify-content and align-items
14:59 Explaining the order-property (1/2)
16:37 Explaining the order-property (2/2)
17:50 Explaining align-self
18:50 Explaining order and align-self
20:01 Explaining flex-wrap: wrap
20:32 Explaining flex-direction and flex-wrap
21:21 Explaining flex-flow: column wrap
21:49 Explaining align-content: flex-start
22:35 Explaining align-content: flex-end
22:44 Explaining flex-direction and align-content
23:32 Explaining flex-flow, justify-content and align-content
26:10 Outro

Let’s get it PAPAFAM 🔥.

#reactjs #css #flexbox #tailwindcss

Рекомендации по теме

Комментарии

I just made this a mandatory game for my Jr devs to play and complete. So freaking awesome! Thank you for sharing this to us Sonny

sleepcs

Hello brother. I am a indie dev, and I've been watching your videos lately, they're so powerful and useful to me. Nowadays, I am upgrading my old webapps from Only Django Based to React Django Based.

DevBishwasBh

This is the best revision for Flexbox! I needed this very much! Thanks my g!

enricopucci

It's so easy to understand when you teach.
You are my hero
#1 African Follower
All the way from Zambia

jacksonmwanaumo

This is a brilliant website for refreshing yourself and learning! Great for programming problem solving good series bro!

Smurfis

thanks for demonstrating, been watching a lot of ur vids as ur presentations are really clear

CavanMitchell

This is actually the Easiest way, I now understand, thank you ❤

MathewCris-lply

this game was really simple but I found it really helpfull, thank you Sonny

bekhzodbeknematov

flex-flow:column-reverse wrap-reverse;
align-content:space-between;
justify-content:center;

manjunathreddy

I saw the thumbnail image and clicked to like and support,
it's also how I learned

cau

Please do OAuth Next Js Django... I have been struggling with it.

DevBishwasBh

this was really awesome 😄, I paused the video on the start and tried to solve . I only got stuck at the last one

VIJAY_B_

The course is really amazing! Flexbox seems easy after watching this vedio

kavyajanardhanan

This is such an amazing game. 😍 Thanks a lot..

sweetdollsree

This was helpful, man. Thanks. But had to wait through a lot of bullshit to get to the important bits bro. Like you said, "Roll the intro" Are you saying that to yourself? Kinda weird. But still, useful. Cheers bro.

rameenana