test for yann

by christianosway

HTML

<div class="footer">
  <div class="info">
    <div>
      <p>
        <b>KSA Nationaal</b>
      </p>
      <p class='spacer'>02/201.15.10</p>
      <p>Vooruitgangstraat 225</p>
      <p class='spacer'>1030 Brussel</p>
      <p class="spacer">
        <a href="http://www.ksa.be">www.ksa.be</a>
      </p>
    </div>
    <div>
      <p>
        <b>De leukste safari van 2018!</b>
      </p>
      <p>Joepie 28</p>
      <p>16-19 april</p>
      <p class='spacer'>Sjo’ers, simmers en jonghernieuwers</p>
      <p>
        <b>Contact</b>
      </p>
      <p class="spacer">
        <a href="mailto:[email protected]">[email protected]</a>
      </p>
    </div>
    <div>
      <img src="http://www.ksa.be/sites/all/themes/custom/tksa/img/logos/logo-blauw.png">
    </div>
  </div>
  <div class="legal">
    <p>
      Deze website kwam tot stand dankzij: Mira Sabbe: lay-out website • Maarten Derous: illustraties • Yann Provoost: ontwikkeling
      website
    </p>
    <p>© 2018 KSA Nationaal - Alle rechten voorbehouden</p>
  </div>
</div>

CSS

p{
    font-size: 1.8rem !important;
}

.footer {
    width: 100%;
    box-sizing: inherit;
    background-color: $purple;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    p {
        color: white;
    }
    a {
        color: white;
    }
    .info {
        width: 100%;
        box-sizing: border-box;
        padding: 1rem 9rem 1rem 9rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        p {
            margin: 0;
        }
        .spacer {
            margin-bottom: 1.4rem;
        }
    }
    .legal {
        margin: 0 auto;
        box-sizing: border-box;
        padding: 0 9rem 0 9rem;
        width: 100%;
        text-align: center;
    }
}