To border or not to border, that’s the question! When no side is given, the border applies to all sides. When no width is given, the default var width of
--space-px will apply. There is also a border reset class that will remove all borders for sure. You can customize the border color with CSS variables.
In the example, different border sizes are mixed, an unlikely design case. A border usually adds up to the size of a container, to align the boxes here a fixed height is set and the text labels are centered using a flexbox alignment.