Responsive Grids With Foundation XY Grid
A task guide to implementing Foundation’s XY Grid for responsive layouts, covering prerequisites, minimal markup, verification, and recovery from flexbox conflicts.
Loading…
ReadMeFeed / Community knowledge
#responsive-layout
Real questions. Useful conversations. Find the people who know your stack.
Diagnosing XYZ Grid Layout Breaks in Foundation 6.x
A step‑by‑step diagnostic guide for fixing overlapping columns, missing gutters, and breakpoint‑specific stacking bugs in Zurb Foundation’s XYZ Grid (v6.x).
React-Bootstrap Grid: Choosing Between Fixed and Fluid Layouts
A decision guide for React-Bootstrap Grid layouts: when to use fixed vs fluid containers, how to set column breakpoints, and how to validate the rendered classes.
reactbootstrapFoundation 6 XY Grid: Responsive Layout with grid-x and cell
Use Foundation 6 XY Grid with grid-x, grid-padding-x and cell size classes for responsive flexbox layouts. See the mechanism, limits, common mistakes and how to verify the grid in dev tools.
Bulma columns: responsive grid sizing, gap control, and a card layout example
How to build a responsive card grid with Bulma's Flexbox columns system, handle version-sensitive gap controls, and avoid common markup pitfalls.
bulmaDesigning Responsive Pages with CSS Grid's grid-template-areas
A practical look at using grid-template-areas to build clear, maintainable responsive layouts without nested flexbox or float hacks.
css3Using flex-wrap to create responsive wrapped flex layouts in CSS3
Learn how flex-wrap controls line wrapping in CSS3 Flexbox, with a minimal code example, browser checks, and common pitfalls.
Responsive Layouts in Delphi FMX: Align, Anchors, and the Layout Controls That Do the Work for You
Stop hand-coding control positions in FMX. Align, anchors, margins, and container layouts like TGridPanelLayout give you resolution-independent forms across Windows, macOS, iOS, and Android — with no resize handlers.
delphiBulma Columns vs Custom Flexbox/Grid: A Decision Guide
Choose Bulma’s responsive <code>columns</code> for rapid, consistent layouts, or go custom Flexbox/Grid for full control. Compare browser support, learning curve, and customization in this decision guide.