When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

Development
SkillShare logo

Mastering CSS Flexbox: Learn Everything About Flexbox & Build Awesome Layouts

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     0 |
  • Reviews ( 0 )
Free
Mastering CSS Flexbox: Learn Everything About Flexbox & Build Awesome Layouts

Related Courses

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon1 hours 0 minutes
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About Mastering CSS Flexbox: Learn Everything About Flexbox & Build Awesome Layouts

Introduction

Creating A Flexbox

The Flex Directions

Alignment Along The Flex Axis: justify-content

Alignment Along The Cross Axis: align-items

Real-World Example: Centering A Div

Wrap or Nowrap!

Alignment of Multiline Items: align-content

Space Between The Flex Items: gap

Order of The Flex Items

Real-World Example: Change The Order in Smaller Display

Distribution of Extra Spaces: flex-grow

Align A Particular Item Differently: align-self

Changing The Default Size by flex-basis

What You Will Learn?

  • If you are learning front-end web development and struggling with CSS Flexbox, this class is for you!.
  • I am a self-taught developer myself & I had a really hard time understanding the concepts of CSS Flexbox. But after I learned the flexbox, I understood that it's actually very easy. And it comes really handy while working with layouts and alignments in web development projects..
  • In this class you'll learn:.
  • You’ll be creating:.
  • I designed and created this class for absolute beginners. Even if you have no knowledge about CSS Flexbox, you will find it very easy to learn and implement in your next project!.