Uncle-Kash / LearningFlexBox

A repo for my flexbox practice and notes

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

"# My Flexbox notes"

display: flex make a container a flex box. all direct children become flex items.

flex-direction: row [default] flex-direction: column

CONTAINER ALIGNMENT PROPERTIES Use this property on the container

justify-content: this pertains to the main axis. pushes all items to the end of the container different values for justify-content.

Remember this is for designing layouts.

height: apply aa height to the container.

align-items: will align the items on the cross axis.

FOR ITEMS align-self.

justify-content - [aligns items on the main axis] align-items - [align items on the cross axis]

About

A repo for my flexbox practice and notes


Languages

Language:HTML 62.3%Language:CSS 37.7%