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 vote112 views1 answer
Open app instagram with url html tag on android
Html
1 vote110 views1 answer
Javascript onclick back
Html
5 votes119 views9 answers
Sweetalert
Html
8 votes113 views2 answers
Datalist html
Html
0 vote105 views1 answer
Ght TypeError: Cannot read properties of null (reading 'value') at getInchesValue (BMI.is:12) at HTMLSelectElement.onchange (Index.html:20)
Html
0 vote112 views1 answer
Html detection vpn script
Html
0 vote115 views1 answer
Input hidden selected
Html
0 vote141 views1 answer
Kodingan mencatumkan keterangan gambar header html
Html
7 votes131 views5 answers
Jupyter notebook theme
Html
0 vote125 views1 answer
Passing parameters from C# to js fucntions
Html