Design comparison
Solution retrospective
Me orgulho do layout produzido, faria um layout diferente na próxima vez
What challenges did you encounter, and how did you overcome them?Tive dificuldades em centralizar o main do projeto e na responsividade.
What specific areas of your project would you like help with?Não tenho ideias à respeito. A responsividade poderia ser melhorada, não pude fazer melhor pois só tenho celular.
Community feedback
- @R3ygoskiPosted 6 months ago
Olá Bruno, primeiramente meus parabéns, gostei bastante de como ficou sua solução.
Sobre a parte de centralizar, você fez bem, a única coisa que eu faria de diferente seria no seletor
body
, mudar oheight
para 100vh, que dessa forma ele ficaria do tamanho total vertical da tela, e assim centralizaria perfeitamente ao meio, e removeria omargin-top
domain
.E outra dica, você também pode adicionar um
padding
de 1rem, que assim talvez dê um espaçamento interno que deixe um pouco mais semelhante com o design proposto.Outra dica, ao invés de utilizar
<div>
para fazer um botão de link, eu recomendaria utilizar o próprio<a>
sozinho e fazer ele parecer com um botão, ou para deixar mais semântico, trocar essa<div>
por uma<li>
e cobrir todos esses botões por uma<ul>
, que assim se tornaria uma lista e ficaria mais semântico o seu projeto.Uma dica sobre as fontes, experimente colocar
sans-serif
para ficar mais próximo do design, exemplo:font-family:InterSemiBold, sans-serif;
.E novamente parabéns, seu projeto ficou muito bom, de verdade, continue fazendo esse ótimo trabalho e se aprimorando. Se ficar alguma duvida, por favor, pergunte abaixo que tentarei ajudar.
0
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