The split layout with modern CSS
SMRTR summary
The split layout in Kelp UI positions two elements at opposite edges of a section, often used in website headers. It removes margins on child elements and uses flexbox with justify-content: space-between for separation. A customizable --gap variable allows for adjustments. This pattern can accommodate three items and is part of Kelp UI's suite of layout patterns, including container and cluster layouts.
SMRTR provides this summary for quick context. The original article belongs to Go Make Things.
Read the original article