Boa noite a todxs! :D
A minha dúvida é a seguinte, estou programando um projetinho onde haverá uma seção para colocar 3 cards que funcionarão como uma nav bar, ou seja, basicamente serão 3 imagens com texto e um button para seguir para outras páginas. e a minha dor de cabeça está sendo colocar esses itens lado a lado no layout da section. Tentei fazer o seguinte:
<div id="page-wrap">
<div id="sidebar"></div>
<div id="other"></div>
</div>e no código css: body{
background-color:gray;
}
#sidebar {
position: absolute;
left: -250px;
width: 200px;
height: 400px;
background: red;
}
#page-wrap {
position: relative;
width: 200px;
background: #ffffff;
height: 400px;
margin: 0 auto;
}
#other{
position: relative;
right: -250px ;
width: 200px;
background: #ff00ff;
height: 400px;
margin: 0 auto;
}Fiz isso acima para testar visualmente, porém como citei, quero usar imagens e textos de forma agrupada. Como posso realizar isto? Conteiner?
