CSS Flexbox Tutorial - Part 1

Hi, I am Kavita Sharma and welcome to Coding Curry. Many or our viewers have been asking us to create videos about "Flexbox property in CSS". Finally we have started the series for "CSS Flexbox property". CSS flex-box layout is a CSS3 web layout model. The flex layout allows responsive elements within a container to be automatically arranged depending upon screen size (or device) without using float or positioning.
SUBSCRIBE MY CHANNEL FOR MORE VIDEOS LIKE THIS.
Facebook: / coding.curry.1
Google+ : plus.google.co...
flexbox
css flexbox
css grid
justify-content
flex
flexbox in hindi
flexbox tutorial in hindi
flexbox
flex css tutorial in hindi
css flexbox in hindi
HTML/CSS complete web page
HTML web page
Basic html web page
all attribute of body tag
attribute of body tag
attribute of body tag in html
attribute of the body tag
background attribute of body tag in html
bgcolor attribute of body tag
bgcolor is an attribute of body tag
explain bgcolor and background attribute of the body tag
function of background (attribute of the body tag)
basic html tutorial for beginners
basic html video tutorial for beginners
best html tutorial for beginners
best html video tutorial for beginners
complete html tutorial for beginners
free html tutorial for beginners
free online html tutorial for beginners
free tutorial on html for beginners
free video html tutorial for beginners
good html tutorial for beginners
html language tutorial for beginners
html tutorial for beginner
html tutorial for beginners
html tutorial for beginners in hindi
html tutorial for beginners in urdu
html tutorial for beginners online
html tutorial for beginners with examples
html tutorial for beginners with examples in hindi
html tutorial step by step for beginners
html video tutorial for beginners in hindi
html video tutorial for beginners in urdu
tutorial on html for beginners
web design html tutorial for beginners
learn html
html tutorial for beginners
learn html5
learn html online
learn html and css
tutorial html
html5 tutorial
css tutorial
html css tutorial
learn css
html for beginners
learn to code html
html coding tutorial
html coding for beginners
learn html free
html5 tutorial for beginners
html training
learn html css
learn basic html
html coding for dummies
learn html online free
html and css tutorial
html online tutorial
basic html tutorial
html tutorial for beginners with examples
best way to learn html
html tutorial point
learn html for beginners
html website tutorial

[@jojosArmy0]

Thanks for videos

[@ShivamSingh-hk5pn]

Good ..Manner ..Of teaching ..Good experience..Keep it up..
Curry..
Teacher 👏👏👏

[@dankbanglameme774]

That exactly I search for..

[@sagarpatil8101]

Nice

[@muhammadbasit9303]

ap css or html pe ek series banaye apka smjhany ka tarika bohot hi clean hn ek ek chex achy sy smjh areh hn khair good work keep it up

[@BahawalTV]

Well done coding curry!

[@CodingCurry]

Thanks!

[@bspanda98]

Mam do you make a full video of bootstrap all class which are necessary to learn

[@djsid75]

Mam Upload video on JavaScript projects

[@CodingCurry]

Hi Sidharth, Thanks for the comment. We have following playlist for javascript project:
ua-cam.com/video/S5IeHQ9fSpE/v-deo.html
ua-cam.com/video/ZC4wdAYP1kE/v-deo.html

[@mukeshkoshta5807]

Mam how will i upload web page after complete codding

[@najamrehan394]

Nice video.

[@dineshasekar6918]

Hello mam plz edit another video, a code on subline to easy to understand

[@CodingCurry]

Hi, Thanks for the comment. Please keep watching our channel for more amazing videos.

[@adityadev2825]

Awesome..

[@Alamshaikh86]

Mam jab hum koi container lete hai to kya hame 12 column lene jaruri hote hai jaise hum col-lg-12 aise???

[@CodingCurry]

Hi Alam, Thanks for the comment. We have to use the column only if we are working with bootstrap.

[@jitendraparekh3752]

how can i use my computer gujrati font in html

[@avknash175]

My recommendation is to use online Google translation

[@codeswithankit4316]

Use localisation properties

[@sanketdholu649]

best example.........:)

[@CodingCurry]

Thanks for the comment Sanket. Please keep watching our channel for more useful videos.

[@sanketdholu649]

@@CodingCurry welcome curry............

[@dineshasekar6918]

.item : ke second or third -chil ko flex : 2 de sakate hai kya.
like
.item:second-child { flex: 2; }

[@anilgupta1819]

Nice ...

[@navpreetsingh9181]

😍👆👌👌

[@Unknow_crew]

pls make javascript tutorials

[@jojosArmy0]

Kya aap Hume grid samja sakti he plz

[@krinathakkar2336]

Nice mam
I like your style the way to explain
Mam pls making more video on css

[@maheshchander7018]

bye bye

[@sumanrai8810]

Css animation and javascript animation alsooooooooo

[@CodingCurry]

Hi, We are working on the javascript videos. please keep watching our channel.

[@hardcode5394]

@@CodingCurry नमस्कार 🙏 मैम, मैम कृपया यह बताएं कि जब हम .items:first-child{flex:2;}
लिखते हैं तो केवल width increase होती है। अगर साथ ही साथ height को भी increase करना है तो कैसे करें। Plz help..

[@SF-yd9cl]

need reactjs tutorial