single price component using grid and position absolute

Community feedback

• 

  Bernardo Poggioni•5,390

  @R3ygoskiPosted 17 days ago

  Olá Vinicius, parabéns pela conclusão do desafio.

  Notei que você não utilizou @media, o que é importante para fazer o design da versão para Desktop, você acabou criando a versão só para Mobile. Você pode utilizar o @media dessa forma por exemplo:

  body: {
    background-color: #d44;
  }
  
  @media (min-width: 768px){
    body: {
      background-color: #4d4
    }
  }
  

  Nesse exemplo que forneci, quando você estiver em telas menores de 768px a cor do body será vermelha, e quando for 768 ou maior, a cor do body será verde, mas claro, você usaria isso com a estilização que você fez.

  Sobre sua dúvida quanto ao Grid, recomendo que busque por alguns vídeos no youtube ou tutoriais na internet para pegar o jeito. Deixarei aqui alguns links que podem-lhe ser úteis.

  • W3School Grid.
  • MDN Grid.
  • Youtube - Dpw.
  • Youtube - Larissa Kich.

  Acredito que esses conteúdos que lhe enviei vão ser o suficiente para você iniciar com o Grid Layout nos seus projetos.

  Caso tenha ficado qualquer dúvida quanto ao que foi dito, por favor, comente abaixo que tentarei ajudar da melhor forma possível.

  Marked as helpful

  0