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 vote111 views2 answers
Auto play audo files html
Html
-1 vote126 views4 answers
Bootsrap button popup text on hover
Html
12 votes118 views5 answers
Jquery-3.5.1.min.js download
Html
0 vote113 views1 answer
Unmute html5 video jquery
Html
0 vote143 views2 answers
How to get image on the tab bar html
Html
0 vote113 views1 answer
Placeholder in input field MVC
Html
0 vote120 views4 answers
Twig format datetime
Html
0 vote116 views2 answers
Bootstrap buttons Disabled state
Html
-1 vote126 views1 answer
Html background music
Html
0 vote115 views1 answer
Simple program of html
Html