Wie bekomme ich Text unter meine Flexboxen? ⇐ HTML

[Guest]

Ich mache also das Odin-Projekt und bin am Landing-Page-Projekt beteiligt. Mein Problem ist, dass ich nicht weiß, warum sich mein Text in meiner Flexbox befindet, obwohl er darunter sein sollte. Ich weiß nicht, was falsch ist, da andere Projekte, die ich gesehen habe, einen ähnlichen Code wie ich haben und der Text darunter und nicht in ihren Flexboxen angezeigt wird. Mein HTML- und CSS-Code finden Sie unten.
Odin-Projekt:


Mein Projekt:
< img alt="Mein Projekt" src="https://i.sstatic.net/65yvCC2B.png" />
Ich habe versucht, den Text als zu haben und ihn nach draußen zu bringen das Flexbox-Div

Code: Select all

 *{
margin: 0;
}

body{
background-color:#1F2937 ;
height:1300px;

}

.header_content h1{
display:inline-block;
margin-left: 300px;
padding-bottom: 30px;
}

ul{
display:inline-block;
margin-left: 800px;
}

li{
display:inline-block;
margin-left: 25px;
}

.blue_box{

display:flex;
margin-left: 300px;

}

.box_writing{

padding-right: 80px;

}

.placeholder{
display:inline-block;
background-color: #808080;
height: 300px;
width: 700px;
color:white

}

.placeholder p{

text-align: center;
line-height: 300px;

}

.blue_button{
padding-top: 12px;
}

button{

background-color: #3882F6;
border-radius: 6px;
border: none;
width: 130px;
height: 35px;
color: white;

}

.boxes {

padding-top: 400px;

color: #EEEEEE;
}

.box1 {

padding: 150px;
background-color: #ffffff;
}

.title{

color: #1F2937;
font-size: 36px;
text-align: center;
position: relative;
top: -100px;
}

.info_boxes{

display: flex;
justify-content: center;
}

.one, .two, .three, .four{

border: 3px solid #3882F6;
border-radius: 10px;
height: 150px;
width: 150px;
margin: 10px;

}

.descript1{
color: #1F2937;
}

.box2 {

padding: 150px;
background-color: #e5e7eb;
}

.box3 {

padding: 100px;
background-color: #ffffff;
}

Code: Select all

```





Odin Landing Page
[*]





Header Logo
[list]
header link one
[*]header link one
[*]header link one
[/list]





This website is awesome
This website has some subtext that goes here under the
main title.  It's a smaller font and the color is lower
contrast

Sign up



this is a placeholder for an image






some random information



this is some subtext under an illustration or image