Na primeira caixa estou definindo 6 inputs
, e queria saber por que minhas outras caixas estão acompanhando o tamanho da minha caixa que tem os 6 inputs
.
Meu código:
<!DOCTYPE html>
<html>
<head>
<title>Exemplo</title>
<meta charset="utf-8">
<style type="text/css">
.conteudo {
display: flex;
flex-direction: row;
/* justify-content: center; */
align-items: initial;
width: 100%;
overflow-x: auto;
}
.card {
background-color: #f1f1f1;
min-width: 250px;
margin: 10px;
/*height: 200px;*/
text-align: center;
}
@media (min-width:1330px) {
.conteudo {
justify-content: initial;
}
}
</style>
</head>
<body>
<div>
<div class="conteudo">
<div class="card">
<input type="text">
<input type="text">
<input type="text">
<input type="text">
<input type="text">
<input type="text">
</div>
<div class="card">2</div>
<div class="card">3</div>
<div class="card">4</div>
<div class="card">5</div>
</div>
</div>
</body>
</html>