Basic

Community feedback

• 

  Virgile•150

  @virgile-labPosted about 2 years ago

  Hi Fadi !

  Here are some tips :

  1. It is more suitable to use the <main> tag instead of <div class="main">
  2. <btn> tag is not a part of HTML5 semantic, you should use instead <button>
  3. Your layout is not responsive, so to do it, you can use display: flexbox or display: grid. You will find more information here
  4. To center the card, you could use Grid in the class .main eg. :

  .main {
  display: grid
  place-items: center
  min-width: 100vw;
  min-height: 100vh;
  }
  

  Hope it will help you !

  0