portfolio updates

content/pages/portfolio.njk

@@ -13,7 +13,7 @@ permalink: "/portfolio/"
 	</div>
 	<a href="{{portfolioItem.data.page.url | safe}}">
 		<div class="flex">
-			{% for image in portfolioItem.data.images.slice(0,3) %}
+			{% for image in portfolioItem.data.images.slice(0, (portfolioItem.data.rows or 1) * 3) %}
 			<img src={{image.url}} alt="" width="400" />
 			{% endfor %}
 		</div>

content/portfolio/luxorlive/luxorlive.md

@@ -1,5 +1,5 @@
 ---
-order: 2
+order: 3
 title: Luxor Live
 description: Delivering dynamic, on-the-spot lighting for visiting acts without their own lighting designer, and ensuring the house system is in perfect shape for visiting technicians.
 timeframe: 2022 - now

content/portfolio/sowulo/sowulo.md

@@ -3,6 +3,7 @@ order: 1
 title: Sowulo 
 description: Designing a theatrical, atmospheric and detailed show while and bringing it to a variety venues and festivals of varying sizes with very short on-site preparation times. Highlights include Hellfest, Motocultor, Castlefest and a 2025 EU Headline Tour
 timeframe: 2023 - now
+rows: 2
 ---
 
 ## Notable shows

content/portfolio/tivolivredenburg/tivolivredenburg.md

@@ -1,6 +1,7 @@
 ---
-order: 3
+order: 2
 title: TivoliVredenburg
 description: Creative and fitting lighting for a wide variety of productions. From sales to classical to jazz to metal, across 5 stages in the venue. As well as making sure the house systems function and adapt perfectly to visiting tours and complex international productions, including regular maintenance and show-specific adaptations.
 timeframe: 2023 - now
+rows: 2
 ---

content/style.scss

@@ -104,7 +104,6 @@ body {
 		}
 
 		.flex {
-			flex-wrap: nowrap;
 			align-items: center;
 			width: 100%;
 
@@ -116,6 +115,12 @@ body {
 				display: block;
 				height: 15rem;
 				flex-grow: 1;
+				width: 33%;
+
+
+				@media (max-width: 500px) {
+					width: 100%;
+				}
 
 				img {
 					height: 100%;