O que o min-width: 200px; esta causando?

تبليغ
سؤال

يرجى شرح بإيجاز لمإذا تشعر أنك ينبغي الإبلاغ عن هذا السؤال.

تبليغ
‎إلغاء

Quando adicionado o min-width: 200px; ele quebras as duas primeiras imagens pra 2 na mesma linha, alguém pode me dizer o por quê?
Se diminuir muito a tela ele quebra pra um em baixo de outra, alguém pode me explicar oq as propriedades estão causando pls.

olha como ta ficando com o min-width:200px;

.bicicleta {
max-width: 1200px;
margin: 0 auto;
padding: 60px 20px;
box-sizing: border-box;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
}

img {
max-width: 100%;
}

p {font-size: 1.2rem;}

.bicicleta-imagem {
display: flex;
gap: 10px;
flex-wrap: wrap;
}

.bicicleta-imagem > img {
flex: 1;
min-width: 200px;
}
<!DOCTYPE html>
<html lang=”pt-BR”>
<head>
<meta charset=”UTF-8″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<meta name=”description” content=”Bicicletas elétricas á feita a mão”>
<link rel=”stylesheet” href=”style.css”>
</head>
<body>
<main class=”termos bicicletas”>
<div class=”bicicleta”>
<div class=”bicicleta-imagem”>
<img src=”bicicleta/nimbus1.jpg” alt=””>
<img src=”bicicleta/nimbus2.jpg” alt=””>
<img src=”bicicleta/nimbus3.jpg” alt=””>
</div>
<div class=”bicicleta-informacao”>
<p>loremmaidfimgimhiijkhikgikikikhigkhgiiSODSAODWOPDSGJTROPY</p>
</div>
</div>
</main>
</body>
</html>

aqui o link: https://tste.katiok1.repl.co

0
X 4 أشهر 2022-07-10T12:04:48+03:00 0 إجابة 4 مشاهدات مبتدئ 0

‫أضف إجابة

تصفح
تصفح

مجهول يجيب