Flex box

Community feedback

• Account deleted

  Fala dev, parabéns o projeto ficou incrível 👏

  Entretanto, é necessário deixar o layout mais fiel possível com o design e adotar boas práticas. Na minha perspectiva, você poderia adicionar uma margem margin no footer (no componente de créditos) e trabalhar com a responsividade dos elementos principais.

  E para ajudar recomendo o uso as propriedades flex-wrap e order do CSS flexbox. Vamos lá, no elemento main você pode adicionar a propriedade flex-wrap (que vai jogar o elemento da direta para baixo quando a tela for menor), e o order será utilizado para escolher o elemento que permanecerá no topo, veja:

  main {
    flex-wrap: wrap; 
  /** Irá jogar o elemento (da direita) para baixo quando não existir espaço disponível (em tela)  */
  }
  
  @media (max-width: 980px) {
    .right_element {
       order: -1;  /** O segundo (da direita) elemento será o primeiro */
  
      /**  Estou alterando a ordem de exibição do elemento em tala  */
      /** Não modifica a estrutura do HTML, só altera a parte visual */
    }
  }
  

  Espero ter ajudado 🚀

  Marked as helpful

  0
• 

  Shashree Samuel•9,260

  @shashreesamuelPosted over 2 years ago

  Hey good job completing this challenge.

  Keep up the good work

  Your solution looks great however I think the content to right of the image needs some margin from the bottom using margin-bottom.

  I hope this helps

  Cheers Happy coding 👍

  Marked as helpful

  0