Eu gostaria de saber como colocar duas imagens caso eu quisesse fazer um site diferente do apresentado(só hipotese),como que eu iria fazer para uma imagem ficar do lado da outra só ocupando metade ou menos
Solucionado
Eu gostaria de saber como colocar duas imagens caso eu quisesse fazer um site diferente do apresentado(só hipotese),como que eu iria fazer para uma imagem ficar do lado da outra só ocupando metade ou menos
hoje, com a Alura e o Google Gemini
Oi, Roberto, tudo bem?
Mais a frente no curso será ensinado como com o auxílio das propriedades display: inline, display: inline-block e display: block. O display irá definir como determinado block de elemento ficará disposto na tela. Como você deseja em linha e que mexamos na altura e na largura do elemento, devemos usar o inline-block, como no exemplo abaixo:
<style>
.container{
display: block;
}
.images{
display: inline-block;
width: 20%;
}
img{
width: 100%;
}
</style>
</head>
<body>
<div class="container">
<div class="images">
<img src ="cat.jpg">
</div>
<div class="images">
<img src ="cat2.jpg">
</div>
</div>O resultado:
Mas durante o curso o professor irá se aprofundar em como alinhar imagens com a propriedade display: inline-block
Qualquer dúvida, é só falar!