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 vote295 views1 answer
Test.html
Html
-3 votes296 views2 answers
Vue hide
Html
17 votes289 views1 answer
Add tabs html
Html
0 vote307 views1 answer
Html multi like tag indentation convention
Html
1 vote303 views1 answer
How to make text big on big screens and smaller and smaller screen html
Html
2 votes289 views1 answer
Link that scrolls down the page
Html
6 votes302 views1 answer
Css mobile scale down
Html
1 vote320 views1 answer
Convert to html
Html
1 vote295 views3 answers
Email button html
Html
0 vote288 views1 answer
Unescape html js
Html