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 vote116 views2 answers
Background music html autoplay hidden
Html
0 vote141 views1 answer
Web svg drawing tool for mathematics
Html
1 vote126 views1 answer
Bootstrap table combine columns
Html
5 votes158 views1 answer
Js onclick change css
Html
0 vote129 views2 answers
Side by side tables in bootstrap
Html
0 vote128 views1 answer
What is seizure disorder
Html
0 vote129 views1 answer
Como añadir bootstrap a html
Html
0 vote132 views2 answers
Html anchor in samae page without url
Html
0 vote197 views1 answer
Html entity quote
Html
17 votes129 views2 answers
Dropdown in html
Html