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

1 vote224 views1 answer
How to add ads on html
Html
32 votes221 views2 answers
Css change color on hover
Html
0 vote233 views2 answers
V4l2
Html
0 vote240 views2 answers
Css comment placer un icon sur une photo
Html
0 vote236 views1 answer
Fee receipt format html
Html
0 vote210 views2 answers
Side by side tables in bootstrap
Html
-1 vote235 views2 answers
Start a video at a certain time and end time html
Html
0 vote190 views1 answer
Angular display checked if condition
Html
0 vote215 views1 answer
Thymeleaf optional fragment parameter
Html
66 votes219 views6 answers
Bootstrap flex align
Html