.huis1 {

               grid-area: huis1;

}

.huis2 {

               grid-area: huis2;

}

.huis3 {

               grid-area: huis3;

}

.huis4 {

                grid-area: huis4;

}

.huiscontainer {

                display: grid;

grid-template-columns: repeat(4, 1fr);

                grid-template-rows: auto;

                grid-template-areas: "huis1 huis2 huis3 huis4";

}

Back to Top