Resposive landing page using HTML5, CSS3 and Flexbox.
Design comparison
Community feedback
- @AdrianoEscarabotePosted about 2 years ago
Olá Matheus, tudo bem?
Cara você fez outro trabalho sensacional, o layout está quase idêntico ao do exemplo.
Abri aqui a pagina no meu monitor e percebi que a imagem de fundo estava um pouco quebrada para cima, tenho uma dica de como resolver isso:
background-size: 100% 100vmin;
Do jeito que eu coloquei aqui em cima ela irá esticar, mas irá preencher tudo independente da resolução da tela.
background-size: cover;
Desse modo quanto mais a resolução for maior mais a imagem cresce.
O resto está muito bom! Espero que ajude...👍
Marked as helpful0@Dumont19Posted about 2 years ago@AdrianoEscarabote Muito obrigado. Venho praticando HTML e CSS pra fixar bem os conceitos e melhorar na criação de layouts. Vou consertar essa questão que você falou, muito obrigado. Vou pegar pra atualizar todas as soluções de uma vez, com as dicas que vocês vêm me dando.
1
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