.container {margin: 0 auto; padding: 0px;}

.grid-container1 {display: grid; grid-template-columns: 1fr;}
.grid-container2 {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px;}
.grid-container3 {display: grid; grid-template-columns: 1fr 3fr;}

.column {display: flex; flex-direction: column; flex: 1;}
.col {background: white; border: 1px solid black; border-radius: 10px; padding: 10px;}
.row {border-radius: 10px; padding: 10px;}

@media (max-width: 767px)
{.grid-container2 {display: grid; grid-template-columns: 1fr;}
 .grid-container3 {display: grid; grid-template-columns: 1fr;}
}