CSS image auto scaling

Play around with CSS image auto scaling

by Chris Vitalos

HTML

<!DOCTYPE html>
<body>
<div class="post-body">
<img class="portrait" src="https://www.barnorama.com/wp-content/uploads/2018/11/Hot-Women-28-1.jpg" />
</div>
</body>

CSS

img {
  max-width: 100%;
  max-height: 100%;
}

.post-body {
  width: 20%;
  height: 20%;
}

.portrait {
	height: auto;
  width: 200px; 
}