Thought this would show the numbers 1,2,3,4 in the progress-container next to each other but it doesnt.What am I missing here? Must be something wrong with my understanding of flexbox..
@import url("https://fonts.googleapis.com/css?family=Muli&display=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;}<div class="container"><div class="progress-container"><div class="progress" id="progress"><div class="circle active">1</div><div class="circle">2</div><div class="circle">3</div><div class="circle">4</div></div></div>