Flexbox не показывает мои числа по горизонтали ⇐ CSS

[Anonymous]

введите здесь описание изображения
Я думал, что в контейнере прогресса числа 1,2,3,4 будут отображаться рядом друг с другом, но это не так.
Что такое Я здесь пропал? Должно быть, что-то не так с моим пониманием флексбокса..
@import url("https://fonts.googleapis.com/css?family ... splay=swap");

* {
box-sizing: border-box;
}

body {
background-color: #f6f7fb;
font-family: "Muli", sans-serif;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
overflow: hidden;
margin: 0;
}

.container {
text-align: center;
}

.progress-container {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
max-width: 100%;
width: 350px;
}



1
2
3
4





Подробнее здесь: https://stackoverflow.com/questions/791 ... rizontally