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

2 votes325 views3 answers
Markdown code block example
Html
0 vote339 views1 answer
Requests_html response status
Html
1 vote316 views2 answers
Class required bootstrap 3
Html
0 vote376 views1 answer
How to give h1 h2 in r studio
Html
0 vote319 views1 answer
How to youtube video running again and again html
Html
0 vote294 views1 answer
Html color names
Html
0 vote303 views1 answer
Wysiwyg html editor free download
Html
34 votes302 views6 answers
Html a tag
Html
0 vote333 views1 answer
Change iframe src by clicking a link
Html
3 votes345 views1 answer
Ul attributes in html
Html