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

1 vote200 views1 answer
Mat button copy link
Html
0 vote208 views1 answer
Modal behind html element
Html
0 vote198 views2 answers
React hooks html onchange two functions
Html
0 vote193 views2 answers
Fill color behid text in html
Html
5 votes192 views6 answers
Html button remove border on click
Html
1 vote210 views1 answer
How to run html file in ubuntu
Html
36 votes310 views6 answers
Mailto link html
Html
10 votes197 views3 answers
Img src data base64
Html
1 vote194 views1 answer
Difference between first of type and first child
Html
73 votes232 views6 answers
Center align css
Html