Lorem ipsum dolor sit amet consectetur adipisicing elit.
Possimus cumque magnam temporibus culpa adipisci, quas odit? Facilis omnis aperiam minima hic
delectus fuga dolores ipsam? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat,
velit?
Lorem ipsum dolor sit amet consectetur adipisicing
elit. Possimus cumque magnam temporibus culpa adipisci, quas odit? Facilis omnis aperiam minima hic
delectus fuga dolores ipsam?
Lorem ipsum dolor sit amet consectetur adipisicing
elit. Possimus cumque magnam temporibus culpa adipisci, quas odit? Facilis omnis aperiam minima hic
delectus fuga dolores ipsam? Lorem, ipsum dolor sit amet consectetur adipisicing
Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus cumque
magnam temporibus culpa adipisci, quas odit? Facilis omnis aperiam minima hic delectus fuga dolores
ipsam?
b. align-items-center
lorem ipsum dolor sit amet consectetur adipisicing elit.
Possimus cumque magnam temporibus culpa adipisci, quas odit? Facilis omnis aperiam minima hic
delectus fuga dolores ipsam? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat,
velit?
Lorem ipsum dolor sit amet consectetur adipisicing
elit. Possimus cumque magnam temporibus culpa adipisci, quas odit? Facilis omnis aperiam minima hic
delectus fuga dolores ipsam?
Lorem ipsum dolor sit amet consectetur adipisicing
elit. Possimus cumque magnam temporibus culpa adipisci, quas odit? Facilis omnis aperiam minima hic
delectus fuga dolores ipsam? Lorem, ipsum dolor sit amet consectetur adipisicing
Lorem ipsum dolor sit amet consectetur adipisicing
elit. Possimus cumque magnam temporibus culpa adipisci, quas odit? Facilis omnis aperiam minima hic
delectus fuga dolores ipsam?
c. align-items-end
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Possimus cumque magnam temporibus culpa adipisci, quas odit? Facilis omnis aperiam minima hic
delectus fuga dolores ipsam? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat,
velit?
Lorem ipsum dolor sit amet consectetur adipisicing
elit. Possimus cumque magnam temporibus culpa adipisci, quas odit? Facilis omnis aperiam minima hic
delectus fuga dolores ipsam?
Lorem ipsum dolor sit amet consectetur adipisicing
elit. Possimus cumque magnam temporibus culpa adipisci, quas odit? Facilis omnis aperiam minima hic
delectus fuga dolores ipsam? Lorem, ipsum dolor sit amet consectetur adipisicing
Lorem ipsum dolor sit amet consectetur adipisicing
elit. Possimus cumque magnam temporibus culpa adipisci, quas odit? Facilis omnis aperiam minima hic
delectus fuga dolores ipsam?
B] Cross Axis (align-self)
a. align-self
I'll stay on start
Lorem ipsum dolor sit amet consectetur, adipisicing elit.
I'll stay on center
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illum, odio. Assumenda mollitia, cum
I'll stay on end
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illum, odio. Assumenda mollitia,
Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum nesciunt deleniti rerum, minus enim
placeat
C] Cross Axis (align-self)
a. justify-content: center
align-items: center.
align-items: center.
b. justify-content: space-between
align-items: space-between.
align-items: space-between.
c. justify-content: space-around
align-items: space-around.
align-items: space-around.
D] Border
a. Borders
No Border
All Border
Top Border
Right Border
Bottom Border
Left Border
b. Border Color
Primary
Secondary
Info
Success
Warning
E] Padding
a. Padding
b. Padding Top
c. Padding Right
d. Padding Bottom
e. Padding Left
F] Margin
a. Margin
All sides of button which are green in color denotes margin
All sides of button which are green in color denotes margin
All sides of button which are green in color denotes margin
All sides of button which are green in color denotes margin
All sides of button which are green in color denotes margin
All sides of button which are green in color denotes margin
b. Margin Top
Top side of button which is in green color denotes margin top
Top side of button which is in green color denotes margin top
Top side of button which is in green color denotes margin top
Top side of button which is in green color denotes margin top
Top side of button which is in green color denotes margin top
Top side of button which is in green color denotes margin top
c. Margin Right
Right side of button which is in red color denotes margin right
Right side of button which is in red color denotes margin right
Right side of button which is in red color denotes margin right
Right side of button which is in red color denotes margin right
Right side of button which is in red color denotes margin right
Right side of button which is in red color denotes margin right
d. Margin Bottom
Bottom side of button which is in gray color denotes margin bottom
Bottom side of button which is in gray color denotes margin bottom
Bottom side of button which is in gray color denotes margin bottom
Bottom side of button which is in gray color denotes margin bottom
Bottom side of button which is in gray color denotes margin bottom
Bottom side of button which is in gray color denotes margin bottom
e. Margin Left
Right side of button which is in red color denotes margin right
Right side of button which is in red color denotes margin right
Right side of button which is in red color denotes margin right
Right side of button which is in red color denotes margin right
Right side of button which is in red color denotes margin right
Right side of button which is in red color denotes margin right