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 votes170 views3 answers
Tailwind align-self center
Html
0 vote170 views1 answer
Hand cursor not showing in anchor tag when hover html
Html
0 vote186 views2 answers
Angular raw html
Html
51 votes170 views6 answers
Img tag html
Html
26 votes179 views6 answers
Ngfor with index
Html
0 vote226 views2 answers
Elements should have autocomplete attributes
Html
5 votes170 views5 answers
Jquery select2 set value
Html
4 votes277 views2 answers
Keywords html
Html
9 votes172 views2 answers
Html date placeholder
Html
0 vote162 views1 answer
Html preload images
Html