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 vote192 views2 answers
Html zoom text on hover
Html
1 vote203 views1 answer
Html load page at certain point
Html
2 votes179 views2 answers
Html emojiis
Html
32 votes190 views6 answers
Bootstrap container
Html
0 vote208 views1 answer
El cerdo
Html
0 vote185 views2 answers
Css dashed border spacing
Html
1 vote209 views2 answers
A page with html cheat sheet
Html
0 vote146 views1 answer
Align navbar items center
Html
0 vote250 views3 answers
A4E65CBE3A6138978B9A802656F13AED.uat01-vm-tx01
Html
0 vote171 views1 answer
How to set timeout for a div tag in html
Html