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 vote331 views1 answer
How to give h1 h2 in r studio
Html
0 vote284 views1 answer
How to make web page center
Html
0 vote283 views1 answer
Scroll an element in html with a button
Html
1 vote287 views1 answer
Jquery ajax add loading
Html
4 votes273 views1 answer
Code highlighting html
Html
0 vote282 views1 answer
Html maintain text in one line
Html
-1 vote353 views3 answers
Xss commands
Html
-2 votes252 views2 answers
Html header
Html
0 vote267 views1 answer
Html content in rectangle
Html
0 vote298 views1 answer
Does redux has a unidirectional data flow?
Html