Container Lines

Что это

CSS-паттерн, который добавляет вертикальные линии 1px по обоим краям контейнера контента, плюс опциональные мини-квадраты в углах. Направляющие лежат за контентом и игнорируют события указателя.

Add vertical container-size guide lines with mini corner squares for precise, structured web layouts. Use when asked for container lines, measured layout guides, vertical boundary lines, editorial grid markers, or small

Почему это важно для дизайна

• Проявляет ширину контейнера, поэтому рыхлые герой-секции обретают структурное напряжение.
• Направляющие делят max-width и padding контейнера, поэтому никогда не съезжают.
• События указателя отключены, поэтому линии никогда не мешают кликам или выделению.

Что внутри

• Use when
• Rules
• Base tokens
• Page container lines
• Corner squares
• Minimal section wrapper