JSFiddle - React, Tailwind, and code Playground

by Mindy McAdams

HTML

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

<img src="http://placekitten.com/400/200" alt="Photo of a kitten">

<p>
<a href="http://placekitten.com/">This is a link to placekitten</a>
</p>

CSS

h1 {
  background: #95AB63;
  color: #F6FFE0;
  margin: 0;
  padding: 20px;
}
p { 
  border: 5px solid #c00;
  margin-left: 50px;
}
a {
    color: #95AB63;
}
a:hover {
    color: #F6FFE0;
    background: #152C73;
    text-decoration: none;
}