CSS Tutorial in Hindi [Part 49] - Flexbox in CSS

In this video i will talk about Flexbox in CSS

Before the Flexbox Layout module, there were four layout modes:

Block, for sections in a webpage
Inline, for text
Table, for two-dimensional table data
Positioned, for explicit position of an element
The Flexible Box Layout Module, makes it easier to design flexible responsive layout structure without using float or positioning.

The Flexbox Layout (Flexible Box) module (a W3C Candidate Recommendation as of October 2017) aims at providing a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic (thus the word “flex”).

The main idea behind the flex layout is to give the container the ability to alter its items’ width/height (and order) to best fill the available space (mostly to accommodate to all kind of display devices and screen sizes). A flex container expands items to fill available free space or shrinks them to prevent overflow.

Most importantly, the flexbox layout is direction-agnostic as opposed to the regular layouts (block which is vertically-based and inline which is horizontally-based). While those work well for pages, they lack flexibility (no pun intended) to support large or complex applications (especially when it comes to orientation changing, resizing, stretching, shrinking, etc.).

[anuradhashukla]

Having a teacher like u is blessing for us ❤

[apnifamily-vymy]

Best Teacher.
Learn Html CSS and JavaScript From your channel.
TQ Sir ❤️❤️

[the_musalman_yt]

Your voice is good and you are the best Explainer of all YouTube channels

[bhagirathiverma]

Sir aapne bahut acche se CSS padhaya hai....
😎😎

[rohankadam]

What an amazing explanation on flex box. Thank you sir

[coolsoulpk]

One of the best hindi tutorial I've ever came across. I have one suggestion that please design a training course based on project which will make your course more effective because then it will be offering a career path to the learners. eloquently designed tutorial.

[newapdateranjayraj]

Sir hume kuchh samajh nahi aata tha but jabase aapke video dekhata hu samajh aa raha hai

[brightfuture]

What is difference between align-content and align-item properties

[debrajbango]

sir, mera flex-wrap:wrap or reverse-wrap aur width:100px dey raha hun, magar phir bhi woh sare 8 flex-box niche nahi aa raha, sir maine kaha pey galti kiya hain?

[islamisbestforever]

sir align items or align content me kia faraq hay????
please reply!!!!

[waqasalam_]

Sir koi bhtttt difficult psd to html pr video banaiye with using html css and flexbox and bootstrap

[rohit]

one question i have in case of justify-content the height child items remain as the height of container but when you use align-content why height of child items got changed

[alinaarshad]

As a beginer boots strap 4 seekh sakty hein

[Hard-working-Guy]

Hello sir mai ni html owr css ka course apsy complete karlya hian owr ab Mai prectice kelya project Karna Chahta hu
Please Kuch suggestions do

[beautieshelp]

Sir align item aur align content mein kya difference hai?