Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
Not particularly proud of anything
What challenges did you encounter, and how did you overcome them?I searched what i couldnt do
What specific areas of your project would you like help with?I need help taking away the gap in between the columns and anything else im not sure about.
Community feedback
- @pRicard0Posted 7 months ago
Projeto ficou bom, vou te dar algumas dicas e possivelmente resolver o seu problema
Dicas HTML
- Essa sua div "main-container", eu simplesmente alterei de display block para display flex e deu certo. Não entendi muito a necessidade de você colocar um display block e, geralmente quando há problemas de posicionamento, pode ser alguma coisa a ver com flex ou grid.
- Como são 3 seções de textos, 3 partes diferentes, ao invés de utilizar div, utilize a tag
<section>
. - Imagens meramente ilustrativas é altamente recomendado que você não descreva nada no atributo "alt". Imagens ilustrativas não possuem informações a acrescentar na experiência de alguém com deficiência visual.
- É bom especificar o tipo dos botões. Recomendo por
<button type="button">
pois existe tipos diferentes de botões. Por exemplo... o type submit é para botões de formulários. - É recomendado que utilize a tag
<main>
ao inves da div main-container
Marked as helpful0
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