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

15 votes261 views1 answer
Pdf to html
Html
0 vote332 views1 answer
Smtplib.SMTPAuthenticationError: (534, b'5.7.14 <https://accounts.google.com/signin/continue?sar
Html
69 votes297 views6 answers
Html link
Html
0 vote292 views2 answers
Html error
Html
3 votes294 views2 answers
Html input for email
Html
7 votes309 views4 answers
Html lazy load images
Html
37 votes291 views6 answers
Vertical center bootstrap
Html
0 vote282 views1 answer
Pt serif
Html
0 vote290 views2 answers
The function tag in js
Html
168 votes297 views6 answers
How to use style in html
Html