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
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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
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!