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

15 votes251 views5 answers
Bootstrap accordion
Html
0 vote217 views1 answer
Disable disabled html element button input div
Html
1 vote226 views2 answers
Can an html element have multiple ids?
Html
8 votes265 views2 answers
Generate random password with special characters javascrtip
Html
2 votes222 views1 answer
Ternary vuejs
Html
0 vote187 views1 answer
Bootstrap table downwards
Html
0 vote246 views1 answer
Question 04 => No
Html
0 vote217 views1 answer
Dynamic colspan in angular
Html
267 votes355 views5 answers
Font-awesome - cdnjs.com - The best FOSS CDN for web
Html
25 votes229 views3 answers
How to add horizontal line in html without css
Html