Como faço para que os elementos interno do ASIDE
permanecerem horizontalmente na mesma linha, um ao lado do outro sem quebrar ao redimensionar o navegador.
CSS
aside{
background-color: #222;
margin-top: 10px;
margin-left: 10px;
width: 100%;
max-width: 1200px;
margin-bottom: 10px;
box-sizing: border-box;
}
aside figure{
float: left;
margin-bottom: 20px;
margin-right: 10px;
}
aside figure img{ /* redimensionar imagem */
max-width: 300px;
width: 100%;
}
HTML
<aside>
<figure>
<a href="#">
<img src="./imagens/praias.png" width="300" height="400">
</a>
</figure>
<figure>
<a href="#">
<img src="./imagens/praias.png" width="300" height="400">
</a>
</figure>
<figure>
<a href="#">
<img src="./imagens/praias.png" width="300" height="400">
</a>
</figure>
<figure>
<a href="#">
<img src="./imagens/praias.png" width="300" height="400">
</a>
</figure>
</aside>