I’m having trouble keeping my text in the welcome section as you can see next:
I’ll leave my CSS code next:
* {
margin: 0;
padding: 0;
}
html {
box-sizing: border-box;
font-size: 62.5%;
scroll-behavior: smooth;
}
.welcome-section {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #2D572C;
height: 100vh;
width: 100%;
}
.welcome-section > p {
font-size: 3rem;
font-family: "Courier New";
text-align: center;
}
.welcome-section > h1 {
font-size: 7rem;
font-family: "Courier New";
text-align: center;
}
.nav {
display: flex;
justify-content: flex-end;
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: black;
}
h2 {
text-align: center;
font-size: 2rem;
}
Please help me, I don’t know what I’m doing wrong or why does it do that