Kevin Powell - Community•6mo 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•6mo ago

it's fine to nest grids

JustineOP•6mo ago

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

clevermissfox•6mo 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•6mo 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