If you don't want to use Bootstrap, you can just use Flexbox directly:
A Complete Guide to Flexbox | CSS-Tricks[
^]
<article class="head">
<img src="https://i.ibb.co/WGszpH9/face.jpg" id="face" alt="" />
<header>
<h1>Debaveye Elias</h1>
<h2>A C# software developer</h2>
</header>
</article>
@import url(https:
.head {
font-family: Raleway;
background: rgba(187, 200, 133, 1);
margin: auto;
display: flex;
align-items: center;
}
.head > img {
width: 30%;
margin-right: 20px;
}
.head h1 {
color: #FFF;
font-size: 70px;
font-weight: lighter;
margin: .2em 0;
}
.head h2 {
color: #000;
font-size: 50px;
font-weight: lighter;
margin: .2em 0;
}
Demo[
^]