Get access to a 100% OFF coupon code for the 'Introduction To CSS Flexbox'
course by Joshan Grewal on
Udemy.
This top-rated course holds a 4.3-star rating from
0 reviews and has already
helped 4,143 students master essential
Web Development
skills.
With
1 hour(s)
30 minute(s)
of expert-led content, presented in
English
,
this course provides comprehensive training to boost your Web Development abilities.
Our course details were last updated on March 10, 2025.
This coupon code is promoted by Anonymous.
Claim your free access with the Udemy coupon code provided at the end of this article.
This course is aimed to help you elevate your HTML webpage designs by applying many of the properties provided by the Flexbox layout model. In this course we will explore both the properties that can be applied to a parent flex container and the properties that can be applied to a child flex item.
The Parent Flex container properties that will be addressed include:
Flex Direction - Understand the direction in which you wish to display the items inside your flex parent container whether it be as a column or a row
Flex Wrap - Learn the options available for wrapping the items within your flex container
Flex Flow - Learn how to simplify applying the Flex Direction and Flex Wrap properties with this shorthand property
Justify Content - Explore the options available for organizing your Flex Items based on the main axis
Align Items - Explore the options available for organizing your flex items based on the cross axis
Align Content - Explore the options available for controlling the way in which each of your flex lines are organised along the cross axis
The Child Flex Item properties that will be addressed include:
Flex Basis - Discover how you can specify an initial width or height on a flex item using this property
Flex Grow - Learn how you can expand the sizing of your flex items using this property
Flex Shrink - Explore how the flex items can be scaled down as the parent container is adjusted in size using this property
Flex - Learn how to simplify applying the Flex Basis, Flex Grow and Flex Shrink using this shorthand property
Order - Learn how you can rearrange the order of the flex items using this property
Align Self - Discover how you can individually set an alignment on each of the flex items within a flex container
This course will also address the MATH involved when using properties like flex-grow and flex-shrink so you know in the case of flex grow how the space is distributed between the flex items and in the case of flex shrink how the space shrinks down.
Join The course by click on the following button.
Go To the Course