Flashcards
CSS GRID NetNinja
Cards in this deck (6)
- 1- Which property sets the column width and the number of columns ? - Shortcut- grid-template-columns: 33.3% 33.3% 33.3%;
- grid-template-columns: repeat(3, 1fr); - 2Which property sets the row heigth and the number of rows ?- The content if there's property
grid-auto-rows: 200px;
- Sets the height of the rows at 200px, no matter what content there is. - 3grid-auto-rows: minmax(200px, auto); meaning :It says that if there is no content constraint, the rows will at least be 200px long, and if there is too much content for the 200px, it will fits automatically.
- 4How to control the space between cases :grid-column-gap: 10px;
grid-row-gap: 10px;
}
Can be combined with grid-gap: 10px; - 5Pour changer la disposition d'un des éléments :.one{
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1/3
} - 6Rewrite grid-column: 1/4; with the Span keyword :grid-column: span 3;
Information
- Description
- vaze CSS Flashcards on CSS GRID NetNinja, created by dadou siplancin on 09/12/2021.
- Created by
- dadou siplancin
- Views
- 0
- Rating