fyb/ugurgaleri
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add query for mobile in .table-item picture

Browse Source
This commit is contained in:
Ferit Yiğit BALABAN
2022-08-08 17:57:23 +03:00
parent f5bf1fb44e
commit 85b6072329
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@@ -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">