#18-Matrix.htm

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<style>
    body {
        background: #5C434C;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 20px;
        margin: 0;
        padding: 10px;
    }

    div {
        width: 80px;
        height: 80px;
        background: #F09462;
        border-radius: 100% 0 0;
    }

    div:nth-child(even) {
        background: #F5D6B4;
    }

    div:nth-child(8) {
        grid-column: 1/2;
        grid-row: 2;
    }
</style>