@FaithNA
@Cusecheg
Submitted
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
@FaithNA
Posted
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 :)
Marked as helpful
@DejMan2003
Submitted
How do live Sites URL work I. am confused a little bit.
@FaithNA
Posted
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.
@djamkenny
Submitted
My project couldn't fit all the devices.
@FaithNA
Posted
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!
Marked as helpful