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

5 votes109 views4 answers
How to hide div in html
Html
5 votes111 views3 answers
Nuxt i18
Html
0 vote163 views1 answer
Lunch sms app from browser with sms:
Html
5 votes99 views2 answers
Html lang en-us or en-US
Html
3 votes113 views2 answers
Kommentar html
Html
212 votes166 views6 answers
Open link in new tab html
Html
-4 votes128 views2 answers
Unreal engine
Html
1 vote98 views2 answers
Change button text css
Html
0 vote118 views1 answer
Js select option in form
Html
14 votes102 views6 answers
Html select placeholder
Html