# orderedItems[].object.content
I'm excited for our container query-powered future. Design system creators can author truly fluid components that can be dropped into any arbitrary layout, sidebar, whatever, and Just Work.

This article on @smashingmag is a great primer: https://www. smashingmagazine.com/2021/05/c omplete-guide-css-container-queries/

# orderedItems[].object.contentMap.en
I'm excited for our container query-powered future. Design system creators can author truly fluid components that can be dropped into any arbitrary layout, sidebar, whatever, and Just Work.

This article on @smashingmag is a great primer: https://www. smashingmagazine.com/2021/05/c omplete-guide-css-container-queries/

# orderedItems[].object.content
The `grid` component has variants for things like `side-by-side`, `2up`, `3up`, 1-to-3up`, `4up`, and other common patterns. This is common fare layout stuff to accomplish things like product grids for an ecommerce website, 3 promo touts on a homepage, basic form layout, etc.

# orderedItems[].object.contentMap.en
The `grid` component has variants for things like `side-by-side`, `2up`, `3up`, 1-to-3up`, `4up`, and other common patterns. This is common fare layout stuff to accomplish things like product grids for an ecommerce website, 3 promo touts on a homepage, basic form layout, etc.

# orderedItems[].object.content
In the design systems we build with our clients, we tend to create a `grid` and `grid-item` components that provide solutions for common, repeatable layout patterns. https://codepen.io/bradfrost/pen/wvXrP

# orderedItems[].object.contentMap.en
In the design systems we build with our clients, we tend to create a `grid` and `grid-item` components that provide solutions for common, repeatable layout patterns. https://codepen.io/bradfrost/pen/wvXrP

# orderedItems[].object.content
"Grid" has different — and sometimes conflicting — paradigms across disciplines, and that causes all sorts of problems.
Donnie Damato does a fantastic job explaining the challenges around grid in his brilliant website, https://gridless.design/

# orderedItems[].object.contentMap.en
"Grid" has different — and sometimes conflicting — paradigms across disciplines, and that causes all sorts of problems.
Donnie Damato does a fantastic job explaining the challenges around grid in his brilliant website, https://gridless.design/

# orderedItems[].object.content
"Grid" is a confusing sonofabitch. The “grid” the designers wield (those light pink lines superimposed over a whitespace-rich design comp) is a different beast than the “grid” that developers wield (which includes CSS Grid, Flexbox, and a slew of other modern CSS techniques).

# orderedItems[].object.contentMap.en
"Grid" is a confusing sonofabitch. The “grid” the designers wield (those light pink lines superimposed over a whitespace-rich design comp) is a different beast than the “grid” that developers wield (which includes CSS Grid, Flexbox, and a slew of other modern CSS techniques).

# orderedItems[].object.content
Design systems can include common page layouts...or not. https://codepen.io/bradfrost/pen/ExRNK Rm

Including page layouts in a design system ensures the other UI components in the library work properly within these common layouts.

# orderedItems[].object.contentMap.en
Design systems can include common page layouts...or not. https://codepen.io/bradfrost/pen/ExRNK Rm

Including page layouts in a design system ensures the other UI components in the library work properly within these common layouts.

# orderedItems[].object.content
The `layout-container` component is an important-yet-invisible component that caps the width of an experience and controls the padding between content and the viewport edge. https://codepen.io/bradfrost/pen/mdKrJ Xv

# orderedItems[].object.contentMap.en
The `layout-container` component is an important-yet-invisible component that caps the width of an experience and controls the padding between content and the viewport edge. https://codepen.io/bradfrost/pen/mdKrJ Xv

# orderedItems[].object.content
Most design system components are "stuff": form fields, accordions, buttons, badges. Stuff. Layout and grid components serve as boxes to put that other stuff.

# orderedItems[].object.contentMap.en
Most design system components are "stuff": form fields, accordions, buttons, badges. Stuff. Layout and grid components serve as boxes to put that other stuff.

# orderedItems[].object.content
✎ Layout and Grid in Design Systems: https://bradfrost.com/blog/post/layout-grid-in-design-systems/

In this post, I break down how we approach layout and grid systems in the context of design systems.

# orderedItems[].object.contentMap.en
✎ Layout and Grid in Design Systems: https://bradfrost.com/blog/post/layout-grid-in-design-systems/

In this post, I break down how we approach layout and grid systems in the context of design systems.

# orderedItems[].object.content
@motherfuton I'm sorry your family has gone through it. I hope the stress is in your rearview mirror, and if not sending all the healing vibes your way.

# orderedItems[].object.contentMap.en
@motherfuton I'm sorry your family has gone through it. I hope the stress is in your rearview mirror, and if not sending all the healing vibes your way.

# orderedItems[].object.content
Sad to say this is the second
Clarity Conf I'll be missing due to family medical emergencies. But I hope everybody has fun and learns a ton.

# orderedItems[].object.contentMap.en
Sad to say this is the second
Clarity Conf I'll be missing due to family medical emergencies. But I hope everybody has fun and learns a ton.

# orderedItems[].object.content
@ben Thanks man. Hope you're doing well!

# orderedItems[].object.contentMap.en
@ben Thanks man. Hope you're doing well!

# orderedItems[].object.content
@SaraSoueidan Thanks, Sara, Hope you're doing well.

# orderedItems[].object.contentMap.en
@SaraSoueidan Thanks, Sara, Hope you're doing well.

# orderedItems[].object.content
@ppk Thanks so much.

# orderedItems[].object.contentMap.en
@ppk Thanks so much.

# orderedItems[].object.content
@grigs I'm sorry you have that hard-won knowledge. I think about you a lot, and hope you're hanging in there. We'll catch up soon.

# orderedItems[].object.contentMap.en
@grigs I'm sorry you have that hard-won knowledge. I think about you a lot, and hope you're hanging in there. We'll catch up soon.

# orderedItems[].object.content
I'm going through yet-another stressful family-related medical crisis, so I'm not in a place to make the most of any of this just yet. But hopefully one day I can explore this more fully.

# orderedItems[].object.contentMap.en
I'm going through yet-another stressful family-related medical crisis, so I'm not in a place to make the most of any of this just yet. But hopefully one day I can explore this more fully.

# orderedItems[].object.content
Brushing this off for no particular reason.

# orderedItems[].object.contentMap.en
Brushing this off for no particular reason.

# orderedItems[].object.content
Is Alex Jones on this platform?

# orderedItems[].object.contentMap.en
Is Alex Jones on this platform?

# orderedItems[].object.content
@davatron5000 YEAH BABY. THE WORLD IS OURS.

# orderedItems[].object.contentMap.en
@davatron5000 YEAH BABY. THE WORLD IS OURS.

# orderedItems[].object.content
Poopin'