JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Mathis</h1>

<h2>mijn hobby's</h2>


<ul>
  <li>CoderDojo</li>
  <li>Piano spelen</li>
  <li>Tekenen</li>
  <li>Zwemmmen</li>
  <li>eten !</li>
</ul>

<h2>mijn filmpje</h2>


<iframe width="560" height="315" src="https://www.youtube.com/embed/NTJAhzRzlRw?si=1KAv-yZFIRr_cqyQ" 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 lievelings foto</h2>

<img width="100%" src="https://pxlvlt.s3.eu-central-1.amazonaws.com/wp-content/uploads/2024/02/3840x2160_SuperMario_Photography_DIGITAL_still7-scaled.jpg" />

<h2>Mijn lievelings  emoji</h2>
🦓🐷🐹🐻🙊🦝🐨🐼🦓🐗🐺🐭🍅🍓🎪

CSS

h1{
  color:blue;
}
h2{
  color:pink;
}
body {
  background:url('https://i.pinimg.com/736x/99/f0/ba/99f0ba0bfce1f512908a9aa7a1880ffa.jpg')
}