JSFiddle - React, Tailwind, and code Playground

by borcagos

HTML

<!DOCTYPE html>
<html>

  <head>

  </head>
  <style>


  </style>

  <body>
    <h1>oData tutorial</h1>
    <p><a href="step1/webapp">STEP 1</a></p>
    <p><a href="step2/webapp">STEP 2</a></p>
    <p><a href="step3/webapp">STEP 3</a></p>
    <p><a href="step4/webapp">STEP 4</a></p>
    <p><a href="step5/webapp">STEP 5</a></p>
    <p><a href="step6/webapp">STEP 6</a></p>
    <p><a href="step7/webapp">STEP 7</a></p>
    <p><a href="step8/webapp">STEP 8</a></p>
  </body>

</html>

CSS

p {
     margin-left: 10%;
     font-size: 12px;
     transition-duration: 0.1s;
   }
   p:hover {
     margin-left: 10%;
     font-size: 14px;
     transition-duration: 0.1s;
   }
   h1 {
     margin-left: 5%;
   }