Responsive Flexbox Layout | CC

like and subscribe to learn more...

learn to make a responsive layout.
-----------------------------------------------------------------------------
Responsive Flexbox Layout | CC
-----------------------------------------------------------------------------

#css #flexbox #responsivewebsite #responsivelayout #html

like and subscribe to learn more...

Responsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CCResponsive Flexbox Layout | CC

[charlestoneoyoo]

This is a nice Youtube Channel. Keep up with the posts

[Ek-xtreme]

I'd rather use Grid way more adjustable then flex box my general rule of thumb is Flexbox for one dimensional layouts, Grid for multidimensional layouts ez stuff

[mr.z]

Hi, I would like to understand why when you typed "flex-flow: row rap" why did all the items disappear? and what made it pop up like that? (3:06)

[ykw]

Unfortunately, the last part of the code (starting from @media .... ) is being covered by the You-tube's commercial and hence cannot be seen.

[Jj-rcdr]

thanks for the explanation. I'm new and this is really helpful . but can you explain what the following code is used for :
.container>* {
margin: 10px;
padding: 10px;
flex: 1 100%;
}

I'm still stuck on that

[giusyvignes]

Hi, I have the same layout with the two left and right sidebars, by default when the layout reduces the sidebars it always starts from the one on the left and then follows the one on the right, I would like to be able to reverse this order because I positioned the menu on the right and I would like to display the right sidebar first when the layout is resized, is it possible to do something like this? Can you reverse first right and then left? I thank you.

[HeadGenCSGO]

i like how you hide the part of code i was looking for at the end 😕

[ShortVideosOnYoutube]

Please max your font size ..this is too small

[raffmusicgaming]

I'm an extreme beginner, could someone exactly explain me what's the purpose of this? And what's the sauce code that mad the 'Difference' thank you.

[chakabanitaftouf]

please, remove music it disturbs too much.

[giusyvignes]

Hi, in the index.html page I can't read the entire <meta viewport...> etc, even in style.css I can't even see the last line @media all and (... Here I can read 600px){ .side{ flex: this ending doesn't I can see... The Number Is 1?} }.... it's the first time I've tried to make a responsive one, I created the template but side1 and side2 both remain on the left. Please, I would be grateful if you wrote the final code in a comment. Thank you.


Ok, the Flex Number I believe Is 1, and the meta tag Is this?

<meta name="viewport" content="width=device-width,
initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">

It's the First Time I try responsive template...


unfortunately the video couldn't be seen well... ok, solved! it was .main{ order: 2;}... I misread it and entered 3. thanks. it's great!