UI - Gutter (Space between columns)

Card Puncher Data Processing

About

In typography, the gutter is the space between columns of printed text, including the gap between facing pages

Implementation

Implementation is done with horizontal padding.

<MATH> 30 \text{ gutter } = 2 \times 15 \text{ padding } </MATH>

The padding is generally counteracted on the parent container (called generally the row) with negative margins.





Discover More
Css Padding
CSS - Padding

The padding area is the space between the content of the box and its border. In the below image, this are the areas: TP (top padding) BP (bottom padding) LP (left padding) RB (right padding)...
Css Horizontal Alignement Result
CSS Block - Align (Left, Center, Right)

How to align a visual element with a block display horizontal positioning article You can align visual element on two level: on the box level: the box is aligned on the text level: the text in the...
Card Puncher Data Processing
Datacadamia - Data all the things

Computer science from a data perspective
Card Puncher Data Processing
UI - Column

See
Card Puncher Data Processing
UI - Padding

padding is the space between the content and the border of the containing box. It's a way to implement a gutter.



Share this page:
Follow us:
Task Runner