fleonetti

<div class="container">
  <div class="one">
    <p>Block 1</p>
  </div>
  <div class="two">
    <p>Block 2</p>
  </div>
  <div class="three">
    <p>Block 3</p>
  </div>

fleonetti

<div class="holy-grail">
     <header>Header</header>
      <main class="holy-grail-body">
          <article>
            <ul id='flexible'>
              <li>One</li>
              <li>Two</li>
              <li>Three</li>
              <li>Four</li>
              <li>Five</li>

fleonetti

<div class="container">
  <article class="content">
    Main content
  </article>
  <aside class="sideLeft">
    Side Left
  </aside>
  <aside class="sideRight">
    Side Right
  </aside>

fleonetti

<div class="example-container">
  <div class="block-a">A</div>
  <div class="block-b">B</div>
  <div class="block-c">C</div>
  <div class="block-d">D</div>
</div>

fleonetti

<div class="container">
  <article class="content">
    Main content
  </article>
  <aside class="sideLeft">
    Side Left
  </aside>
  <aside class="sideRight">
    Side Right
  </aside>

fleonetti

<div class="container">
  <div class="one">
    <p>Block 1</p>
  </div>
  <div class="two">
    <p>Block 2</p>
  </div>
  <div class="three">
    <p>Block 3</p>
  </div>