Skip to content
Submitted almost 2 years ago

Página responsiva utilizando Dipslay Flex

Arthur Vieira•10
@ArthurKanzaki
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Tive algumas dificuldades na parte de estilização. Preciso entender mais na estilização do container e importação das novas fontes do site. Tentei focar mais na responsividade do site para que seja compatível no desktop e mobile, sem utilizar as medias query.

Community feedback

  • Luis Felipe•230
    @FelipinDRPosted almost 2 years ago

    Você poderia colocar a imagem svg usando uma tag de img, fica melhor para ler no codigo outra dica é usar "aria-hidden:true" nas imagens pois são apenas icones, para elas não serem lidas por ferramentas de acessibilidade tags h1 são feitas para serem usadas uma vez, poderia usar 3 h2 no lugar de 3 h1 também Nice job doing this code challenge, hope i'm helpful

    1
    Arthur Vieira•10
    @ArthurKanzakiPosted almost 2 years ago

    Obrigado pela explicação @FelipinDR! Levarei em consideração!

    1

Please log in to post a comment

Log in with GitHub

Join 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