JSFiddle - React, Tailwind, and code Playground

by Ken Watanabe

CSS

.has-fullscreenHero .Hero--fullscreen {
    top: 0;
    height: 100%;
    }
    
    .Hero--fullscreen {
    text-align: center;
}

.Hero--fullscreen {
    position: absolute;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
}