4 ms·

Can you elaborate what constitutes as 1D and 2D in web layouts?

• bradstewart 6y ago
  Laying out a set of tabs would be 1D (either horizontal or vertical). Laying out an page with headers, footers, and sidebars would be 2D (vertical and horizontal).
  • schwartzworld 6y ago
    but headers, footers and sidebars are all trivial with flexbox. what's the advantage of grid in those cases?
    • ehutch79 6y ago
      Nope. You're probably abusing flexbox. This layout: | HEADER | |Nav|Content|Sidebar| | Footer | is more what we're talking about. You could do that, but it's not what flexbox was meant for. Try grid out. It will work easier for grid like layouts.
      • schwartzworld 6y ago
        I know what layout you're talking about and it's trivial with flexbox. Why would you need a grid for that?
        • bradstewart 6y ago
          You don't _need_ grid, but it does make it simpler. You technically don't need flexbox either. In grid you can define this layout in a single construct. Whereas with flexbox, you're defining several nested flex elements to get there. You can think about the entire layout as a unit, rather than the horizontal parts first (sidebar/main content) then the vertical (header/footer) or vise versa.