* { box-sizing: border-box; }
.column { float: left; width: 50%; padding: 0 0 20px 20px; }
.column1 { width: 30%; }
.column2 { width: 70%; }
.row:after { content: ""; display: table; clear: both; }
@media screen and (max-width: 600px) {
.column, .column1, .column2 { width: 100%; }
}
* { box-sizing: border-box; } .column { float: left; width: 50%; padding: 0 0 20px 20px; } .column1 { width: 30%; } .column2 { width: 70%; } .row:after { content: ""; display: table; clear: both; } @media screen and (max-width: 600px) { .column, .column1, .column2 { width: 100%; } }