CSS Flexbox Course
Understanding Flexbox Better.
Language: english
Note: 0/5 (0 notes) 97 students New course
Instructor(s): Enes Karakaş
Last update: None
What you’ll learn
- Understanding How Flexbox Layouts work
- How does flexbox layout different than “block” and “inline”
- You will learn how website using flexbox
- You will learn what does responsive means.
Requirements
- Basic understanding of HTML and CSS
- Be able to use any IDE. (code editor)
Description
This course will teach you the easiest way to master flexbox essentials.
You will discover the difference between block, inline, flex container, and flex items.
How does the main axis cross axis work, and how we can change it for any purpose.
How does display work
How does justify-content work
How does align-items work
How does align-content work
How does flex-direction work
How does flex-wrap work
How does flex-grow work
How does flex-shrink work
How does flex-basis work
How does flex work
How does order work
How does align-self work
How does flex-flow work
What is the main axis
What is the cross axis
How you can change them? How you can have control after changing them?
Here’s everything you need!
Without Flexbox:
Hard to maintain your layouts, box models, align-items, free space etc.
You will have to constantly use properties such as float, positional properties, fixed heights, and other tricks to be able to accomplish even simple tasks.
With Flexbox
Removes, the complexity that we had before!
Easy to maintain and accomplish almost any layout that you wish ( for 2D layouts GRID is most preferred )
Brings extremely powerful tools! Keep things easy
These are the list of properties so that you can see what you can expect to learn in this free course!
FLEX CONTAINER:
display
justify-content
align-items
align-content
flex-direction
flex-wrap
flex-flow*
row-gap
column-gap
gap*
FLEX ITEM:
flex-grow
flex-shrink
flex-basis
flex*
order
align-self
Hopefully, you will learn valuable things while enjoying them for free 🙂
Who this course is for
- Anyone who would like to learn how layout works.
- Anyone who like to improve his front-end skill
Course content
- Flexbox – Understand It Better!
- Introduction
- Why FlexBox?
- Flexbox Overview
- display
- All Other Properties!
- THE END & Thank you!
| Don’t miss any coupons by joining our Telegram group |
