Can anyone help me create a full background on my page? I'm not sure if there's an issue with my code.
https://i.sstatic.net/vdOVs.png
This is my code:
return (
<div className="bg welcome container text-center" style={{
}}>
<div className="row">
<div className="col left-side d-flex align-items-center justify-content-center flex-column text-center">
<h3 className="title-text">Your title place here</h3>
<p className="text-center">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cumque reprehenderit rerum ut earum sunt tempora sint quasi.</p>
</div>
</div>
);
CSS:
.bg {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url('https://i.postimg.cc/JM8xhgHf/acils.png');
background-color: black;
}
.welcome {
height: 100%;
}