Die Breite des Flexbehälters verhält sich in 2 Fällen unterschiedlich ⇐ CSS

[Guest]

Hallo, ich bin neu in Flexbox. Ich hatte eine Frage. Die Breite wächst, wenn Sie die Breite des Ansichtsfensters erhöhen. < /P>











< /code>
CSS für das obige HTML < /p>
.gallery {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 16px;
max-width: 1400px;
margin: 0 auto;
padding: 20px 10px;
}

.gallery img {
width: 100%;
max-width: 350px;
height: 300px;
object-fit: cover;
border-radius: 10px;
}

< /code>
Im zweiten Fall gibt es einen Eingangsbehälter, der sich in einem übergeordneten Flex -Container befindet. Die Breite wächst jedoch nicht und wird festgelegt, wenn sich die Ansichtsfenster ändert. < /p>


Enter the decimal number



< /code>
CSS für das obige. < /p>
main{
display:flex;
align-items: center;
flex-direction: column;
}
#input-container{
display:flex;
flex-direction: row;
flex-wrap:wrap;
max-width: 500px;
margin:0 auto;
justify-content: center;;
}
< /code>
Ich habe mich gefragt, warum das passiert. Ich bin neu im Lernen von Flexbox. Entschuldige dich, wenn es eine dumme Frage ist. Danke ist Vormarsch!