Columns

• Use the following to float elements to create columns:
  • CSS:
    .featured {width: 33%; float: left; box-sizing: border-box; padding: 10px; border: 1px solid black}
    section {margin: auto; max-width: 1200px}
    section {margin: auto; max-width: 1200px}
    HTML:
    <section>
    <div class="featured">Column 1</div>
    <div class="featured">Column 2</div>
    <div class="featured">Column 3</div>
    </section>
    
  • *Note that this class style can be recycled