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

9 votes187 views2 answers
Placeholder in date input html
Html
0 vote171 views1 answer
Write html in python
Html
9 votes181 views3 answers
Angular click event
Html
0 vote169 views1 answer
Ifreame on page with random video
Html
0 vote187 views1 answer
How to add a url into elementor form
Html
1 vote180 views1 answer
ASP.NET MVC Two file upload, different destinations
Html
-1 vote179 views1 answer
Html imput button
Html
0 vote124 views1 answer
Html recaptcha
Html
0 vote174 views1 answer
Tvi/
Html
0 vote195 views1 answer
Pug html adalah
Html