0
0
iitsdmd
template
HTML & CSSAll properties (except special cases) should be sorted in alphabetical order.
Layout
How the contents will be layed out (eg. when using Grid or FlexBox). Should starts with display.
Examples: align-items, gap, grid-template-, justify-items
Positioning
Where / How to place contents. Should starts with position.
Examples: top, inset-, z-index
Box Model
Properties that affect the box model. width and height must always go together.
Examples: margin, padding, block-size
Display
Properties that affect the look and feel plus any other properties that don't belong to any of the above group.
Examples: background-, border, font-, text-align
Shortcut: grp
/* Parent Layout */
val1
/* Layout */
/* Positioning */
/* Box Model */
/* Display */