My solution using HTML and CSS

Community feedback

• 

  hitmorecode•6,250

  @hitmorecodePosted over 1 year ago

  Congratulations well done. Just a few thing you can fix.

  • The image overlay is a bit bigger than the image in the height

  }.l-main{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
  /*   width: 100vw; */ /* you don't need this */
    min-height: 100vh; /* use min height instead, when applying height you are fixing the height and with min height the will grow with the content on the page */
  }
  .l-container{
  /*   padding: 0 16px; */ /* this will create a overflow when screen size is 376px. you don't need this */
  }
  ``
  

  Marked as helpful

  0

  ---

  

  Gilson Roberto dos Santos•200

  @GIR0SANPosted over 1 year ago

  Hey @hitmorecode !

  Thanks for the help!

  0