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 vote166 views1 answer
Html link confirm
Html
0 vote155 views1 answer
Country code for continents
Html
-2 votes163 views3 answers
Angular navbar expand not working
Html
16 votes142 views6 answers
Cards in bootstrap
Html
0 vote153 views1 answer
Command checked datagrid wpf
Html
0 vote153 views1 answer
Js code to change a immage
Html
4 votes158 views1 answer
Rotate an image on hover CSS
Html
10 votes108 views2 answers
Date picker bootstrap 4
Html
67 votes224 views3 answers
Bootstrap center divs
Html
0 vote149 views1 answer
How to add a submitting area in html
Html