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

232 votes509 views6 answers
How to link js to html
Html
1 vote214 views1 answer
Line break not working html
Html
56 votes224 views6 answers
How to make a button link in html
Html
0 vote251 views1 answer
Vue src string concatenation
Html
44 votes203 views6 answers
Comment in html
Html
0 vote184 views1 answer
Removing leading whitespace from indented HTML source in pre/code tags
Html
0 vote259 views1 answer
Automatic slide show of pictures html css
Html
0 vote222 views1 answer
Atom format html
Html
13 votes216 views5 answers
Laravel csrf ajax
Html
0 vote223 views1 answer
Header in PDF page using DOMPDF in PHP
Html