How to ask for what you want

<!-- 
  INSTAGRAM FEED GRID — for Katetooke.com
  ==========================================
  HOW TO GET EACH POST'S EMBED CODE (no login, no token):
  1. Go to https://www.instagram.com/k8tooke/ in a browser
  2. Open the post you want to feature
  3. Click the "···" (more options) menu on the post
  4. Click "Embed"
  5. Click "Copy embed code"
  6. Replace one of the placeholder <blockquote> blocks below with what you copied

  To update the feed later: just swap out old <blockquote> blocks for new ones,
  following the same steps above for the newest posts.

  This grid is set up for 6 posts, 3 columns on desktop, 1 column on mobile.
  Add or remove <div class="ig-item">...</div> blocks to change the count.
-->

<style>
  .ig-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 900px;
    margin: 0 auto;
  }

  .ig-item {
    overflow: hidden;
    border-radius: 8px;
  }

  .ig-item blockquote.instagram-media {
    margin: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  @media (max-width: 900px) {
    .ig-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 600px) {
    .ig-grid {
      grid-template-columns: 1fr;
    }
  }
</style>

<div class="ig-grid">

  <div class="ig-item">
    <!-- POST 1: replace this blockquote with a real embed code -->
    <blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/Dc3uB9HOUoZ/" data-instgrm-version="14"></blockquote>
  </div>

  <div class="ig-item">
    <!-- POST 2 -->
    <blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/Dc1pluEEqKJ/?img_index=1" data-instgrm-version="14"></blockquote>
  </div>

  <div class="ig-item">
    <!-- POST 3 -->
    <blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/DcR3y81AUbJ/" data-instgrm-version="14"></blockquote>
  </div>

  <div class="ig-item">
    <!-- POST 4 -->
    <blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/k8tooke/reel/Db2BZkIuyzq/" data-instgrm-version="14"></blockquote>
  </div>

  <div class="ig-item">
    <!-- POST 5 -->
    <blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/k8tooke/reel/Dbl-yt3Sf2B/" data-instgrm-version="14"></blockquote>
  </div>

  <div class="ig-item">
    <!-- POST 6 -->
    <blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/k8tooke/p/Dan2T4yj4Ey/" data-instgrm-version="14"></blockquote>
  </div>

</div>

<!-- Instagram's official embed script — loads the posts into the blockquotes above -->
<script async src="//www.instagram.com/embed.js"></script>
How to ask for what you want

Learn

More

You have Successfully Subscribed!
