easy centred images

by Chris Dennis

HTML

<div id=d1>
<img id=i1 src="https://picsum.photos/600/400">
</div>

CSS

#d1 {
  border: 1px green solid;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
#i1 {
  border: 1px blue solid;
  xwidth: 80%;
  xheight: 80%;
  max-width: 90%;
  max-height: 90%;
}