Diseño de cuadrícula de 12 columnas adaptable-SpaceGrid
| Autor: | JonathanSpeek |
|---|---|
| Views Total: | 1,864 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 21, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
SpaceGrid es una biblioteca de CSS ligera que se utiliza para renderizar un diseño de cuadrícula adaptable de 12 columnas para su diseño web moderno.
Funcionamiento
Descargue e inserte el spacegrid. CSS en el encabezado de su documento HTML.
<link rel="stylesheet" href="spacegrid.css">
Agregue elementos de cuadrícula a la página web como esta:
<div class="row"> <div class="space-1"> <div class="rectangle"> </div> </div> </div> <div class="row"> <div class="space-2"> <div class="rectangle"> </div> </div> <div class="space-2"> <div class="rectangle"> </div> </div> </div> <div class="row"> <div class="space-3"> <div class="rectangle"> </div> </div> <div class="space-3"> <div class="rectangle"> </div> </div> <div class="space-3"> <div class="rectangle"> </div> </div> </div> <div class="row"> <div class="space-4"> <div class="rectangle"> </div> </div> <div class="space-4"> <div class="rectangle"> </div> </div> <div class="space-4"> <div class="rectangle"> </div> </div> <div class="space-4"> <div class="rectangle"> </div> </div> </div> <div class="row"> <div class="space-3"> <div class="rectangle"> </div> </div> <div class="space-66"> <div class="rectangle"> </div> </div> </div>
