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

10 votes140 views4 answers
Angular foreach
Html
1 vote109 views1 answer
How to make a text box required in html
Html
1 vote119 views1 answer
Javafx html tooltip
Html
0 vote112 views2 answers
Nav bar activate in jinja
Html
0 vote115 views1 answer
Display string on anchor tag onclick display image in new window html
Html
7 votes100 views4 answers
Html style attribute
Html
92 votes106 views5 answers
Change bootstrap background color
Html
0 vote107 views2 answers
Beautify html code in vscode
Html
5 votes103 views5 answers
Mp4 to webm
Html
1 vote120 views1 answer
How do you make a partial hr line in html
Html