Responsive 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.
Loading…
ReadMeFeed / Community knowledge
#responsive-design
Real questions. Useful conversations. Find the people who know your stack.
bulmaScaling UI with Figma Auto Layout: Moving Beyond Manual Resizing
Stop manually nudging pixels. Learn how to use Figma's Auto Layout to create responsive components that behave like real CSS Flexbox, reducing design debt and handoff friction.
Stop Fighting CSS: A Practical Guide to Vuetify 3's 12-Column Grid
Vuetify 3's grid replaces hand-rolled flexbox and media queries with a 12-unit, breakpoint-prop system. Learn the gutter mechanics, the nesting rule, and a stack-to-side layout pattern you can verify in devtools.
vuetifyFigma Auto Layout: Choosing Constraints for Responsive Components
A decision guide for Figma Auto Layout constraints: compare fixed, hug contents, and fill container modes in a compact table, understand nesting trade-offs, and validate a responsive button component with concrete steps.
figmaUsing Chakra UI's useBreakpointValue Hook for Responsive Layouts Without Media Queries
Learn how Chakra UI's useBreakpointValue hook lets you define responsive values inline, eliminating media‑query boilerplate while keeping styles co‑located with component code.
Using Jeet’s column-span mixin for responsive column widths
Learn how Jeet’s column-span mixin sets responsive column widths by automatically subtracting gutters, with a worked Sass example, limits, and verification steps.
jeet
sassCSS3 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.
css3Using IE10’s Legacy Flexbox for Responsive Layouts
IE10 supports a prefixed version of Flexbox. Learn how to target it, build fluid columns, and handle its quirks with a real‑world example and feature‑detection fallback.
ie10Building a Responsive Layout with Materialize CSS 12‑Column Grid
Learn how to use Materialize CSS’s responsive grid classes to create a layout that stacks, reflows, and offsets columns across small, medium, and large screens.
materializecss