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

53 votes306 views5 answers
Html anchor
Html
0 vote273 views1 answer
How to choose your html website favicon
Html
5 votes269 views3 answers
Materialize cdn
Html
9 votes296 views2 answers
HTML File Paths
Html
0 vote219 views3 answers
Tailwind css card
Html
0 vote292 views2 answers
Arduino wireless communication
Html
9 votes215 views1 answer
Js prevent submit
Html
28 votes280 views4 answers
Responsive meta tag
Html
0 vote260 views2 answers
How to align a section center in html
Html
253 votes501 views10 answers
Bootstrap cdn
Html