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

10 votes268 views4 answers
Search bar bootstrap
Html
1 vote279 views2 answers
Drag and drop html
Html
0 vote262 views1 answer
Href download specify file name
Html
48 votes303 views4 answers
Favicon htmk
Html
2 votes283 views6 answers
Laravel debugging
Html
0 vote259 views1 answer
Prettier html formatting
Html
0 vote252 views1 answer
Html repeating video
Html
0 vote277 views1 answer
Login fa fa
Html
1 vote267 views1 answer
Ngclass else
Html
0 vote255 views1 answer
Twig currency symbol
Html