Grid en ccss
Ejemplos de código
cuadrícula css
.container{
display:grid;
place-items:center;
}
//My youtube:'https://www.youtube.com/HasibulIslambd' grid en ccss
/*
Most Common Grid properties:
display: grid;
display: inline-grid; for applying inline property on grid
grid-template-rows:
grid-template-columns:
grid-auto-flow: dense;
grid-column-start: 2;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 3;
justify content
align items
fr = fill up any available space
auto-fit= stretch the cards to fill up the screen
auto-fill= create extra virtual cards to fill up the screen
*/
.grid{
display: grid;
grid-template-columns: repeat(3, minmax(auto, 1fr));
grid-template-rows: repeat(2, 200px);
grid-gap: 10px;
}
Páginas relacionadas
Páginas de ejemplo relacionadas
En otros idiomas
Esta página está en otros idiomas
empty row
Русский
..................................................................................................................
English
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Slovenský
..................................................................................................................
Балгарскі
..................................................................................................................
Íslensk
..................................................................................................................
Popular en esta categoría
Páginas populares con ejemplos en la categoría
empty row