JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<body>
    <div class='container'>
        <div class='foot'>
            <div class='content'>
                We'll be back up shortly. We are undergoing a scheduled maintenance. Apologies for the inconvenience. Check <a href='http://status.mywebsite.com'>http://status.mywebsite.com </a>&nbsp; for updates. 
            </div>
        </div>
    </div>
</body>

CSS

body {
    font-size: 32px;
}

body > .container{
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
}

body > .container > .foot{
    flex: 1 0 100%;
    background-color: grey;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}

body > .container > .foot > .content{
    flex: 1 0 70%;
    width: 50%;
    height: 350px;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    text-align: center;
}