JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Imke</h1>

<h2>Mijn hobby's</h2>

<ul>
   <li>ballet</li>
   <li>hedendaags</li>
   <li>tekenles</li>
   <li>dwarsfluit</li>
   <li>cavia's verzorgen</li>
</ul>

<h2>Mijn lievelingsfilmpje</h2>

<iframe width="560" height="315" src="https://www.youtube.com/embed/Qo_VoPFmMDI?si=t2MKXQXSFD4DrVrw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h2>Mijn lievelingsfoto</h2>

<img width="100%" src="https://image.demorgen.be/247563486/feature-crop/1200/1200/de-nieuwe-cast-van-like-me-in-middelkerke" />

<h2>Mijn lievelingsemoji</h2>

🦒🐘🦥🦩🐧🦭🐇🐿️🐨🍧🍭🍬🍒🍩🍕🍟🌭🍿

CSS

h1{
  color:purple;
}
h2{
  color:purple;
}
body{
  background:url('https://www.shutterstock.com/image-vector/minimalist-banner-background-pastel-colorful-260nw-2470687695.jpg')
}