CSS Display Properties 1686911418
CSS Display Properties 1686911418
tags.
@developers_community_._ xX @happy.frontendJOIN US & LEARN
BR SAVE THIS POST WEB DEVELOPMENT
display: flex;
The display property is also used for new fangled
layout methods like Flexbox.
After using display: flex; we get access to many
flexbox properties :-
@ FLEX-DIRECTION @ ORDER
@ FLEX-WRAP @ =FLEX-GROW
@ FLEX-FLOW @ = FLEX-SHRINK
@ JUSTIFY-CONTENT @ FLEX-BASIS
@ ALIGN-ITEMS @ ALIGN-SELF
@developers_community_._ xX @happy.frontendJOIN US & LEARN
BR SAVE THIS POST WEB DEVELOPMENT
display: grid;
CSS Grid Layout excels at dividing a page into major regions
or defining the relationship in terms of size, position, and layer,
between parts of a control built from HTML primitives.
¢ grid-template-columns —« grid-column-end
° grid-template-rows « grid-row
° grid-template-areas « prid-column
¢ grid-template ¥
* grid-area
* grid-auto-columns
* row-gap
« grid-auto-rows
* column-gap
¢ grid-auto-flow
* grid * gap
© grid-row-start . masonry-auto-flow
e grid-column-start . align-tracks &
¢ grid-row-end . justify-tracks &
@developers_community._ XX | @happy.frontendYou might also like
|