demo-container { display: block; border: 2px solid rgb(189, 189, 189); padding: 25px 10px 10px; border-radius: 4px; width: 350px; max-width: 300%; box-sizing: border-box; height: 220px; }
demo-object { display: grid; gap: 10px; background-color: rgb(33, 150, 243); padding: 10px; }
.item1 { grid-area: 1 / 1 / 2 / 2; }
.item2 { grid-area: 1 / 2 / 2 / 3; }
.item3 { grid-area: 1 / 3 / 2 / 4; }
.item4 { grid-area: 2 / 1 / 3 / 2; }
.item5 { grid-area: 2 / 2 / 3 / 3; }
.item6 { grid-area: 2 / 3 / 3 / 4; }
demo-object > block-block { background-color: rgba(255, 255, 255, 0.8); text-align: center; padding: 20px 0px; font-size: 20px; }

.element {grid-auto-columns: 50px;}