Olá! A minha dúvida é sobre como adaptar o projeto para o celular. Pelo que eu li uma maneira eficiente para isso é trocar os valores em px para porcentagem. Todavia, com que parâmetro podemos fazer isso? Digo, devemos ter um "modelo" de tela e depois fazer os cálculos usando porcentagem? Por exemplo, como ficaria o seguinte código:
main{
width: 940px;
margin: 0 auto;
}
form{
margin: 40px 0;
}
form label, form p{
display: block;
font-size: 20px;
margin: 0 0 10px;
}
.input-padrao{
display: block;
padding: 10px 25px;
width: 50%;
margin: 0 0 20px;
}
.checkbox{
margin: 20px 0;
}