Test Code

by R_Lee

HTML

<div id="main-doc">
    <section id="welcome-section">
        <div class="center-text">
            <h1 id="title">Hello, I am Lee</h1>
            <p>Your friendly neighbourhood web developer</p>
        </div>
    </section>
</div>

CSS

#main-doc{
    text-align: center;
}

#welcome-section{
    background-color: #2A3D45;
    background-size: cover;
    padding-top: 25px;
    width: 100vw;
    height: 100vh;
}
.center-text{
    position: absolute;
    width: 200px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -25px;
}