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

0 vote152 views1 answer
Object to string angular html
Html
3 votes135 views2 answers
Euro html
Html
-1 vote145 views1 answer
Submit button bulma
Html
0 vote138 views1 answer
Nativescript router navigate
Html
0 vote139 views1 answer
Readium github
Html
0 vote153 views1 answer
Hide html element show on print bootstrap 4.6
Html
3 votes139 views5 answers
Vuejs v-on
Html
7 votes102 views4 answers
Html to pug
Html
1 vote185 views3 answers
Grepper gold
Html
0 vote149 views2 answers
Bootstrap undismissable modal
Html