Tive problemas com a versão mobile, pois coloquei todos os parâmetros mas na hora de abrir o site com resolução de 375px não executa a seção da @midia não faz efeito nenhum... Qualquer critica ou sugestão é bem-vinda! <3
Oi Juan. Bom trabalho, mas não consigo ver o seu site de pré-visualização. Em vez disso, ele me redireciona para o seu repositório. Tente seguir o artigo sobre como enviar soluções. Article
Quanto à sua reclamação sobre @media, aqui está um trecho de código dos meus estilos que provavelmente ajudará a entender melhor.
@media(max-width: 375px){
div{
max-width: 275px;
height: 400px;
}
body{
font-size: 13px;
}
img{
max-width: 250px;
max-height: 259px;
margin-top: 10px;
}
h1{
font-size: 15px;
}
Também recebi ajuda para traduzir isso para a sua língua. Boa sorte com o restante :)
How do live Sites URL work I. am confused a little bit.
Hello @DejMan2003. Good job on your work. For your question on live sites, do follow the article provided to you by @Singraft. If you need any personal suggestions after you read the article, I tried GitHub pages and Netlify and I recommend using GitHub pages. You have probably already found instructions to guide you on how to go about them, they are not hard to understand.
My project couldn't fit all the devices.
Hello. Good job on your work. For your problem of your output not fitting all devices, you could use @media in your styles to determine how the output should look like on devices of other sizes. Here is a sample code:
@media(max-width: 375px){
div{
max-width: 275px;
height: 400px;
}
body{
font-size: 13px;
}
img{
max-width: 250px;
max-height: 259px;
margin-top: 10px;
}
h1{
font-size: 15px;
}
Initially, the font size for h1 in my style was 22px. After using @media, the font size for a device of width 375px and less will be 15px. Also, the initial width of the div was 350px, but for a device of width 375px it will be 275px as seen in the code.
Hope this helps!