Fractional Columns Without the Math: Jeet's column-span Mixin in Practice
Jeet's column-span mixin turns fractional column widths into readable SCSS. A worked sidebar example, gutter pitfalls, and when CSS Grid is the better call.
Loading…
ReadMeFeed / Community knowledge
#css-grid
Real questions. Useful conversations. Find the people who know your stack.
jeet
sassUse Materialize CSS Grid Classes Instead of Custom Media Queries
Learn how Materialize CSS's responsive grid and visibility helpers let you define breakpoints in HTML, removing the need for scattered media queries.
materializecssIE10's Prefixed CSS Grid: The -ms-grid Implementation and How to Handle It
IE10 shipped a frozen, prefixed CSS Grid implementation (-ms-grid) that differs fundamentally from the modern spec. This guide explains the syntax, shows a worked layout example, and details how to isolate it with @supports so it never conflicts with unprefixed Grid in other browsers.
ie10Bootstrap 5's Grid System: How Containers, Columns, and Gutters Actually Work
Bootstrap 5's grid is a 12-column flexbox system where containers set width strategy, breakpoint classes size columns mobile-first, and gutters belong on the row — here's a worked example plus the mistakes that silently break it.
bootstrapUsing Bulma’s 12‑Column Grid with Breakpoint Modifiers for Responsive Layouts
Learn how to use Bulma’s 12‑column grid with breakpoint modifiers to create responsive layouts that adapt from mobile to desktop.
Foundation XY Grid: A Practical Guide to Cells, Gutters, and Breakpoints
How Foundation 6's flexbox-based XY Grid actually works: cells, breakpoints, margin vs. padding gutters, and the build pitfalls that break layouts silently.
Managing Responsive Layouts with the Bulma Flexbox Grid
Learn how to use Bulma's 12-column Flexbox grid to create responsive layouts that automatically adapt from mobile stacks to desktop grids without complex CSS math.
Create a responsive three‑column layout with Bootstrap grid offsets
Learn how to use Bootstrap’s responsive grid and offset utilities to build a three‑column layout that stacks on medium screens and shifts left on large viewports, with a ready‑to‑copy example and verification tips.
Maintaining a Jeet.gs Fraction Grid: Architecture Notes for Legacy Stylus Layouts
An architecture note for teams maintaining Jeet.gs fraction grids: why cycle/uncycle causes most breakage, where the trust boundary sits, and when to migrate to CSS Grid.
stylus