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 vote317 views1 answer
How to inject html in wtforms
Html
0 vote311 views1 answer
Can i use html in android studio
Html
59 votes319 views5 answers
Favicon meta
Html
8 votes330 views2 answers
Base64 image in html
Html
18 votes330 views3 answers
Html template start
Html
81 votes335 views5 answers
Html5 form
Html
18 votes357 views2 answers
Visual studio code html template shortcut
Html
1 vote308 views1 answer
Html close window button
Html
0 vote285 views1 answer
Unmute html5 video jquery
Html
0 vote298 views1 answer
Plantuml multiline footer
Html