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="TrennungNo4"> <img src="Images/Strich_320.jpg" alt="" /> </div><!--TrennungNo4--> <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-->