Learn CSS Flexbox in easy way

Подписаться 2,6 тыс.

Просмотров 23 тыс.

50% 1

Learn the most important concepts of CSS Flexbox Layout in simple and easy manner.
PDF VERSION:
ko-fi.com/s/e00bb0cb86
🕛Timestamps:
0:00 - Intro
0:54 - flex-direction
1:48 - align-items
2:40 - justify-content
4:31 - how to center a div 😆
4:40 - flex-wrap
5:30 - align-self & justify-self
6:08 - order
6:40 - flex-grow
7:08 - flex-shrink
7:45 - flex-basis
8:22 - Ending
Use For Coding:
- VS CODE
Other Assets For Editing:
- Pexels (Videos)
- Pixabay (SFX)
- GIPHY (Gifs)
#CSS #course #tutorial #flexbox #webdev #webdevelopment

Хобби

Опубликовано:

11 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 59

@EduardoVillegas. 3 дня назад

This channel is underrated. It deserves to go viral. good job!!!!!

@cyroxmane День назад

bro you really saved me, especially that pdf file. its not possible for anyone to make a video explaining flexbox better than you.

@mateusb09 29 дней назад

I absolutely love emphasis on your real world examples. I always find these flexbox videos so confusing because the youtuber is just sorting a bunch of random colored boxes back and forth with no real practical usage. But you nailed perfectly. You are a god

@Nova_Designs_ 29 дней назад

Thank you 🔥🔥

@cyroxmane День назад

bro answered the most terrifying question ever existed in 3 seconds 4:32

@justindelrosario9135 12 дней назад

THIS CHANNEL DESERVES A ALOT SUBSCRIBERS

@olvidate 27 дней назад

RU-vid recommended this for me, the best explanation of flexbox in whole RU-vid videos.

@trantrungnghia9642 2 дня назад

OH FUCK! THE ANIMATION IS INSANE

@ASRatul-tc2uw 18 дней назад

He just woke up and decided to post the best explanation video!!!

@hazhirnaseri4750 19 часов назад

I can't believe this video has just 22k views. Your content is awesome and so understandable. Thank you so much ❤

@ekoffical9922 4 дня назад

this video deserves millions view

@felixlutrovnik345 5 дней назад

i am learning web dev and building my own projects, gotta be honest this videos have put things in their places for me !! thank you very much man very helpfull and easy to understand.

@sanmarchen 28 дней назад

Это лучшее визуальное объяснение flexbox, которое я только видел.👏👏👏

@video724de 7 дней назад

Die beste, strukturierteste und kürzeste Beschreibung, die ich je zum Thema gesehen habe! Danke! Das sollte viel mehr Besucher anziehen!

@AkashYadav-ri1fy 20 дней назад

explanation is much better than any other youtube videos i ever watched.....you nailed it

@br1580 5 дней назад

Great refresher. Thank you.

@InsanegamerPro 4 дня назад

Earned my subscribe dude 👑

@aryanadhikari4501 7 дней назад

Finally understood after years

@shubhamyache7867 6 дней назад

Your video is so helpful ❤

@aronhalaoui3188 8 дней назад

Such great Video. structured and easy to understand, because of the visual Examples you provide. Definetly subscribed to this channel.

@TFASHOKKUMARM 10 дней назад

Explanation is great. The thumbnail remainds me "Slaying the dragon" is a great youtube channel like you talk about css.

@returnZeroo 8 дней назад

Thanks youtube for recommended this gem

@jayaseelank1399 10 дней назад

Easy to understand with less time❤

@haikalrafliansyah7931 3 дня назад

Nice tips!

@kranthireddy4236 4 дня назад

Great work 😅

@TheGuyCalledCarl Месяц назад

Great explanation 👌🏻

@arturobarry6664 13 дней назад

nice video thank you❤

@muhammadakram1701 2 месяца назад

Nice tutorial. Thanks

@Nova_Designs_ 2 месяца назад

Glad it was helpful! ☺️

@user-dd7cq2dx6f 13 дней назад

obrigado amigo, Brazil.

@vry.design 7 дней назад

1:45 I think while animating you should’ve replaced the whole container instead of numbers to give it more clarity. I know how much time went into making this video. So just a small suggestion! Keep making such amazing stuff!

@Nova_Designs_ 5 дней назад

Thank you so much for your suggestion! Don't worry we will apply it and be more careful to our upcoming videos 😊

@user-km8ls5oc3z 29 дней назад

Thank you🙂

@Nova_Designs_ 29 дней назад

Your Welcome ♥️

@shubhamsatyawali4412 7 дней назад

Can you do one on Grid as well also really liked this one

@matiturock 6 дней назад

Now a grid video please !

@azizmedia2702 Месяц назад

Great please record a full course of html and css

@slowedreverb6819 3 дня назад

GO VIRALL. COMMENTING FOR ALGO

@pedroarthur7237 День назад

joga muito cz, encosta bora toma uma

@Dharma270 11 дней назад

Cool

@RajatJain123 11 дней назад

Can you Please make more videos on CSS topics as your explanation is too good man!! (bestttt in whole RU-vid)

@Nova_Designs_ 10 дней назад

Yes, we will do our best to create videos for you guys! Thank you! 😊

@MR_White.T 6 дней назад

bring video on media query , it will be helpful to learn responsive design . Liked this video 💪

@Nova_Designs_ 5 дней назад

Noted! Thank you for giving us ideas for our next videos! ♥️

@rahiqueosman 14 дней назад

slaying the dragon

@58ranier 8 дней назад

I have a div container with img and s a paragrah.. But with flex I want them to become smaller for screens but why doesn't the img and s become smaller? They're staying the same size.. Why is this?

@Nova_Designs_ 7 дней назад

Hello! Images and s have their own width and height. You can use media queries for various screens sizes to set the width and height of your images and Iframes or you can use the percentage value to make it responsive ♥️