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

0 vote323 views1 answer
Node.js error cannot use import outside of module
Html
0 vote362 views2 answers
Reveal CSS Animations
Html
0 vote329 views1 answer
Cannot resolve net.md-5:bungeecord-api:1.16-SNAPSHOT
Html
4 votes345 views2 answers
Html capitalize
Html
0 vote335 views1 answer
How to detect play button on html video player
Html
0 vote318 views1 answer
Remove auto zoom on smartphone website
Html
0 vote348 views1 answer
Ionic ion-title center
Html
0 vote384 views1 answer
Coloring and size of text in html
Html
1 vote358 views1 answer
Refused to display 'https://www.youtube.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.
Html
12 votes349 views3 answers
Trademark symbol
Html