Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
Nada a declarar
What challenges did you encounter, and how did you overcome them?Nada a declarar
What specific areas of your project would you like help with?Nada a declarar
Community feedback
- @PdroOlivePosted 6 months ago
Vlw pelas visões estou ciente, porém obg pelo toque.
meu intuito com o display:flex; no body era apenas para centralizar verticalmente sem precisar de paddings, nem me toquei realmente que poderia ter tirado o margin do main. e a questão do alt n costumo preencher realmente por desleixo kkk, sei que e errado. mais uma vez vlw pelo feedback meu amigo.
0 - @pRicard0Posted 6 months ago
Nada a declarar... brincadeira!
Dicas HTML
- Como você já estava utilizando flex na tag body para centralizar a main, seria mais intuitivo que você utilizasse
justify-content: center;
ao invés de um margin auto na main. - Imagens que não são meramente ilustrativas devem conter uma descrição no atributo alt. O atributo alt serve para você auxiliar pessoas com deficiências visuais, permitindo que o site forneça informações sobre o que está sendo apresentado visualmente usando os screen readers. O atributo alt é uma informação que será fornecida para a pessoa, para isso você precisa descrever o que é aquela imagem para que o screen reader repasse. Você pode por, por exemplo... "QR Code to Frontend Mentor"
- Não é recomendado utilizar a tag
<article>
pois o conteúdo dentro dele não é independente, não funciona fora do contexto do site. É melhor usar<section>
- Utilize
<h1>
ao invés de<p>
para o texto "Improve your front-end skills (...)". Todo site deve conter um h1 por questão de acessibilidade. Não importa se o h1 fique invisível ou não, tem que ter.
Dica CSS
- Utilize a unidade de medida rem para
font-size
ao invés de usar px. Essa medida é mais flexível, adaptável, se molda com base nas preferências do usuário e etc... Você pode entender mais sobre aqui https://gabcarvalhogama.com.br/css/qual-unidade-de-font-size-usar-px-rem-em-vw/
0 - Como você já estava utilizando flex na tag body para centralizar a main, seria mais intuitivo que você utilizasse
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord