JSFiddle - React, Tailwind, and code Playground

by Ryan Brackett

HTML

<html>

  <head>
  </head>

  <body>
    <h1>RENEE CROZIER</h1>
    <hr width="75%">
    <p class="contact">2708 Lake Forest Trail, Lawrenceville, Georgia 30043 | 404-314-2394 | [email protected] | reneecrozier.us</p>

    <table class="leftside" style="text-align:center; text-transform: ">
      <tr>
        <td><strong>A</strong>reas of <strong>E</strong>xpertise</td>
      </tr>
      <tr>
        <td>Wireframing and Prototyping<br>Interaction Design<br>Web and Graphic Design<br>Project Management<br>Digital Straegy adn Production</td>
      </tr>
      <tr>
        <td><strong>T</strong>echnical</td>
      </tr>
    </table>
  </body>

</html>

CSS

h1 {
  text-align: center;
  align-content
}

.contact {
  text-decoration: italic;
  background: beige;
  text-align: center;
}

.lefside {
  background: linear-gradient(beige, white);
  float: left;
  width: 25%;
  text-align: center;
}