responsive landing page media

Community feedback

• 

  David Rodriguez B.•430

  @davidFreelance19

  Posted over 2 years ago

  Hello developer!

  First I would like to congratulate you for completing this challenge! I have seen your code and I bring you some options to improve it:

  body{
       display: flex;
       width: 100%;
       height: 100vh;
       position:relative;
       align-items: center;
       justify-content: center;
  }
  .cartao{
     edge: 0;
  }
  .conteudo{
     width: 90%;
     margin: 0 auto;
  }
  .attribution{
       position: absolute;
       bottom: 5%;
       right: 35%;
  }
  

  I would also like to give you some advice: -Do some research on what HTML grouping tags are (We don't always have to use <div></div> to group information)

  -Better learn display flex and *display grid. This will help you generate a responsive design in a better way, since you will be using its positioning properties.

  -Learn some methodology like BEM or Utilities

  David Rodriguez

  10

  Marked as helpful