Update index.html

works/index.html

@@ -14,12 +14,11 @@ works_left:
   link_to: portfolio-item.html
   image: images/@stock/work-22.jpg
   categories: Website
+works_middle:
 - title: Perfect bags
   link_to: portfolio-item-2.html
   image: images/@stock/work-7.jpg
   categories: Perfect bags
-
-works_right:
 - title: Dances App
   link_to: portfolio-item-2.html
   image: images/@stock/work-3.jpg
@@ -28,6 +27,7 @@ works_right:
   link_to: portfolio-item.html
   image: images/@stock/work-5.jpg
   categories: Graphic, brand
+works_right:
 - title: Help Five
   link_to: portfolio-item-2.html
   image: images/@stock/work-6.jpg
@@ -56,38 +56,45 @@ works_right:
   </div>
 </div>
 
-<div class="full">
-  <div class="row">
-    <div class="large-6 columns">
-      <div class="gallery-left-section">
-        {% for work in page.works_left %}
-          <div class="work-wrapper">
-            <a href="{{work.link_to}}" class="work">
-              <img src="{{site.url}}/{{work.image}}" alt="">
-              <div class="info">
-                <h3>{{work.title}}</h3>
-                <p>{{work.categories}}</p>
-              </div>
-            </a>
+<div class="full no-overflow">
+  <div class="four spacing"></div>
+  <div class="large-4 columns">
+    {% for work in page.works_left %}
+      <div class="work-wrapper">
+        <a href="{{work.link_to}}" class="work">
+          <img src="{{site.url}}/{{work.image}}" alt="">
+          <div class="info">
+            <h3>{{work.title}}</h3>
+            <p>{{work.categories}}</p>
           </div>
-        {% endfor %}
+        </a>
       </div>
-    </div>
-    <div class="large-6 columns">
-      <div class="gallery-right-section">
-        {% for work in page.works_right %}
-          <div class="work-wrapper">
-            <a href="{{work.link_to}}" class="work">
-              <img src="{{site.url}}/{{work.image}}" alt="">
-              <div class="info">
-                <h3>{{work.title}}</h3>
-                <p>{{work.categories}}</p>
-              </div>
-            </a>
+    {% endfor %}
+  </div>
+  <div class="large-4 columns">
+    {% for work in page.works_middle %}
+      <div class="work-wrapper">
+        <a href="{{work.link_to}}" class="work">
+          <img src="{{site.url}}/{{work.image}}" alt="">
+          <div class="info">
+            <h3>{{work.title}}</h3>
+            <p>{{work.categories}}</p>
           </div>
-        {% endfor %}
+        </a>
       </div>
-    </div>
+    {% endfor %}
+  </div>
+  <div class="large-4 columns">
+    {% for work in page.works_right %}
+      <div class="work-wrapper">
+        <a href="{{work.link_to}}" class="work">
+          <img src="{{site.url}}/{{work.image}}" alt="">
+          <div class="info">
+            <h3>{{work.title}}</h3>
+            <p>{{work.categories}}</p>
+          </div>
+        </a>
+      </div>
+    {% endfor %}
   </div>
-  <div class="spacing"></div>
 </div>