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 vote275 views1 answer
Meta http-equiv x-ua-compatible
Html
38 votes288 views6 answers
Iframe in html
Html
2 votes272 views1 answer
User cant input somethin ing text bopx
Html
-2 votes252 views2 answers
Html skeleton
Html
0 vote256 views2 answers
Ionic disable input field
Html
0 vote260 views1 answer
Typo3 typoscript page uid to body tag
Html
1 vote277 views1 answer
How to innerhtml is empty
Html
0 vote251 views1 answer
Html5 comment
Html
10 votes239 views3 answers
Jqury get selected option
Html
3 votes242 views5 answers
Vuejs v-on
Html