Warning

The HTML

<bitty-1-3 data-connect="PageContent">
  <div class="the-warning">
      WARNING
  <div class="secondary-text">
    I didn't do much here today.
I was <a href="https://html-sizes.alanwsmith.com" class="default">working on this</a>.
  </div>
  </div>
</bitty-1-3>

The CSS

.the-warning {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  display: grid;
  justify-content: center;
  width: 200vw;
  background-color: yellow;
  height: 26vh;
  color: black;
  font-size: 14vh;
  font-weight: 900;

}

.secondary-text {
  position: absolute;
  top: 15vh;
  border-top: 1vh solid black;
  font-size: 3vh;
  width: 200vw;
  display: grid;
  justify-content: center;
}

The JavaScript

window.PageContent = class {
};