/* Create two equal columns that floats next to each other */ .column { float: left; width: 50%; padding: 10px; height: 300px; /* Should be removed. Only for demonstration */ }
/* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; }
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) { .column { width: 100%; } }
Help & Advice Training Videos
These informational videos offer help and support.