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

34 votes158 views6 answers
Bootstrap checkbox
Html
0 vote157 views1 answer
Http://arnav.tcode.in/
Html
1 vote175 views1 answer
Convert to html
Html
0 vote161 views1 answer
Fa fa file
Html
0 vote165 views1 answer
What is ul stands for in html
Html
22 votes167 views1 answer
Input type that allows float number
Html
30 votes153 views1 answer
Fork me on github ribbon
Html
0 vote159 views1 answer
Npm package private true
Html
2 votes153 views1 answer
Mm to m
Html
-1 vote179 views1 answer
File_put_contents(/var/www/demo.onlineexammanagement.com/public_html/storage/framework/cache/data/ea/83/ea83c7b371f7573de3cd055cea9229af0b0541e5): failed to open stream: No such file or directory
Html