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 vote173 views1 answer
How to disable zoom in html page on different screen resolutions
Html
0 vote165 views10 answers
Transcash
Html
0 vote191 views2 answers
Html.raw to list model
Html
0 vote206 views1 answer
React bootstrap navbar fixed
Html
0 vote160 views1 answer
V-on hover
Html
1 vote204 views3 answers
Meta theme-color example
Html
1 vote187 views2 answers
Zohra Segal
Html
8 votes257 views4 answers
Bootstrap 4 search bar
Html
0 vote203 views1 answer
How to make a text website
Html
0 vote198 views1 answer
Fa fa draft
Html