Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add example of nested grid #37

Open
bonysoft opened this issue Jun 27, 2017 · 4 comments
Open

Add example of nested grid #37

bonysoft opened this issue Jun 27, 2017 · 4 comments

Comments

@bonysoft
Copy link

Can't find any nested grid samples. Confused with .grid/grid__cell usage in that scenario. Please help.

@colourgarden
Copy link
Owner

Avalanche grids are infinitely nestable - all you need to do is put another .grid inside an existing .grid__cell.

<div class="grid">
  <div class="1/2 grid__cell">
    <div class="grid">
      <div class="1/4 grid__cell">

.grid is the grid wrapper. If you're coming from Bootstrap, for example, this would be .row.
.grid__cell is used for each cell or column. In Bootstrap, this would be .col-*.

You are right that there are no explicit examples on the demo so I'll leave this here as a task to add it to the docs.

@colourgarden colourgarden changed the title nested grid No nested grid example Jun 28, 2017
@colourgarden colourgarden changed the title No nested grid example Add example of nested grid Jun 28, 2017
@bonysoft
Copy link
Author

Thanks for clarification, and for the great grid framework!

@dezudas
Copy link

dezudas commented May 16, 2018

Great Framework

@dezudas
Copy link

dezudas commented May 23, 2018

I am having problem when I add multiple class to support multiple device view.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants