HTML_GRID_FLEX_SCSS_CSS

GRID

.header {

display: grid;

grid-template-columns: 100px 3fr 1fr;

grid-template-rows: 100px 500px 100px;

grid-auto-rows: 100px;

grid-column-gap:10px;

grid-row-gap: 10px;

/*grid-column-start: 2;

grid-column-end: 3;*/

}

.header-item {

background: #FFF5DBFF;

border: 2px solid #000;

/*grid-column-start: 1;

grid-column-end: 3;*/

}

.header div:nth-child(2){

grid-column-start:2;

grid-column-end:-1;

}

.header div:nth-child(3){

grid-column-start:1;

grid-column-end:-1;

}