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 votes250 views2 answers
Add jquery script in html
Html
2 votes207 views1 answer
Nuxt v-for key value
Html
0 vote190 views1 answer
How to embed link in text //ptwmjmp.com/?siteId=jasmin&categoryName=&pageName=home&performerName=&prm[psid]=Seb868&prm[pstool]=205_1&prm[psprogram]=revs&prm[campaign_id]=&subAffId={SUBAFFID}&filters=
Html
2 votes200 views2 answers
Disable right click div
Html
1 vote207 views1 answer
Uncaught TypeError: Failed to execute 'insertAdjacentElement' on 'Element': parameter 2 is not of type 'Element'
Html
0 vote186 views1 answer
Pros/cons of using `.createElement()` and `append()` vs. `.innerHTML`?
Html
1 vote141 views1 answer
How to pass a model in a partial view
Html
0 vote192 views1 answer
Import google maps libraries html
Html
1 vote191 views1 answer
Href onclick do nothing
Html
8 votes172 views2 answers
Flutter Html text color
Html