responsive landing page media

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