Looking for some assistance with a coding challenge involving Bootstrap 4. I'm trying to overlap text with an image and align it to the center. Here is the code snippet, any help would be greatly appreciated!
HTML
<div class="container-fluid front_page">
<img src="images/front_page_img.jpg" alt="front_page_image" class="front_page_img">
<div class="front_page_brand">
<h1>T.A.C.S.</h1>
</div>
CSS
.container-fluid {
padding: 0;
}
/* FRONT PAGE */
.front_page {
position: relative;
}
.front_page_img {
max-width: 100%;
position: absolute;
}
.front_page_brand {
position: absolute;
color: red;
}