Bilderanzeige

by Erik Wegner

HTML

<div class="i">
<img src="https://placebear.com/480/480" class="f" />
<img src="https://placebear.com/200/200" />
<img src="https://placebear.com/200/200" />
<img src="https://placebear.com/200/200" />
<img src="https://placebear.com/200/200" />
<img src="https://placebear.com/200/200" />
<img src="https://placebear.com/200/200" />
<img src="https://placebear.com/200/200" />
<img src="https://placebear.com/200/200" />
<img src="https://placebear.com/200/200" />
<img src="https://placebear.com/200/200" />
<img src="https://placebear.com/200/200" />

</div>

CSS

.i {
  width: 850px;
}
.i img {
  margin: 00px 40px 40px 0px;
  background-color:#fff;
  max-width: 220px;
  width: 100%;
  display:inline-block;
  float: left;
}

.i img.f {
  max-width: 480px;
  width: 100%;
  margin-top: 0;
}