Currently, I am in the process of developing a windsurfing website. Despite utilizing classes such as justify-content-center, align-items-center, and text-center, I am facing an issue where the h1 and h2 elements remain positioned at the top and are not vertically aligned. Here is how my website appears at the moment: https://i.sstatic.net/hfoes.jpg HTML:
<!DOCTYPE html>
<html lang="en">
... (remaining HTML code) ...
CSS:
body {
background-color: #B1B2FF;
font-family: 'Poppins', sans-serif;
}
.navbar-brand,
.nav-link {
color: white;
}
.addbg {
background-image: url("images/24.jpg");
height: 660px;
background-size: cover;
}
#top h2 {
font-family: 'Noto Serif Gujarati', serif;
letter-spacing: 0.8px;
color: white;
}
/* font-family: 'Noto Serif Gujarati', serif;
font-family: 'Poppins', sans-serif; */