Skip to content
OverviewSolutions
1
Comments
2
Wauespter
@Wauespter

All comments

  • Matthew•200
    @MattJM1007Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    That I completed this challenge in less than an hour

    What challenges did you encounter, and how did you overcome them?

    Figuring out how to center the card on the screen. Realized I needed to target the correct container with flexbox.

    What specific areas of your project would you like help with?

    any tips for getting the correct dimensions from the figma file? felt I had to search around to find the padding, margins, etc.

    QR Code component with HTML, CSS, and Flexbox

    4
    Wauespter•10
    @WauespterPosted 7 months ago

    Sobre seu comentário, alguma dica para obter as dimensões corretas do arquivo figma, me recomendaram o uso da extenção PerfectPixel, dessa forma você consegue aproximar o seu projeto do design.

    1
  • Wauespter•10
    @WauespterSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Penso que preciso melhorar as tag semanticas e ainda tenho um pouco de dificuldade em manter todas as tags em letra minúsculas.

    What challenges did you encounter, and how did you overcome them?

    Os desafios superados foram principalmente incluir um sombreamento do Título que representa o projeto original, preferindo usar text-shadow em vez de drop-shadow, a orientação do quadro e da imagem também foram um desafio muito bom, onde consegui entender como funciona o alinhamento com Auto Margin e ViewPort Width. O aprendizado foi extenso, até entendi melhor como escrever um README completo.

    What specific areas of your project would you like help with?

    Gostaria de dicas sobre o uso de tags semanticas, e outras ferramentas que me auxiliem, já que o Figma agora possui acesso limitado.

    Responsive page using media query.

    2
    Wauespter•10
    @WauespterPosted 7 months ago

    A solução difere consideravelmente do design?

    • Quanto a diferença apresentada, observa-se que a ferramente Figma agora possui acesso limitado, o que dificultou a identificação exata de algumas informações, pelo fato de não ser possível inspecionar a página no projeto do Figma com uma conta gratuita.
    0