Multiple-column layout, rows, rules, and floats
Read OriginalThis article discusses recent Chrome implementations of CSS multiple-column layout enhancements, including the concept of rows (column-wrap) and gap decorations for rows and columns in grid, flexbox, and multicol. It explains how these features improve reading flow by avoiding tall columns and allowing rules between rows. The author also explores limitations, such as the lack of a ::row pseudo-element for scroll snapping and the inability to control float positions within columns, and suggests future possibilities for more print-like web layouts.
Comments
No comments yet
Be the first to share your thoughts!
Browser Extension
Get instant access to AllDevBlogs from your browser
Top of the Week
1
Limit token usage in Microsoft Agent Framework
Jesse Liberty
•
1 votes
2
How to Roll Back AI Agents: Incident Response, Circuit Breakers, and Recovery Patterns
Paul Bryant
•
1 votes
3
Avoiding Reasoning Model Failures with Microsoft Foundry
Luke Murray
•
1 votes
4
When Your AI Agent Lies: Silent LLM Fallbacks
Luke Murray
•
1 votes
5
Adding a custom MCP server to Claude and ChatGPT
Simon Willison
•
1 votes
6
Testing AI prompts and comparing models with promptfoo
Tim Deschryver
•
1 votes
7
Superlogical
Mitchell Hashimoto
•
1 votes