JSFiddle - React, Tailwind, and code Playground

by yudizsolutions

HTML

<section id="home" style="background-image: url(https://images.unsplash.com/photo-1526374965328-7f61d4dc18c5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1500&q=80);">
  <h1>It's my super wooper page</h1>
  <img class="profile-picture" src="assets/img/My_Picture.JPG" alt="picture of myself">
  <br>
  <div class="text-center">
    <a class="btn-cv" href="#">Download CV</a>
  </div>
</section>

CSS

.text-center {
  text-align: center;
}

.btn-cv {
  margin: 10px 0px;
  display: inline-block;
}