JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="cs-cz">

  <head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="styly.css" type="text/css" />
    <title></title>
  </head>

  <body>
    <header>
      <div id="logo"><a href="index.html"><h1></h1></a></div>
      <nav>
        <ul id=n av>
          <li><a href="index.html">Domů</a></li>
          <li>
            <a href="#"></a>
          </li>
          <li>
            <a href="#"></a>
          </li>
          <li class="aktivni"><a href="Fotogalerie.html">Fotogalerie</a></li>
          <li>
            <a href="#"></a>
          </li>
        </ul>
      </nav>
    </header>

    <article>
      <div class="gallery">
        <a target="_blank" href="http://www.conceptcarz.com/images/Ford/2016-Ford-GT_LeMans-01.jpg">
          <img src="http://www.conceptcarz.com/images/Ford/2016-Ford-GT_LeMans-01.jpg" alt="auto">
        </a>
      </div>
    </article>
  </body>

</html>

CSS

div.gallery img {
  min-height: 100%;
  min-width: 100%;
}

div.gallery {
  margin: 5px;
  float: left;
  width: 240px;
  height: 160px;
  overflow: hidden;
}