Using Foundation's XYZ Grid for Asymmetric Card Layouts
Learn how Foundation’s XYZ Grid lets you create an asymmetric three‑column card layout that collapses to a single column with only HTML classes and a few Sass variables.
Loading…
ReadMeFeed / Community knowledge
#flexbox
Real questions. Useful conversations. Find the people who know your stack.
Building a Responsive Card Grid in Bulma Without Writing Custom CSS
Bulma's responsive column modifiers let you build a three-up card grid that collapses on mobile with zero custom CSS — here's the markup, the breakpoint model, and the CSS-only trade-off.
bulmaUsing CSS3 Flexbox in Internet Explorer 10 with the -ms- Prefix
Learn how to enable IE10’s native Flexbox implementation using the -ms- prefix, see a three‑card example, and understand the trade‑offs for older browsers.
css3Responsive Layouts Without Media Queries: Mastering Bulma's Column System
Stop writing repetitive @media queries. Learn how to use Bulma's flexbox-based column system and Sass variables to build responsive layouts directly in your HTML.
Bulma 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.
CSS Grid vs Flexbox: A Practical Decision Guide for Page Layout
A decision guide for choosing between CSS Grid and Flexbox: compare dimensionality, sizing models, and browser constraints, then implement a page shell that uses both correctly.
CSS3 Flexbox: Why Your Components Won't Align and How to Fix It
Flexbox alignment issues usually stem from misunderstanding the two-axis system. Master justify-content for main axis control and align-items for cross axis to fix component misalignment.
Bulma's Columns System: Building Responsive Layouts Without Writing Flexbox
Bulma's columns system gives you responsive flexbox layouts with no custom CSS — if you understand its equal-width default, mobile stacking, and opt-in breakpoint classes.
Building Fluid Layouts with Bulma’s Responsive Column System
Learn how Bulma’s column classes and responsive modifiers let you build flexible, nested grids that adapt across devices, with a practical example and notes on limitations.