JSFiddle - React, Tailwind, and code Playground

by bluesweater

HTML

<!-- Met onderstaande code kun je een tekstvak toevoegen. Hiervoor moet je de breedte (width), hoogte (heigth), bovenste grens (top) en linker grens (left) nodig. Deze waardes kun je vervolgens invullen achter de juiste plek. -->

<div align="left">
<div style="overflow: auto; position: absolute; width: 435px; height: 311px; top: 228px; left: 130px;"><center>Vandaag is het dag van de watermeloen en dus leek het mij leuk om een lookcompetitie te organiseren met als thema watermeloen! <br><br>

<b>Hoe doe je mee?</b><br>
Maak een look in watermeloen thema, denk aan de kleuren (rood/groen) of juist alleen de buiten- of binnenkant van een watermeloen. Deze look mag je in je eigen of in mijn garderobe maken en vervolgens plaats je deze look op het topic (klik op "dit topic" hieronder). Als je de look in mijn garderobe maakt, mag je 'm ook voorstellen! <br><br>

Meedoen kan tot en met <b>zondag 11 augustus 18:00 uur</b>. <BR><BR>

<b>Prijzen</b><br>
De top 3 komen op onze Instagram en Facebook te staan! Zij ontvangen respectivelijk; 40, 25 en 10 credits. Verder krijgen alle deelnemers een item naar keuze. <br><br>

Ga jij vandaag watermeloen eten? Ik wel! <br>
Liefs Anouk</center>


</div>
<img src="https://i.imgur.com/aiIw3xs.png" usemap="#image-map"> </div>

<map name="image-map">
    <area target="_blank" alt="Topic" title="Topic" href="https://virtualpopstar.com/social/forum?category=11&topic=992087" coords="294,575,442,612" shape="rect">
</map>

<!-- met onderstaande code kun je een scrollbalk leuke kleurtjes geven. Hiervoor verander je de #E4F2FF,#AAC8EB en #BDD6F2. -->

<script type="text/javascript">// <![CDATA[
var css = document.createElement("style");
css.type = "text/css";
css.innerHTML = "::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #E4F2FF; } ::-webkit-scrollbar-thumb { background: #AAC8EB; } ::-webkit-scrollbar-thumb:hover { background: #BDD6F2; }";
document.body.appendChild(css);
// ]]></script>

CSS

* {
  font-family: Arial, sans-serif;
  font-size: 13.5px;
}