@Aish-t8Submitted about 1 month ago
Latest solutions
QR Code Component with only HTML and CSS
#accessibilitySubmitted 5 months agoI feel like I have done this basic project to the best I could, but learning is always a must in any scenario. How can I improve the positioning of the component as a whole? I set margin: auto; to have the whole card component centered but I feel there may be more responsive methods to implement this. Any advice is appreciated!
Latest comments
- @apatel544Posted about 1 month ago
I like what you have done here. I think one change you should make is to make this your own, yes you followed a guide but it would be ideal to make the image and name your own.
I also would recommend using best practices when handling images. You should place the images in a folder and access them, this allows keeping a clean coding environment. As you program more and more, their will be many more files so using a file structure is a good habit to use!
Marked as helpful1 - @Lohan-MartinsSubmitted 11 months agoWhat are you most proud of, and what would you do differently next time?
Por meio do desafio 'QR code component' do Frontend Mentor, aprimorei significativamente minhas habilidades em criar layouts flexíveis utilizando CSS Flexbox. Além disso, aprendi a importância da minimização de código para melhorar a eficiência e a legibilidade, resultando em uma estrutura de código mais limpa e organizada.
What challenges did you encounter, and how did you overcome them?Encontrei dificuldade em deixar meu projeto parecido com o design original, porém, através de várias tentativas, acredito que o resultado final ficou o mais próximo possível do design proposto.
What specific areas of your project would you like help with?Tive dúvidas quanto à fonte utilizada no texto, pois não usei o tamanho recomendado pelo desafio. Precisei ajustar o tamanho da fonte para deixar o projeto mais parecido com o design original.
@apatel544Posted 5 months agoThe screenshot above does not reflect the actual solution. From what I see you did well in structuring the code. I think the idea of this project was to also be able to see if you are able to read a figma design and reproduce the component 1:1 which some improvements could be needed because the screenshot above doesn't show me the true side by side!
0
