JSFiddle - React, Tailwind, and code Playground

by cowdd

HTML

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <title>
      Ian Morgan Kettell
    </title>
    <style>
      table {
        border-style: solid;
      }
      
      td {
        border-style: solid;
        border-color: #FF66FF;
        padding: 10px;
      }
      
      section.page {
        margin: 999px 0;
      }

    </style>

  </head>

  <body>
    <section id="top">
      <h1>Ian's Hobbies! </h1>
      <table>
        <tr>
          <td>Camping</td>
          <td>Hiking</td>
          <td>Cycling</td>
        </tr>
        <tr>
          <td>Fishing</td>
          <td>Kayaking</td>
          <td>Skiing</td>
        </tr>
      </table>
      Learn about Ian's Favorite <a href="#actors">Actors</a> and <a href="#movies">Movies!</a>

    </section>

    <section id="movies" class="page">
      <h3>
My Favorite Movies
</h3>
      <ul>
        <li>
          Promised Land
        </li>
        <li>
          Flight
        </li>
        <li>
          Taken
        </li>
      </ul>
      <p>
        The movies I chose were Promised Land starring Matt Damon, Flight starring Denzel Washington, and Taken starring Liam Neeson. Even though I have an endless list of favorite movies these are by far my top 3. I like them because I like movies I can learn
        things from. For instance; Promised Land is a film about oil companies fighting to buy land from farmers to frack the land to find oil. It shows both sides of the process of how they convince people and I found it extremely interesting.
      </p>
      <a href="#top">Back to top</a>
    </section>
    <section id="actors" class="page">
      <h3>
        My Favorite Actors
      </h3>
      <ul>
        <li>
          Matt Damon
        </li>
        <li>
          Denzel Washington
        </li>
        <li>
          Liam Neeson
        </li>
      </ul>
      <p>
        If I had to choose my favorite actors my top 3 would be Matt Damon, Denzel Washington, and Liam Neeson. I think...