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

10 votes153 views1 answer
& in html
Html
68 votes172 views4 answers
Text align middle
Html
0 vote162 views1 answer
Cadre en html5
Html
24 votes154 views2 answers
Html keywords for search engines
Html
0 vote144 views1 answer
How to put < in html
Html
0 vote141 views1 answer
How to make a head tag in html into a child element
Html
0 vote156 views1 answer
Vue 3 call method from another component
Html
0 vote150 views1 answer
How to make an a tag not clickable
Html
5 votes154 views1 answer
Js html textbox on change
Html
0 vote144 views1 answer
How to make a username and password in html
Html