5 ms·

You don't need a grid system now that CSS Grid exists.

• lagt_t 3y ago
  The responsiveness of bootstrap's grid is something that css doesn't have. With a few classes I can make the same site for mobile and ultra wide screen.
  • Izkata 3y ago
    You'd do it with media queries and make different grids for different screen sizes. If anything it's more flexible than bootstrap because you can change element order as well.
    • lagt_t 3y ago
      https://getbootstrap.com/docs/5.3/layout/columns/#reordering https://getbootstrap.com/docs/5.3/layout/columns/#reordering Bootstrap grid system is super complete, and probably better coded that anything I can make. Its also available as a standalone module, so the size is pretty small. I just wanted it integrated to PicoCSS because I'm lazy.
      • Izkata 3y ago
        A really quick example of switching between desktop and mobile page layouts at 800px: @media (min-width: 800px) { #page { grid-template-areas: "header header" "menu content" "footer footer"; } } @media (max-width: 800px) { #page { grid-template-areas: "header menu" "content content" "footer footer"; } }