/* body {
min-height: 100vh;
background-color: blueviolet;
}

.grid {
display: grid;
 grid-template-columns: repeat(4, 200px); */
/* grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(4, 1fr);
background-color: blanchedalmond;
column-gap: 20px;
row-gap: 20px;
/*grid-auto-rows: 300px;*/
 /*

.item {
    border: 1px solid black;
   background-color: orangered; 
   display: flex;
   justify-content: center;
   align-items: center;
}

.item2 {
    grid-column: 2;
    grid-row: 3;
} */

img {
    height: 200px;
    width: 200px;
    float: right;
}
div {
    border: solid black 2px;
    padding: 20px;
}
#parent {
position: static;
}
#child {
position: absolute;
top: 150px;
left: 100px;
background-color: aquamarine;
}
#grand {
    background-color: rgb(44, 44, 243);
}
header {
    height: 200px;
    background-color: bisque;
    position: sticky;
    top: 0;
}