Não sei quase nada do, diagmos, "Avançado" do CSS
!
Então eu queria saber como deixar uma div
bem Responsiva para usuários MOBILE
. O negócio é o seguinte:
Tenho Divs com algumas imagens, e uns radios
, para escolha de detalhes etc! Essas divs
estão de um tamanho só, que fica bem ajustada a tela do meu notebook! Mas eu quero fazer com que essas divs
fiquem bem ajustadas com o panel
da página em todos os dispositivos!
Meu código está assim:
.selecao-bordas {
left: 300px;
top: 150px;
width: 715px;
height: 100px;
overflow: auto;
}
.selecao-details {
left: 300px;
top: 150px;
width: 715px;
height: 200px;
overflow: auto;
}
<form>
<br>
Bordas
<div class="selecao-bordas">
<?php include("bordas.php"); ?>
</div>
<br>
Detalhes
<div class="selecao-details">
<?php include("detalhes.php"); ?>
</div>
<br>
Nível do Clã
<?php include("clanlevel.php"); ?>
</form>
Um print de como fica na página:
http://image.prntscr.com/image/74d4235e915a43e3af1a987e70da9e62.png
Assim ele fica quando a tela diminui:
http://image.prntscr.com/image/92a0c3d6dedd4b928f3c5011b938722f.png