HTML/CSS

Community feedback

• 

  Hafizan Adli•1,190

  @hafizanadliPosted about 3 years ago

  You already did great on centering container element by setting minimum main height to 100vh and using flex.

  For sizing the container I suggest like this

  .container{ width:100%, max-width:25rem, margin:1rem, }

  or you can do this too: .container{ width:90vw, max-width:25rem, }

  You don't need this code below, it will just ruined the responsiveness: ` @media (max-width:375px) { body{ max-height: 100vh; max-width: ;

  }
  .container{
      overflow: hidden;
      height: 100vh;
      max-width: 300px;
  }
  

  } `

  Marked as helpful

  1

  ---

  

  Lucky•30

  @anupamthe99Posted about 3 years ago

  @hafizanadli Thanks a lot man !

  1