Yesterday, I shared how Kelp UI implements the container layout pattern. Today, we're going to look at another layout pattern in Kelp: the cluster. Let's dig in! The cluster layoutA cluster is when you have a bunch of elements of varying widths. You want them to maintain their natural width, space them evenly apart, and let them wrap onto a new line if they're too big for the current one.
For this pattern, we first want to remove any
Next, we'll define our This uses The
Here's a demo of the What's next?Tomorrow, we'll learn about the split layout. On Thursday, we'll look at the stack. And on Friday, we'll look at how Kelp uses utility classes to adjust spacing. You can learn more about Kelp over at KelpUI.com. Like this? A Go Make Things membership is the best way to support my work and help me create more free content. Cheers, Want to share this with others or read it later? View it in a browser. |
0 Komentar untuk "[Go Make Things] The cluster layout with modern CSS"