JSFiddle - React, Tailwind, and code Playground

by lchau

HTML

<div class="banner">
  <span id="close">x</span>
  You have 12 day(s) left remaining in your trial,
</div>

CSS

.banner {
  border: 1px solid #ddd000;
  background-color: #fffaaa;
  padding: 10px 20px;
  text-align: center;
  font-size: 0.85em;
}

#close {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 10px;
  cursor: pointer;
}

* {
  font-family: sans-serif;
}

JavaScript

const closeButton = document.getElementById('close');
closeButton.addEventListener('click', () => {
	// set session storage to keep hidden during trial
});