Skip to content
OverviewSolutions
13
Comments
6

mega0gx

@mega0gx150 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • Caio Lopes Silva•70
    @CaioLopes5556
    What are you most proud of, and what would you do differently next time?

    • Sinto orgulho de ter conseguido deixar o design para mobile parecido com o proposto pelo desafio.

    • Talvez a primeira parte da página com a imagem, titulo e texto principal eu colocaria em uma <header>, e deixaria a <main>,com o resto do conteúdo, abaixo e englobaria os dois em uma <div>. Talvez assim teria como eu descartar Media Query que usei para deixar responsivo.

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

    • Para mim o principal desafio foi deixar a imagem cobrindo 100% do width da tela, como no design mobile proposto pelo desafio.

    • No fim a maneira que encontrei de fazer isso sem alterar o espaçamento do H1 a abaixo foi utilizando uma Media Query, deixando a imagem com position: absolute e definindo um height fixo para ela.

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

    • Essa solução que arrumei acaba distorcendo levemente a imagem quando a largura da tela vai ficando menor que 375px. Não me incomodou muito, mas sei que não é um comportamento adequado, queria saber como eu posso corrigir isso, se é um problema na estrutura do código ou algo que faltou no CSS.

    • Algumas dicas e críticas quanto a semântica do código são muito bem vindas ksks

    Recipe Page - HTML e CSS

    1
    mega0gx•150
    @mega0gx

    👏👏

  • mega0gx•150
    @mega0gx

    Nice work!👏

    Marked as helpful
  • mega0gx•150
    @mega0gx

    Hey @V3cares, you did a great job on your code! I have a few suggestions that might help improve it.

    First, I think expanding the design a bit would make things clearer and more visually appealing.

    Second, try using semantic HTML elements to improve structure and accessibility. For example, instead of <div class="img-box">, you can use <figure>, and instead of <div class="container">, <article> might be a better fit depending on the content.

    Keep up the good work!

  • Sagnick Dey•30
    @SagnickDey427
    What are you most proud of, and what would you do differently next time?

    Did it without using any figma tool or your style-guide 😎.

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

    Centering the white container, which holds the qr code.

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

    More unique designing ideas for background like, using any cool animation, any vector image etc.

    CSS Flex-box for designing the insides of the main container.

    2
    mega0gx•150
    @mega0gx

    cool but need to practice and focus on flex , and padding , keep going.

  • mega0gx•150
    @mega0gx

    Niceeee

  • mega0gx•150
    @mega0gx

    Nano Nice