Canvas Cortland

by Kirubel Girma

HTML

<div class="ca">
  <div class="a">
    <img class="ima" src="https://photos-1.dropbox.com/t/2/AAD1mxUPuCQ1f6pI9OGwcGyZcgDyiAYwW0cCM-X3s4SyHg/12/33041273/jpeg/32x32/3/1496376000/0/2/DJI_0042.JPG/ENL5hRkYrgcgAigC/v9r_IqobJ3kC6JQZ1sKePbou6J5bSJCfz5v9b7WFmow%2CILbwtl6TWTymIRgY30vkS5NrWf3dAvPdqjLLLf5aSf0?dl=0&size=1600x1200&size_mode=3"
    alt="">
  </div>
</div>

CSS

* {
  margin: 0;
}

.ca {
  margin: 0;
  height: 100%;
  width: 100%;
  background-color: #fbfbfb;
  position: absolute;
}

.a {
  margin: 1em;
  font-family: arial;
  width: 59.533em;
  height: 31.462em;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}

.ima {
  height: 31.462em;
  ;
  width: 59.533em;
  ;
}