<body>
<main class="container>
<div>
<img> cidade1.png src=cidade1.png>
<p> haushahs </p>
</div>
<div>
<img> cidade2.png src=cidade2.png>
<p> fycdhjvd</p>
</div>
<div>
<img>cidade3.png src=cidade3.png>
<p>ghcxfhj </p>
</div>
</main>
</body>
# pessoal á minha dúvida é tenho esse código quando eu coloco no css o display Flex ele não vira Flex vou inspecionar continua como bloco não sei oq pode ser alguém pode me ajudar ?
hoje, com a Alura e o Google Gemini
Olá Thiago, boa noite! Tudo certinho contigo?
Uma possível solução seria a seguinte:
HTML:
<div class="meuDisplayFlex">
<div>
<img> cidade1.png src=cidade1.png>
<p> haushahs </p>
</div>
<div>
<img> cidade2.png src=cidade2.png>
<p> fycdhjvd</p>
</div>
<div>
<img>cidade3.png src=cidade3.png>
<p>ghcxfhj </p>
</div>
</div>
NO CSS:
.meuDisplayFlex{ display:flex; }
fala Matheus na paz e vc tranquilo? vou tentar fazer isso!
meu eu que vacilei tava fazendo no css secundario coloquei no principal e funcionou mas ainda achei que funcionaria já que é somente outra página