From 56587a765c0b23be0b661ee35ce050f8686203fd Mon Sep 17 00:00:00 2001
From: jcornellasg <113693662+jcornellasg@users.noreply.github.com>
Date: Wed, 21 Feb 2024 12:45:40 +0100
Subject: [PATCH] Add index.html with viewport resolution functionality

---
 index.html | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..4bacfce
--- /dev/null
+++ b/index.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Resolución del Viewport</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      margin: 0;
+      padding: 20px;
+      text-align: center;
+    }
+    #resolution {
+      font-size: 24px;
+      margin-top: 50px;
+    }
+  </style>
+</head>
+<body>
+  <h1>Resolución del Viewport</h1>
+  <p>La resolución actual del viewport es:</p>
+  <div id="resolution"></div>
+
+  <script>
+    function updateResolution() {
+      const resolutionElement = document.getElementById('resolution');
+      const resolution = window.innerWidth + 'x' + window.innerHeight;
+      resolutionElement.textContent = resolution;
+    }
+
+    window.addEventListener('DOMContentLoaded', updateResolution);
+    window.addEventListener('resize', updateResolution);
+  </script>
+</body>
+</html>
