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 vote193 views1 answer
Selecting only one radio button
Html
-2 votes219 views1 answer
Html href to gmail
Html
63 votes192 views6 answers
Html center image
Html
1 vote207 views2 answers
Thymeleaf input radio checked
Html
0 vote207 views1 answer
How to limit input file type to images
Html
14 votes194 views5 answers
Pattern email validation
Html
0 vote203 views1 answer
Add output buffering to cagefs
Html
0 vote194 views1 answer
How to select every element except first
Html
0 vote212 views1 answer
How to show limited text in html greeper
Html
59 votes223 views4 answers
Bootstrap buttons Sizes
Html