Skip to content
Merged
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Update CSS multi-column layout module landing page (mdn#40964)
* Update CSS multi-column layout module landing page

Some properties listed are in fragmentation, so moved those over (working on that PR separately)

added and organized related concepts

* carousels
  • Loading branch information
estelle authored Sep 1, 2025
commit 45d338ad6efe4b97edca1e2b94d7652e91936170
41 changes: 31 additions & 10 deletions files/en-us/web/css/css_multicol_layout/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -273,9 +273,6 @@ blockquote p::after {

### Properties

- {{cssxref("break-after")}}
- {{cssxref("break-before")}}
- {{cssxref("break-inside")}}
- {{cssxref("column-fill")}}
- {{cssxref("column-gap")}}
- {{cssxref("column-span")}}
Expand Down Expand Up @@ -308,16 +305,40 @@ blockquote p::after {
- : What happens when an item overflows the column it is in and what happens when there is too much columned content to fit a container.
- [Handling content breaks in multi-column layout](/en-US/docs/Web/CSS/CSS_multicol_layout/Handling_content_breaks_in_multicol_layout)
- : Introduction to the fragmentation specification and how to control where column content breaks.
- [Creating CSS carousels](/en-US/docs/Web/CSS/CSS_overflow/CSS_carousels)
- : Create pure-CSS carousel UI features using scroll buttons, scroll markers, and generated columns.

## Related concepts

- {{cssxref("orphans")}} CSS property
- {{cssxref("widows")}} CSS property
- {{cssxref("overflow")}} CSS property
- {{cssxref("gap")}} CSS property
- {{cssxref("height")}}, {{cssxref("max-height")}}, and {{cssxref("block-size")}} CSS properties
- {{cssxref("width")}}, {{cssxref("max-width")}}, and {{cssxref("inline-size")}} CSS properties
- {{cssxref("line-style")}} enumerated data type
[CSS fragmentation](/en-US/docs/Web/CSS/CSS_fragmentation) module

- {{cssxref("break-after")}}
- {{cssxref("break-before")}}
- {{cssxref("break-inside")}}
- {{cssxref("orphans")}}
- {{cssxref("widows")}}

[CSS box alignment](/en-US/docs/Web/CSS/CSS_box_alignment) module

- {{cssxref("gap")}}

[CSS box sizing](/en-US/docs/Web/CSS/CSS_box_sizing) module

- {{cssxref("height")}}
- {{cssxref("max-height")}}
- {{cssxref("block-size")}}
- {{cssxref("width")}}
- {{cssxref("max-width")}}

[CSS overflow](/en-US/docs/Web/CSS/CSS_overflow) module

- {{cssxref("overflow")}}
- {{cssxref("::scroll-marker")}}
- {{cssxref("::scroll-marker-group")}}
- {{glossary("Scroll container")}} glossary term

[CSS display](/en-US/docs/Web/CSS/CSS_display) module

- [Block formatting context](/en-US/docs/Web/CSS/CSS_display/Block_formatting_context) guide

## Specifications
Expand Down