<b-row>

  <b-col md="6">

  </b-col>
  <b-col md="6">
    <b-container fluid id="icons">
      <b-row>
        <b-col md="3">
            <div class="zoom">

          <a href="/eggs"> <b-img class="img-fluid" center  alt="Responsive image" src="media/egg_small.png"></b-img></a>
            </div>
        </b-col>
        <b-col md="3">
            <div class="zoom">

          <a href="/scooter"><b-img class="img-fluid" center alt="Responsive image" src="media/scooter.png"></b-img></a>
            </div>
        </b-col>
        <b-col md="3">
            <div class="zoom">

          <a href="/pesto"><b-img class="img-fluid" center alt="Responsive image" src="media/basil.png"></b-img></a>
            </div>
        </b-col>
        <b-col md="3">
          <div class="zoom">
        <a href="/bbq"><b-img class="img-fluid" center alt="Responsive image" src="media/bbq.png"></b-img></a>
          </div>
        </b-col>
      </b-row>
      <b-row>
        <b-col md="3">
            <div class="zoom">
          <a href="/cart"><b-img class="img-fluid" center src="media/cart_small.png"></b-img></a>
            </div>
        </b-col>
        <b-col md="3">
            <div class="zoom">
          <a href="/breakfast"><b-img class="img-fluid" center alt="Responsive image" src="media/avo_small.png"></b-img></a>
            </div>
        </b-col>
        <b-col md="3">
            <div class="zoom">
          <a href="/noodles"><b-img class="img-fluid" center alt="Responsive image" src="media/noodles_small.png"></b-img></a>
            </div>
        </b-col>
        <b-col md="3">
            <div class="zoom">
          <a href="/recipe"><b-img class="img-fluid" center alt="Responsive image" src="media/recipe_small.png"></b-img></a>
            </div>
        </b-col>
      </b-row>
      <b-row>
        <b-col md="3">
            <div class="zoom">
          <a href="/onion"><b-img class="img-fluid" center alt="Responsive image" src="media/onion.png"></b-img></a>
            </div>
        </b-col>
        <b-col md="3">
            <div class="zoom">
          <a href="/leekpilaf"><b-img class="img-fluid" center alt="Responsive image" src="media/leek.png"></b-img></a>
            </div>
        </b-col>
        <b-col md="3">
            <div class="zoom">
          <a href="/ricecooker"><b-img class="img-fluid" center alt="Responsive image" src="media/rice.png"></b-img></a>
            </div>
        </b-col>
        <b-col md="3">
            <div class="zoom">
          <a href="/cake"><b-img class="img-fluid" center alt="Responsive image" src="media/cake_small.png"></b-img></a>
            </div>
        </b-col>
      </b-row>

    </b-container>
  </b-col>
</b-row>
