JSFiddle - React, Tailwind, and code Playground

by cambraca

HTML

<section>
  <div><img src="https://via.placeholder.com/100x50"></div>
  <div><img src="https://via.placeholder.com/300x200"></div>
  <div><img src="https://via.placeholder.com/3000x400"></div>
  <div><img src="https://via.placeholder.com/600x2500"></div>
  <div><img src="https://via.placeholder.com/800x600"></div>
  <div><img src="https://via.placeholder.com/1024x768"></div>
</section>

SCSS

section {
}
div {
  text-align: center;

  img {
    max-width: 90vw;
    max-height: 90vh;
  }
}