Responsive container centered

.container {
  width: 400px;
  height: 300px;
  background-color: #ccc;
  position: absolute;
  /*it can be fixed too*/
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  /*this to solve "the content will not be cut when the window is smaller than the content": */
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
}

Source: stackoverflow.com

Similar codes

34 votes152 views6 answers
Bootstrap checkbox
Html
3 votes137 views1 answer
Difference between name and id html
Html
22 votes164 views6 answers
Target blank
Html
0 vote141 views1 answer
Input tag avoid to type
Html
0 vote137 views2 answers
Html overflow scroll only if needed with exemple
Html
0 vote142 views1 answer
Jquery animation move point
Html
1 vote161 views1 answer
Minmax length password
Html
255 votes323 views8 answers
Bootstrap 4 cdn
Html
11 votes149 views1 answer
Html error page template
Html
2 votes159 views6 answers
Django template truncate html
Html