JSFiddle - React, Tailwind, and code Playground

by dhavaljani

HTML

<h1>
<span></span>
Marriott Oasis
</h1>

CSS

h1 {
  font-size: 36px;
  text-transform: uppercase;
  text-align: center;
  font-family: Arial;
  max-width: 420px;
  margin: 30px auto;
}
h1 span {
  display: block;
  height: 3px;
  width:70px;
  background: #A60123;
  margin: 10px auto;
}

@media screen and (min-width : 768px) {
  
  h1 {
    font-size: 48px;
    }
    h1 span {
      width: 140px;
      height: 6px;
      }
}