Kevin Powell - Community•4d ago

whats the good practice for grid lay out

hi guys i jut want to hear you opinions. If you have multiple components in vue and you use grid layout is it fine to have different grid in each component? or whats the best practice when using grid layout in multiple components?s

4 Replies

Jochem•4d ago

it's fine to nest grids

Justine•3d ago

nesting grid in one component?i think thats gonna make you confused?

clevermissfox•3d ago

i dont believe jochem was saying specifically in one component as your question was about multiple components using grid layout and whether its okay to have a different grid in each component. But you could make a tree like this with nested grids several components down with no problem. You can utilize subgrid if youre comfortable doing so but you dont have to.

<GridWrapper>
  <GridNavBar>
    <NavList />
  </GridNavBar>  
  <GridMain>
    <GridSideBar />
    <GridDashboard>
      {data.map(d => (<GridCard data={d} key={d.id} />)
    </GridDashboard>
  </GridMain>
</GridWrapper>

<GridWrapper>
  <GridNavBar>
    <NavList />
  </GridNavBar>  
  <GridMain>
    <GridSideBar />
    <GridDashboard>
      {data.map(d => (<GridCard data={d} key={d.id} />)
    </GridDashboard>
  </GridMain>
</GridWrapper>

Jochem•3d ago

Clevermissfox is correct, I meant in different components, but at the same time even in the same component it's fine if that's what's required to make the layout work

Gaming

Programming

whats the good practice for grid lay out