Sizing
Notation#
Sizing utility classes can be defined using the format -w-{breakpoint}--{value} for widths and -h-{breakpoint}--{value} for heights. Breakpoints supported are sm, md, lg, and xl.
Width#
Target all breakpoints#
Sizing utility classes with no breakpoint defined apply to all screen sizes.
Target specific breakpoints#
To target a specific breakpoint, add the breakpoint abbreviation to the class.
Height#
Target all breakpoints#
Sizing utility classes with no breakpoint defined apply to all screen sizes.
Target specific breakpoints#
To target a specific breakpoint, add the breakpoint abbreviation to the class.
Maximum width/height#
Using the format -mw--{value} for max-width and -mh--{value} for max-height