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

7 votes247 views2 answers
How to redirect a page to another url in html
Html
3 votes238 views5 answers
Align button right
Html
7 votes254 views4 answers
Style attribute in html
Html
0 vote238 views2 answers
Petition to get rid of pigeons
Html
0 vote261 views2 answers
How to put two words in a button on single line
Html
0 vote246 views1 answer
Remove White Space Below Image Elements
Html
1 vote285 views5 answers
Whatsapp link html
Html
2 votes279 views5 answers
InnerHTML is not a function
Html
0 vote253 views1 answer
React-burger-menu right
Html
1 vote258 views1 answer
What is dir attribute in html
Html