Saltar al contenido

ejemplo de cuadrícula html

Posterior a buscar en varios repositorios y páginas finalmente dimos con la solución que te compartiremos más adelante.

Ejemplo 1: ejemplo de cuadrícula css

<divclass="wrapper"><divclass="box">Adiv><divclass="box">Bdiv><divclass="box">Cdiv><divclass="box">Ddiv><divclass="box">Ediv><divclass="box">Fdiv>div><style>.wrapperdisplay: grid;grid-template-columns:100px100px100px;grid-gap:10px;background-color:#fff;color:#444;.boxbackground-color:#444;color:#fff;border-radius:5px;padding:20px;font-size:150%;style>

Ejemplo 2: cuadrícula css

.container 
  grid-template-columns: [first] 40px [line2] 50px [line3] auto [col4-start] 50px [five] 40px [end];
  grid-template-rows: [row1-start] 25% [row1-end] 100px [third-line] auto [last-line];

Te mostramos las reseñas y valoraciones de los lectores

Ten en cuenta dar recomendación a esta reseña si te fue útil.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *