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 vote212 views1 answer
Bootstrap colored link
Html
0 vote246 views1 answer
A tag displays below img tag
Html
0 vote209 views1 answer
V-on hover
Html
0 vote238 views1 answer
Read_html pandas skiprows function example
Html
0 vote207 views1 answer
Google font library
Html
1 vote208 views1 answer
Html_entity_decode
Html
0 vote204 views1 answer
Html button with action link
Html
112 votes222 views6 answers
Html padding
Html
39 votes225 views6 answers
Bold html
Html
0 vote238 views1 answer
Html table link
Html