Im trying to get my Gallery part on my Homepage to look like this: Thats the Design in Photoshop
So I dont know how the image in the middle to float with the other ones. Hopefully that make sense.
Here is my Code of the Gallery:
<div class="Portfolio">
<div class="MeineNo2">
<div>MEINE</div>
</div><!--MeineNo2-->
<div class="Werke">
<div>WERKE</div>
</div><!--Werke-->
<div class="TreungNo4">
<img src="Images/Strich_320.jpg" alt="" />
</div><!--TreungNo4-->
<div class="UnterschriftNo4">
<div>DAS SIND MEINE BESTEN PROJEKTE</div>
</div><!--UnterschriftNo4-->
<div class="Gallery">
<a class="example-image-link" href="Images/1_1.jpg" data-lightbox="example-1"><img class="example-image" src="Images/1.png" alt="image-1" /></a>
<a class="example-image-link" href="Images/1_1.jpg" data-lightbox="example-1"><img class="example-image" src="Images/1.png" alt="image-1" /></a>
<a class="example-image-link" href="Images/1_1.jpg" data-lightbox="example-1"><img class="example-image" src="Images/1.png" alt="image-1" /></a>
<a class="example-image-link" href="Images/1_1.jpg" data-lightbox="example-1"><img class="example-image" src="Images/1.png" alt="image-1" /></a>
<a class="example-image-link" href="Images/1_1.jpg" data-lightbox="example-1"><img class="example-image" src="Images/1.png" alt="image-1" /></a>
<a class="example-image-link" href="Images/1_1.jpg" data-lightbox="example-1"><img class="example-image" src="Images/1.png" alt="image-1" /></a>
</div>
</div><!--Portfolio-->