From 85b607232918a3ba7ed83804a7e8bbcfb5aa53fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ferit=20Yi=C4=9Fit=20BALABAN?= <fyb@duck.com>
Date: Mon, 8 Aug 2022 17:57:23 +0300
Subject: [PATCH] Add query for mobile in .table-item picture

---
 index.html | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/index.html b/index.html
index 1667901..70de930 100644
--- a/index.html
+++ b/index.html
@@ -62,8 +62,10 @@
             <div id="brands" class="table content-spacing">
                 <div class="table-item square">
                     <picture>
+                        <source srcset="resources/img/index/U100.webp" media="(max-width:400px)" type="image/webp">
                         <source srcset="resources/img/index/U60.webp" media="(max-width:850px)" type="image/webp">
                         <source srcset="resources/img/index/U100.webp" media="(max-width:1100px)" type="image/webp">
+                        <source srcset="resources/img/index/U100.jpg" media="(max-width:400px)" type="image/jpeg">
                         <source srcset="resources/img/index/U150.webp" type="image/webp">
                         <source srcset="resources/img/index/U60.jpg" media="(max-width:850px)" type="image/jpeg">
                         <source srcset="resources/img/index/U100.jpg" media="(max-width:1100px)" type="image/jpeg">
@@ -74,9 +76,11 @@
                 </div>
                 <div class="table-item reverse">
                     <picture>
+                        <source srcset="resources/img/index/UKT100.webp" media="(max-width:400px)" type="image/webp">
                         <source srcset="resources/img/index/UKT60.webp" media="(max-width:850px)" type="image/webp">
                         <source srcset="resources/img/index/UKT100.webp" media="(max-width:1100px)" type="image/webp">
                         <source srcset="resources/img/index/UKT150.webp" type="image/webp">
+                        <source srcset="resources/img/index/UKT100.jpg" media="(max-width:400px)" type="image/jpeg">
                         <source srcset="resources/img/index/UKT60.jpg" media="(max-width:850px)" type="image/jpeg">
                         <source srcset="resources/img/index/UKT100.jpg" media="(max-width:1100px)" type="image/jpeg">
                         <img src="resources/img/index/UKT150.jpg" alt="Uğur Koçak Treyler logo">
@@ -86,9 +90,11 @@
                 </div>
                 <div class="table-item">
                     <picture>
+                        <source srcset="resources/img/index/G100.webp" media="(max-width:400px)" type="image/webp">
                         <source srcset="resources/img/index/G60.webp" media="(max-width:850px)" type="image/webp">
                         <source srcset="resources/img/index/G100.webp" media="(max-width:1100px)" type="image/webp">
                         <source srcset="resources/img/index/G150.webp" type="image/webp">
+                        <source srcset="resources/img/index/G100.jpg" media="(max-width:400px)" type="image/jpeg">
                         <source srcset="resources/img/index/G60.jpg" media="(max-width:850px)" type="image/jpeg">
                         <source srcset="resources/img/index/G100.jpg" media="(max-width:1100px)" type="image/jpeg">
                         <img src="resources/img/index/G150.jpg" alt="galericilerden.com logo">