Sistema de rejilla de fluido sensible simple con CSS puro-ungrid. CSS

Tiempo de ejecución: 30 minutos. Empezar

Autor: chrisnager
Views Total: 2,266
Sitio oficial: Ir a la web
Actualizado: November 10, 2014
Licencia: MIT

Vista prévia

Sistema de rejilla de fluido sensible simple con CSS puro-ungrid. CSS

Descripción

ungrid. CSS es una librería CSS súper pequeña que te ayuda a crear un sistema de rejilla fluido, inteligente y receptivo con facilidad. Los anchos de base fijos y porcentuales funcionan perfectamente. Incluso puedes usarlos juntos. Las columnas restantes tomaran el resto del espacio disponible.

Uso básico

Cargue el ungrid. CSS en su documento.

<link href="ungrid.min.css" rel="stylesheet">

Cree un diseño simple con 3 columnas que tengan el mismo ancho.

<div class="row">

<div class="col"></div>

<div class="col"></div>

<div class="col"></div>
</div>

Cree un diseño sencillo con 3 columnas que tengan anchos de base fijos y porcentuales.

<div class="row">

<div class="col" style="width:80%"></div>

<div class="col"></div>
</div>

Te puede interesar: