added some interactibility for 768px screen

IbroRebronja · May 6, 2024 · 16aa62c · 16aa62c
1 parent 44a40f2
commit 16aa62c
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 21 deletions.
diff --git a/app.js b/app.js
@@ -1,4 +1,9 @@
-var siteWidth = 1280;
-var scale = screen.width /siteWidth;
+//var siteWidth = 1280;
+//var scale = screen.width /siteWidth;
+//
+//document.querySelector('meta[name="viewport"]').setAttribute('content', 'width='+siteWidth+', initial-scale='+scale+'');
+//
+
+
+
 
-document.querySelector('meta[name="viewport"]').setAttribute('content', 'width='+siteWidth+', initial-scale='+scale+'');
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="UTF-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0 />
   <link rel="icon" href="images/favicon/favicon.ico" type="image/x-icon"/>
   <link
     href="https://fonts.googleapis.com/css2?family=Raleway:wght@700&family=Oleo+Script:wght@700&family=Quicksand:wght@300;500&display=swap"

diff --git a/places.html b/places.html
@@ -4,8 +4,8 @@
 <head>
   <meta charset="UTF-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no" />
-  <link rel="icon" href="images/favicon/favicon.ico" type="image/x-icon"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0 />
+  <link rel="icon" href="images/favicon/favicon.ico" type="image/x-icon" />
   <link
     href="https://fonts.googleapis.com/css2?family=Raleway:wght@700&family=Oleo+Script:wght@700&family=Quicksand:wght@300;500&display=swap"
     rel="stylesheet" />
@@ -64,7 +64,8 @@ <h2>Sarajevo</h2>
           <div>
             <h2>Banja Luka</h2>
             <p>
-              Banja Luka is the second largest city in Bosnia and Herzegovina by size, situated on the Vrbas River. It serves
+              Banja Luka is the second largest city in Bosnia and Herzegovina by size, situated on the Vrbas River. It
+              serves
               as the administrative, economic and cultural center of this part of Bosnian Krajina...
             </p>
           </div>
@@ -253,19 +254,20 @@ <h2>Tešanj</h2>
           </div>
         </div>
       </li>
-        <img src="images/places/gradacac.jpg" alt="City of Gradačac" />
-        <div class="item-content">
-          <div>
-            <h2>Gradačac</h2>
-            <p>
-              Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore
-              vitae incidunt eos atque dicta natus quam accusantium placeat.
-            </p>
-          </div>
-          <div class="actions">
-            <a href="https://en.wikipedia.org/wiki/Gradačac">Explore &#x2192</a>
-          </div>
+      <li>
+      <img src="images/places/gradacac.jpg" alt="City of Gradačac" />
+      <div class="item-content">
+        <div>
+          <h2>Gradačac</h2>
+          <p>
+            Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore
+            vitae incidunt eos atque dicta natus quam accusantium placeat.
+          </p>
+        </div>
+        <div class="actions">
+          <a href="https://en.wikipedia.org/wiki/Gradačac">Explore &#x2192</a>
         </div>
+      </div>
       </li>
     </ul>
   </main>
@@ -287,8 +289,10 @@ <h2>Gradačac</h2>
 
   <footer>
     <ul>
-      <li><a href="https://www.instagram.com/p/CxxeivYMPpC/" target="_blank"><img src="images/icons/instagram.png" alt="Instagram Logo"></a></li>
-      <li><a href="https://www.facebook.com/groups/121884106451487/" target="_blank"><img src="images/icons/facebook.png" alt="facebook Logo"></a></li>
+      <li><a href="https://www.instagram.com/p/CxxeivYMPpC/" target="_blank"><img src="images/icons/instagram.png"
+            alt="Instagram Logo"></a></li>
+      <li><a href="https://www.facebook.com/groups/121884106451487/" target="_blank"><img
+            src="images/icons/facebook.png" alt="facebook Logo"></a></li>
     </ul>
   </footer>