mg {
      margin-right: 8px;
    }
  </style>

  <!-- js -->
  <script src="https://unpkg.com/vue"></script>
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>  
</head>
<body>
  <!-- our template -->
  <section id="app" class="section container">    

    <!-- SEARCH ========================================== -->
    <h2 class="title">Search</h2>

    <input type="text" class="input" name="query" v-model="query" @keyup="searchGifs">
    <gif-grid :gifs="searchedGifs"></gif-grid>

    <!--