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 vote193 views1 answer
Was not loaded because its mime type, “text/html”, is not “text/css”. react
Html
0 vote162 views1 answer
Ubuntu 19.10 vmware
Html
0 vote215 views2 answers
Table all cells same width
Html
1 vote248 views2 answers
Tailwind text opacity
Html
0 vote203 views1 answer
How to make a username and password in html
Html
0 vote288 views1 answer
Emmet abbr
Html
1 vote197 views1 answer
How to change the logo in the title of a webpage
Html
0 vote214 views2 answers
Negrit html
Html
3 votes212 views3 answers
Img svg not loading
Html
0 vote209 views1 answer
Tooltip php
Html