.nopadding-child{ padding: 0 0; } .nomargin-child{ margin: 0 auto; } .noborder-child{ border: 0; } .list-title{ --border: 0px ; border: 0; padding: 0 0; } /* Create four equal columns that floats next to each other */ .column { float: left; width: 25%; padding: 0px 10px; } /* Clear floats */ .row:after { content: ""; display: table; clear: both; } /**/ .home-sidebar { float: left; width: 20%; padding: 0px 20px 0px 0px; } .home-main { float: left; width: 80%; } /* Responsive layout - makes a two column-layout instead of four columns */ @media screen and (max-width: 1020px) { .column { width: 50%; } .home-sidebar { width: 30%; } .home-main { width: 70%; } } /* 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%; } .home-sidebar { width: 100%; } .home-main { width: 100%; } }