Skip to content

Instantly share code, notes, and snippets.

@Sergioamjr

Sergioamjr/grid.html

Created December 9, 2018 22:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Sergioamjr/3a2fd1c399d7b733fc4fdb9e0c6b939c to your computer and use it in GitHub Desktop.
Save Sergioamjr/3a2fd1c399d7b733fc4fdb9e0c6b939c to your computer and use it in GitHub Desktop.
Download ZIP
Usando sistema de grid no HTML
Raw
grid.html
<div class="container">
<div class="grid">
<div class="xs-6-12 sm-4-12 md-12-12 lg-6-12">
<p>Conteúdo</p>
</div>
<div class="xs-6-12 sm-8-12 md-12-12 lg-6-12">
<p>Conteúdo</p>
</div>
</div>
<div class="grid">
<div class="xs-6-12 sm-4-12 md-12-12 lg-6-12">
<div class="grid">
<div class="xs-6-12 sm-8-12 md-12-12 lg-6-12">
<p>Conteúdo</p>
</div>
<div class="xs-6-12 sm-4-12 md-12-12 lg-6-12">
<p>Conteúdo</p>
</div>
</div>
</div>
<div class="xs-6-12 sm-8-12 md-12-12 lg-6-12">
<p>Conteúdo</p>
</div>
</div>
<div class="grid">
<div class="xs-12-12 sm-4-12 md-12-12 lg-6-12">
<p>Conteúdo</p>
</div>
<div class="xs-12-12 sm-8-12 md-12-12 lg-6-12">
<p>Conteúdo</p>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment