TIL about - starting - blocks photo by Braden Collum on Unsplash 

justify-content: left justify-content: right justify-content: end justify-content: start physical values logical values 

padding-block-start padding-block-end padding 
 -inline 
 -start padding 
 -inline 
 -end ➡︎ inline direction ➡︎ block direction citius, altius, fortius padding-block-start padding-block-end padding 
 -inline 
 -end padding 
 -inline 
 -start direction: rtl ىوقأ ,ىلعأ ,عرسأ direction: ltr 

padding-inline-start padding-inline-end padding-block-end padding-block-start Α Γ ଎ ͘ Α Γ ߴ ͘ Α Γ ڧ ͘ padding-block-start padding-block-end padding-inline-start padding-inline-end ʮΑΓ଎͘ɺΑΓߴ ͘ɺΑΓڧ͘ʯ writing-mode: horizontal-tb writing-mode: vertical-rl ➡︎ inline direction ➡︎ block direction 

writing-mode: vertical-lr 

padding-left padding-right padding-top padding-bottom padding margin-… border-… padding-inline-start padding-inline-end padding-block-start padding-block-end padding-inline padding-block margin-… border-… physical properties logical properties 

left right top bottom inset width height inset-inline-start inset-inline-end inset-block-start inset-block-end inset-inline inset-block inline-size block-size physical properties logical properties 

vw, vh lvw, lvh svw, svh dvw, dvh cqw, cqh vi, vb lvi, lvb svi, svb dvi, dvb cqi, cqb physical units logical units 

taken from The Large, Small, and Dynamic Viewports by Bramus 

photo by Adi Goldstein on Unsplash The - end 

citius, altius, fortius 

No content

No content

No content

No content

No content

No content

No content

No content

photo by Adi Goldstein on Unsplash the end