Skip to content
OverviewSolutions
3
Comments
3
DevIanL
@DevIanL

All comments

  • DevIanL•30
    @DevIanLPosted 8 months ago

    Muito bom

    0
  • WouterTPeeters•30
    @WouterTPeetersSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    Should have most of the design how it should be. Spend some time to understand the figma design.

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

    Deciding what to go for, for example going for a button for the learning text or making a div.

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

    To see if my margins and paddings are correct. All my flex elements are done in the right way?

    Blog preview card

    1
    DevIanL•30
    @DevIanLPosted 8 months ago

    Achei muito interessante a sua solução.

    0
  • the-benn•30
    @the-bennSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud I was able to complete this project

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

    I had help from the frontend community when faced with CSS structuring challenges

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

    CSS

    Responsive Q.R code page

    1
    DevIanL•30
    @DevIanLPosted 8 months ago

    Acredito que poderia melhorar um pouco o resultado final. Colocando todos os elementos de texto dentro de um outro elemento semântico ( seja ele um div, um article, um footer, dentre outros... ), e a partir do CSS alinhar todos os elementos de texto dentro do elemento semântico e aumentar um pouco o seu padding( parte do conteúdo do elemento ), para que assim os elemento fiquem mais compactos dentro do elemento principal.

    FICARIA ASSIM:

    HTML:

    <article class="Texto"> <h1 class="Titulo">Melhore suas habilidades de front-end construindo projetos</h1> <p class="Paragrafo"> Escaneie o código QR para visitar o Frontend Mentor e leve suas habilidades de codificação para o próximo nível </p> </article>

    CSS:

    .Texto { margin-top: 10px; padding: 30px; } .Titulo { font-size: 25px; font-family: Arial, Helvetica, sans-serif; margin: auto; margin-bottom: 30px; } .Paragrafo { color: hsl(220, 15%, 55%); font-size: 17px; font-family: Arial, Helvetica, sans-serif; }

    0