diff --git a/css/bizoni.css b/css/bizoni.css index 1e28cbf..30ee140 100644 --- a/css/bizoni.css +++ b/css/bizoni.css @@ -26640,7 +26640,6 @@ .woocommerce.lte-products-slider ul.products { margin-left: 0; margin-right: 0; - flex-wrap: nowrap; } .woocommerce.lte-products-slider.woocommerce ul.products li.product { float: none; @@ -31099,4 +31098,79 @@ .ion-icons{ height: 25px; width: 25px; - } \ No newline at end of file + } + +/* Extra small devices (phones, 600px and down) */ +@media only screen and (max-width: 600px) { + .obleceni{ + width: 90% !important; + } + .two-per-row { + display: flex !important; + flex-wrap: nowrap !important; + } + .two-per-row li { + flex: 1 1 50% !important; /* Each item takes up 50% of the row */ + box-sizing: border-box !important; /* Ensures padding doesn't affect width */ + } +} + +/* Small devices (portrait tablets and large phones, 600px and up) */ +@media only screen and (min-width: 600px) { + .obleceni{ + width: 90% !important; + } + .two-per-row { + display: flex !important; + flex-wrap: nowrap !important; + } + .two-per-row li { + flex: 1 1 50% !important; /* Each item takes up 50% of the row */ + box-sizing: border-box !important; /* Ensures padding doesn't affect width */ + } +} + +/* Medium devices (landscape tablets, 768px and up) */ +@media only screen and (min-width: 768px) { + .obleceni{ + width: 60% !important; + } + .two-per-row { + display: flex !important; + flex-wrap: nowrap !important; + } + .two-per-row li { + flex: 1 1 50% !important; /* Each item takes up 50% of the row */ + box-sizing: border-box !important; /* Ensures padding doesn't affect width */ + } +} + +/* Large devices (laptops/desktops, 992px and up) */ +@media only screen and (min-width: 992px) { + .obleceni{ + width: 45% !important; + } + .two-per-row { + display: flex !important; + flex-wrap: nowrap !important; + } + .two-per-row li { + flex: 1 1 50% !important; /* Each item takes up 50% of the row */ + box-sizing: border-box !important; /* Ensures padding doesn't affect width */ + } +} + +/* Extra large devices (large laptops and desktops, 1200px and up) */ +@media only screen and (min-width: 1200px) { + .obleceni{ + width: 35% !important; + } + .two-per-row { + display: flex !important; + flex-wrap: wrap !important; + } + .two-per-row li { + flex: 1 1 50% !important; /* Each item takes up 50% of the row */ + box-sizing: border-box !important; /* Ensures padding doesn't affect width */ + } +} \ No newline at end of file diff --git a/img/dres1.png b/img/dres1.png new file mode 100644 index 0000000..8a2960f Binary files /dev/null and b/img/dres1.png differ diff --git a/img/dres2.png b/img/dres2.png new file mode 100644 index 0000000..d99a817 Binary files /dev/null and b/img/dres2.png differ diff --git a/img/dres3.png b/img/dres3.png new file mode 100644 index 0000000..e236ab2 Binary files /dev/null and b/img/dres3.png differ diff --git a/img/dres4.png b/img/dres4.png new file mode 100644 index 0000000..042d68e Binary files /dev/null and b/img/dres4.png differ diff --git a/img/dres5.png b/img/dres5.png new file mode 100644 index 0000000..dd37c2f Binary files /dev/null and b/img/dres5.png differ diff --git a/index.html b/index.html index 38d94c4..602bcce 100644 --- a/index.html +++ b/index.html @@ -1356,6 +1356,217 @@ +
+
+
+
+
naše dresy

Prohlédněte si naše stylové dresy

naše dresy
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+