JSFiddle - React, Tailwind, and code Playground

by tanya_22

HTML

<footer class="map-container">
      <div class="map">
        <!-- <img src="img/map.jpg" width="1200" height="416" alt="map" /> -->
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1998.5989424123688!2d30.320894615722292!3d59.93879686904841!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4696310fca5ba729%3A0xea9c53d4493c879f!2z0JHQvtC70YzRiNCw0Y8g0JrQvtC90Y7RiNC10L3QvdCw0Y8g0YPQuy4sIDE5LCDQodCw0L3QutGCLdCf0LXRgtC10YDQsdGD0YDQsywgMTkxMTg2!5e0!3m2!1sru!2sru!4v1464948612327" width="1200" height="416" allowfullscreen></iframe>
      </div>
      <div class="contacts">
        <b>Nёrds design studio</b>
        <p>
          191186, Санкт-Петербург,<br>
          ул. Б. Конюшенная, д. 19/8
        </p>
        <p>
          тел. +7 (812) 275-75-75
        </p>
        <a class="btn" href="#">Напишите нам!</a>
      </div>
      <section class="social container">
        <div class="social-left">
          <a class="social-btn social-btn-vk" href="https://vk.com/"></a>
          <a class="social-btn social-btn-fb" href="https://facebook.com/"></a>
          <a class="social-btn social-btn-inst" href="https://instagram.com/"></a>
        </div>
        <div class="social-right">
          <h2 class="social-title">Давайте дружить, это выгодно!</h2>
          <p>
            Скидка 10% для друзей из социальных сетей.
          </p>
        </div>
      </section>
    </footer>