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 vote284 views1 answer
Hightcharts font
Html
0 vote289 views1 answer
How to kill html
Html
5 votes282 views2 answers
Tabpage in boostrap5
Html
12 votes309 views2 answers
Bootstrap for header
Html
-1 vote286 views1 answer
Div class wrapper html
Html
0 vote315 views2 answers
Jquery add hidden attribute
Html
1 vote319 views1 answer
Am pm time html javascript
Html
0 vote288 views2 answers
Bootstrap 5 carousel disable autoplay
Html
0 vote285 views1 answer
How to append a variable to html
Html
6 votes296 views4 answers
How to embed my website into Discord
Html