Answers for "grid area name"

CSS
4

grid-area

.item {
  grid-area: <name> | <row-start> / <column-start> / <row-end> / <column-end>;
}
Posted by: Guest on April-22-2021
0

how to use a blank space with grid template areas css

.container {
  display: grid;

  grid-template-columns: 2fr 2fr 1fr 2fr;
  grid-template-rows: 100px 200px 100px;

  grid-template-areas:
    "head head . side"
    "main main . side"
    "footer footer footer footer";
}
Posted by: Guest on February-23-2020

Browse Popular Code Answers by Language