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 vote165 views1 answer
Making a legend in html
Html
3 votes149 views2 answers
Tr tag
Html
0 vote159 views1 answer
Angular check active route
Html
0 vote161 views1 answer
How to run an application exe running in server and return the response in html
Html
56 votes157 views6 answers
Image in html
Html
0 vote250 views1 answer
A _target
Html
0 vote153 views2 answers
How to create web urls without extensions
Html
0 vote193 views1 answer
Amzaon web scraper html
Html
0 vote153 views1 answer
How to change text color of anchor tag in html
Html
7 votes161 views4 answers
Convert to jsx
Html