Untitled


<!DOCTYPE html>

<head>
<meta charset="UTF-8">
<title>TITLE HERE</title>
<link rel="shortcut icon" href="">

<meta name="credit" content="coding from slibeer@codepen">


<style>
.header {
  margin-left: auto;
  margin-right: auto;
}

.header img {
  width: 600px;
  height: 300px;
  display: block;
  margin-left: auto;
  margin-right: auto;

}

body {
  background-color: #e5cbd4;
}

.grid {
  width: 910px;
  margin-right: auto;
  margin-left: auto;
}

.gridlinks, .gridmidden, .gridrechts {
  float: left;
  width: 300px;

}

.gridmidden, .gridrechts {
  margin-left: 4px;
}

img {
  width: 300px;
}

@media (max-width: 900px) {
  img {
    width: 400px;
  }
  .gridmidden, .gridrechts {
    float: none;
  }
  iframe {
    width: 400px;
  }
  .grid img{
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}</style></head><body>
<div class="grid">

<div class="gridlinks">
 <img src="https://scontent-ort2-2.cdninstagram.com/vp/51de8d28a33a7ec2fa21f919362678d7/5AF32ED3/t51.2885-15/e35/26283068_207319423147946_4831534455027924992_n.jpg">
  <img src="https://scontent-ort2-2.cdninstagram.com/vp/277ebca9d51a7e65c33c8dbb4987ea6d/5AF2E092/t51.2885-15/e35/26331852_1897592800554196_7858585894389809152_n.jpg">
  <img src="https://s-media-cache-ak0.pinimg.com/originals/ef/44/ef/ef44efef1b263a97dea60be5dacf56a6.jpg">
  <img src="http://simplebeyond.com/wp-content/uploads/2017/01/blogger-ingrid-hofstra-19.jpg">
  <img src="http://simplebeyond.com/wp-content/uploads/2017/03/amsterdam-by-ingrid-hofstra-SB-10.jpeg">
  <img src="https://s-media-cache-ak0.pinimg.com/originals/bc/07/00/bc0700313bbc0baeac3a4dfb07719377.png">
  <a href="https://www.instagram.com/lizachloe/"><img src="https://s-media-cache-ak0.pinimg.com/originals/3f/51/68/3f51680933621fda122d6b3dd6028877.jpg"></a>
  <img src="https://s-media-cache-ak0.pinimg.com/originals/a3/e6/e0/a3e6e0dee06fe63a59050ef40b5fec72.jpg">
  <img src="https://s-media-cache-ak0.pinimg.com/originals/9d/3a/ad/9d3aadf89c2e23988c14464fbf8aee0d.png">
  <img src="https://static1.squarespace.com/static/53ee39d6e4b08be4e39a4f38/58a8ad0659cc68ccc5f4ee32/58a96d5a893fc06cb714a4e5/1492782534305/IMG_4404-176.jpg?format=1000w">
  </div>

  <div class="gridmidden">
    <img src="https://scontent-ort2-2.cdninstagram.com/vp/9bd4ca09cdfe5b5ac21a5f1003015252/5AEA42BA/t51.2885-15/e35/25011239_316839252148314_5865405075416940544_n.jpg">
    <img src="https://s-media-cache-ak0.pinimg.com/originals/86/76/d2/8676d2a6513797c64813b34326acf15a.png"><a href="https://www.instagram.com/orionvanessa/?hl=en">
  <img src="https://s-media-cache-ak0.pinimg.com/originals/ee/c8/a4/eec8a49bac08f6c707ad55f395da987e.jpg"></a>
    <img src="https://s-media-cache-ak0.pinimg.com/originals/34/42/42/3442429790721b9928e062c877649c56.png">
    <img src="https://s-media-cache-ak0.pinimg.com/originals/ed/88/b1/ed88b1ea656e8569b83b24607720dba5.jpg">
    <img src="http://simplebeyond.com/wp-content/uploads/2017/03/amsterdam-by-ingrid-hofstra-SB-9.jpeg">
    <img src="https://s-media-cache-ak0.pinimg.com/originals/d3/a3/42/d3a342e7f6c21d49653acefd04629485.jpg">
    <img src="https://s-media-cache-ak0.pinimg.com/originals/f4/2c/a3/f42ca3c98b297fd0ec08070cffc8f7ff.png">
    <img src="https://www.inspirationde.com/wp-content/uploads/2016/08/tfl-no-how-to-work-like-a-minimalist-cocorrina-1470029547kn48g.png">
    <img src="https://static1.squarespace.com/static/53ee39d6e4b08be4e39a4f38/58a8ad0659cc68ccc5f4ee32/58ce869ab8a79b2da13e6dc7/1492782532456/IMG_9109-185.jpg?format=1000w">
    <a href="https://ingridhofstra.com">
    <img src="https://s-media-cache-ak0.pinimg.com/originals/05/b0/c8/05b0c81c729524d9e61c65b06447bda7.jpg"></a>
    <img src="https://static1.squarespace.com/static/53ee39d6e4b08be4e39a4f38/58a8ad0659cc68ccc5f4ee32/58ce8c3dff7c501ac42accfb/1492782532948/IMG_7240-35.jpg?format=1000w"
>

      </div>

    <div class="gridrechts">
      <img class="rechts1" src="https://s-media-cache-ak0.pinimg.com/originals/83/42/69/8342692453bfeccabb83aead40182571.jpg">
      <img class="rechts3" src="http://simplebeyond.com/wp-content/uploads/2017/03/amsterdam-by-ingrid-hofstra-SB-9.jpeg">
  <iframe width="300" height="300" src="https://www.youtube.com/embed/ZOSRpvGtXjc?ecver=1" frameborder="0" allowfullscreen></iframe>
      <img src="https://s-media-cache-ak0.pinimg.com/originals/34/28/34/342834468ed9aaad7918ffa20c4115bd.png">
      <img src="https://s-media-cache-ak0.pinimg.com/originals/cc/9e/cf/cc9ecfedd540cd8e97c73ddaf796f3f8.jpg">

      <img src="http://www.cocorrina.com/wp-content/uploads/2015/05/JennyMenu_by_Cocorrina.png">
      <img src="https://static1.squarespace.com/static/53ee39d6e4b08be4e39a4f38/58a8ad0659cc68ccc5f4ee32/58a8b6332e69cf0bf2b50fe9/1492782532742/IMG_7358-94.jpg?format=1000w">
      <img src="https://static1.squarespace.com/static/53ee39d6e4b08be4e39a4f38/58a8ad0659cc68ccc5f4ee32/58db6b51e3df28fd7e5bea57/1492782532427/IMG_9713-45.jpg?format=2500w">
      <img src="https://s-media-cache-ak0.pinimg.com/474x/e8/06/9a/e8069ad1b06723dfd108f4733a5c5ee6.jpg">


</div>
</div>

</body></html>