* { box-sizing: border-box; } /* Two equal columns that float next to each other */ .column { text-align: left; float: left; width: 50%; padding: 15px; } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } /* For mobile responsive */ @media only screen and (max-width: 768px) { [class*="column"] { width: 100%; } }