* { 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%; } }
* { 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%; } }
* { 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%; } }
* { 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%; } }