Design comparison
Solution retrospective
Toggling around with the Divs CSS What can I improve??
Community feedback
- @priscillatrevizanPosted about 2 months ago
Olá! É importante pensar que o QR code é um componente, desta forma, quando utilizamos o vue você precisa fazer o componente separado do App.vue. Manter um padrão css também é importante. Na imagem por exemplo, você aplicou css inline e mexeu somente nas bordas, não colocou width/heigth. Seria uma boa prática incluir uma classe e tratar os estilos separadamente em style, assim já vai ajudar no alinhamento. O mesmo pode ser feito nas partes do código. Utilizar <br> não é recomendado, você pode utilizar
display: flex + flex-direction: column; + align-items: center;
e tratando o texto como uma div com class centralizar e usar paddings para controlar a disposição do texto pode 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