@irenanrodrigues
Posted
Oi @Pamellaoliveiraconte, tudo bem? Parabéns pela solução, conseguiu reproduzir bem o desafio. Se você aceitar, tenho algumas dicas, que você pode usar no seu código.
Vi que você teve problemas para centralizar seu card, com o flexbox. Isso aconteceu porque você usou na sua classe .container, o certo era você usar na tag body.
No .container, remova o margin e height. Adicione apenas um padding: 20px;
Recomendo você remover a div.card, você configurou duas vezes a imagem do qrcode, apenas deixe a configuração que você usou para sua tag img.
Tente começa a desenvolver usando tags semânticas, como <main>
, assim você melhorar a acessibilidade e a organização da sua página.
Marked as helpful
@Pamellaoliveiraconte
Posted
Oi @irenanrodrigues , muito obrigado pelas dicas! Estou no inicio e realmente ainda tenho dificuldades com posicionamentos e utilizo das tags semânticas. Resultado de ficar só na teoria e não praticar!. Vou tentar refazer o projeto com suas dicas e todas que recebi aqui. Muito obrigado mesmo!