JSFiddle - React, Tailwind, and code Playground

by razibmahmud50

HTML

<div class="terms" id="termsofservice">
<ul class="service-nav">
  <li class="service-item">
  <a class="service-link" href="#">Privacy Policy</a>
      </li>
  <li class="service-item">
  <a class="service-link" href="#">Terms of Service</a>
      </li>
      </ul>
</div>

CSS

li .service-link {
    color: #313131;
}

.service-nav, .service-list, .service-item {
    list-style-type: none;
    display: inline-block;
}

.terms{
    text-align: center;
    position: relative;
}

body {
    background-image: url("../Final Logo Assets/Blur Mug-min Opacity-min.jpg");
    background-repeat: no-repeat;
    background-position: center;
  background-size: cover;
  height: 100vh;
}