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

88 votes131 views6 answers
Favicon in html
Html
0 vote142 views1 answer
Navbar with logo css
Html
0 vote134 views1 answer
Height img html
Html
2 votes131 views1 answer
Woocommerce order status
Html
14 votes128 views5 answers
How to add telephone number in html
Html
0 vote133 views2 answers
Beautify html code in vscode
Html
0 vote152 views1 answer
Javascript access collections of elements
Html
230 votes323 views6 answers
How to connect a javascript file to html
Html
1 vote131 views2 answers
How to add preloader in html page
Html
0 vote129 views1 answer
Calendar.js:156 Uncaught TypeError: Cannot set property 'src' of null at HTMLDivElement.<anonymous>
Html