Как получить текст под моими гибкими ящиками? ⇐ CSS

[Anonymous]

Итак, я занимаюсь проектом ODIN и на целевой странице. Моя проблема в том, что я не знаю, почему мой текст находится в моем Flexbox, когда он должен быть под ним. Я не знаю, что не так, поскольку другие проекты, которые я видел, имеют код, похожий на мой, и их текст идет внизу, а не в их гибких ящиках. Мой код HTML и CSS ниже. "https://i.sstatic.net/ctwzctgy.png"/>
my Project :
< img alt = "my project" src = "https://i.sstatic.net/65yvcc2b.png"/>
Я попытался иметь текст в качестве < /code> и выходить за пределы Flexbox div < /p>

Код: Выделить всё

 *{
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>
```





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

Подробнее здесь: https://stackoverflow.com/questions/793 ... -flexboxes