Fixing applico images

nguyen-jenn · Nov 26, 2022 · 86d9d07 · 86d9d07
1 parent b887e86
commit 86d9d07
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/applico.html b/applico.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html><!--  This site was created in Webflow. https://www.webflow.com  -->
-<!--  Last Published: Sat Nov 26 2022 07:05:16 GMT+0000 (Coordinated Universal Time)  -->
+<!--  Last Published: Sat Nov 26 2022 07:17:39 GMT+0000 (Coordinated Universal Time)  -->
 <html data-wf-page="6379a8ccf3d6aa800e0e2cc9" data-wf-site="63375e06b7a5ae566ddc5555">
 <head>
   <meta charset="utf-8">
@@ -110,12 +110,12 @@ <h3 class="text-heading">Ideation</h3>
     <p class="text-paragraph">Now that I finished researching and compiling insights, I started to sketch and think about flows!</p>
     <div class="text-block-2"><strong>Sketching</strong></div>
     <div class="w-row">
-      <div class="w-col w-col-6"><img src="images/applico_ideation.png" loading="lazy" srcset="images/applico_ideation-p-500.png 500w, images/applico_ideation.png 500w" sizes="(max-width: 520px) 96vw, (max-width: 767px) 500px, (max-width: 991px) 354px, 460px" alt="" class="image-2x2"></div>
-      <div class="w-col w-col-6"><img src="images/applico_ideation2.png" loading="lazy" srcset="images/applico_ideation2-p-500.png 500w, images/applico_ideation2.png 500w" sizes="(max-width: 520px) 96vw, (max-width: 767px) 500px, (max-width: 991px) 354px, 460px" alt="" class="image-2x2"></div>
+      <div class="w-col w-col-6"><img src="images/applico_ideation.png" loading="lazy" srcset="images/applico_ideation-p-500.png 500w, images/applico_ideation.png 500w" sizes="(max-width: 520px) 96vw, (max-width: 767px) 500px, (max-width: 991px) 354px, 460px" alt="" class="image-phone"></div>
+      <div class="w-col w-col-6"><img src="images/applico_ideation2.png" loading="lazy" srcset="images/applico_ideation2-p-500.png 500w, images/applico_ideation2.png 500w" sizes="(max-width: 520px) 96vw, (max-width: 767px) 500px, (max-width: 991px) 354px, 460px" alt="" class="image-phone"></div>
     </div>
     <div class="w-row">
-      <div class="w-col w-col-6"><img src="images/applico_ideation3.png" loading="lazy" srcset="images/applico_ideation3-p-500.png 500w, images/applico_ideation3.png 500w" sizes="(max-width: 520px) 96vw, (max-width: 767px) 500px, (max-width: 991px) 354px, 460px" alt="" class="image-2x2"></div>
-      <div class="w-col w-col-6"><img src="images/applico_ideation4.png" loading="lazy" srcset="images/applico_ideation4-p-500.png 500w, images/applico_ideation4.png 500w" sizes="(max-width: 520px) 96vw, (max-width: 767px) 500px, (max-width: 991px) 354px, 460px" alt="" class="image-2x2"></div>
+      <div class="w-col w-col-6"><img src="images/applico_ideation3.png" loading="lazy" srcset="images/applico_ideation3-p-500.png 500w, images/applico_ideation3.png 500w" sizes="(max-width: 520px) 96vw, (max-width: 767px) 500px, (max-width: 991px) 354px, 460px" alt="" class="image-phone"></div>
+      <div class="w-col w-col-6"><img src="images/applico_ideation4.png" loading="lazy" srcset="images/applico_ideation4-p-500.png 500w, images/applico_ideation4.png 500w" sizes="(max-width: 520px) 96vw, (max-width: 767px) 500px, (max-width: 991px) 354px, 460px" alt="" class="image-phone"></div>
     </div>
     <div class="text-block-2"><strong>User Flow Map</strong></div><img src="images/applico_userflow.png" loading="lazy" srcset="images/applico_userflow-p-500.png 500w, images/applico_userflow-p-800.png 800w, images/applico_userflow.png 1000w" sizes="(max-width: 767px) 100vw, (max-width: 991px) 728px, 940px" alt="" class="image-banner">
   </div>
@@ -124,10 +124,10 @@ <h3 class="text-heading">A/B Testing</h3>
     <p class="text-paragraph">As I began to ideate what I wanted the look of the web app to be like, I researched existing designs of various web platforms. The two that I selected as potential designs were the dashboard look versus a navigation bar look.<br><br>I mocked up these two designs and created a poll for people to select which design they liked more.</p>
     <div class="w-row">
       <div class="w-col w-col-6">
-        <div class="text-block-3">A</div><img src="images/applico_votetrackerA.png" loading="lazy" srcset="images/applico_votetrackerA-p-500.png 500w, images/applico_votetrackerA.png 500w" sizes="(max-width: 520px) 96vw, (max-width: 767px) 500px, (max-width: 991px) 354px, 460px" alt="" class="image-2x2">
+        <div class="text-block-3">A</div><img src="images/applico_votetrackerA.png" loading="lazy" srcset="images/applico_votetrackerA-p-500.png 500w, images/applico_votetrackerA.png 500w" sizes="(max-width: 520px) 96vw, (max-width: 767px) 500px, (max-width: 991px) 354px, 460px" alt="" class="image-phone">
       </div>
       <div class="w-col w-col-6">
-        <div class="text-block-3">B</div><img src="images/applico_votetrackerB.png" loading="lazy" srcset="images/applico_votetrackerB-p-500.png 500w, images/applico_votetrackerB.png 500w" sizes="(max-width: 520px) 96vw, (max-width: 767px) 500px, (max-width: 991px) 354px, 460px" alt="" class="image-2x2">
+        <div class="text-block-3">B</div><img src="images/applico_votetrackerB.png" loading="lazy" srcset="images/applico_votetrackerB-p-500.png 500w, images/applico_votetrackerB.png 500w" sizes="(max-width: 520px) 96vw, (max-width: 767px) 500px, (max-width: 991px) 354px, 460px" alt="" class="image-phone">
       </div>
     </div>
     <div class="columns-3 w-row">