
in this tutorial, I am go to introduce myself and the course
In this tutorial you will learn about css flexbox .You can learn what is css flexbox and how to use it to make responsive web layout with it.Actually css flexbox is a new property value of "Display" that is "Flex".
In this tutorial you will learn css flex-direction property i.You can learn how to change the directions of flex items in flex container by using flex-direction with values row, row-reverse, column, column-reverse.Its give a power to flexbox that its flex items can be directed from one place.
In this tutorial you will learn CSS Flex-wrap and Flex-flow property .You can learn how to handle the overflow data from flex container with Flex-wrap property and how to use the shorthand of flex-direction and flex-wrap from one CSS property "Flex-flow".You can also hand the direction of wrapping flex items with value "wrap-reverse".
In this tutorial you will learn CSS justify-content property . You can learn how to horizontal align all the flex items with in flex container with this new CSS3 property "Justify-Content" with values like flex-start, flex-end , center , space-between, space-around , space-evenly.
In this tutorial you will learn css align-items property.You can learn how to vertically align the flex items in flex container with this new CSS3 property "Align-Items" with value like flex-start , flex-end , center , space-between , space-around , baseline.
In this tutorial you will learn css align-content property.You can learn how to vertical-align the multiple flex item rows with this new CSS3 property "Align-Content" with values like flex-start, flex-end, center, space-between, space-around, and space-evenly.This property is useful when your overflowed flex item wrap to another row.
In this tutorial you will learn css align-self property.You can learn how to change the individual flex item vertical alignment in flex container by using new CSS3 property "Align-Self" with values like flex-start, flex-end , center, auto , baseline.
In this tutorial you will learn css orderr property .You can learn how to change the order of flex items in flex container with this new CSS3 property "Order".Without the use of "float" property you can easily change the order from one place.
In this tutorial you will learn css flex-grow property .You can learn how to give a common width to all flex items in flex container with this new CSS3 property "Flex-Grow".
In this tutorial you will learn css flex-basis property You can learn how to set the maximum width and minimum width of flex items in flex container by using new CSS3 property "flex-basis".
Hey, do you want to learn CSS flexbox then you are in the right Place,
hello my name is Jayanta sarkar,
professionally I am full stack web developer and online instructor,
you know the importance of a responsive website,
and flexbox plays a crucial role in making your website responsive.
Flexbox can be used to create various layouts like a simple grid, a single-column layout, or even just to center things.
This is the most up-to-date and extensive course regarding CSS Flexbox.
In this course, you will learn about CSS Flexbox and how it incorporates into real-world websites. You will learn the fundamentals of UI web design and responsive web design and best practices. We will dive deeply into the topic of CSS Grid and all the nuts and bolts of it.
What you'll learn:
CSS Flexbox Flex-Direction Tutorial
CSS Flex-Wrap & Flex-Flow Tutorial
CSS Flexbox Justify-Content Tutorial
CSS Flexbox Align-Items Tutorial
CSS Flexbox Align-Content Tutorial
CSS Flexbox Align-Self Tutorial
CSS Flexbox Order Tutorial
CSS Flexbox Flex-Grow Tutorial
CSS Flexbox Flex-Basis Tutorial
CSS Flexbox Flex-Shrink Tutorial
CSS Flexbox with Margin Auto Tutorial
CSS Flexbox - Nested Flex Tutorial
What are the requirements or prerequisites for taking your course?
Beginner-level knowledge of HTML5 and CSS3 is required
Have a computer + internet connection
Who is this course for?
CSS developers who want to update their CSS skills to the most modern level
Front-end developers who want to understand how CSS works behind the scenes finally