JSFiddle - React, Tailwind, and code Playground

by Jan Hjørdie

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<html><head><script src="https://securepubads.g.doubleclick.net/gpt/pubads_impl_rendering_2019101701.js?21065003"></script><script src="https://www.googletagservices.com/tag/js/gpt.js">googletag.pubads().definePassback("/5706918/sondagsavisen.dk_outFB_rec1", [300, 250]).set('page_url', 'sondagsavisen.dk').setTargeting('entry', ['first']).display();console.log('EndCard called');</script><script src="https://securepubads.g.doubleclick.net/gpt/pubads_impl_2019101701.js?21065003" id="gpt-impl-0.9838306967449979"></script><link rel="preload" href="https://adservice.google.dk/adsid/integrator.sync.js?domain=www.sondagsavisen.dk" as="script"><link rel="prefetch" href="https://tpc.googlesyndication.com/safeframe/1-0-36/html/container.html?n=2"></head><body><div id="gpt_unit_/5706918/sondagsavisen.dk_outFB_rec1_1" data-google-query-id="CIGRp7iBt-UCFeBBkQUdf48NxQ"><div id="google_ads_iframe_/5706918/sondagsavisen.dk_outFB_rec1_1__container__" style="border: 0pt none; width: 300px; height: 250px;"></div></div><script src="https://adservice.google.dk/adsid/integrator.sync.js?domain=www.sondagsavisen.dk"></script><script>processGoogleTokenSync({"newToken":"FBS"},5);</script></body></html>

CSS

.row {
  background: #f8f9fa;
  margin-top: 20px;
}

.col {
  border: solid 1px #6c757d;
  padding: 10px;
}