mobile compat

dumbsolution · Oct 30, 2023 · a42b788 · a42b788
1 parent c153923
commit a42b788
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 5 deletions.
diff --git a/emoji.zip b/emoji.zip
diff --git a/index.html b/index.html
@@ -2,11 +2,13 @@
 <html>
 
 <head>
-    <title>Sword's Nice Emoji</title>
+    <title>mothcharm's Nice Emoji</title>
     <link rel="icon" href="Adoration.png">
-    <meta name="title" content="Sword's Nice Emoji">
+    <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="title" content="mothcharm's Nice Emoji">
     <meta name="twitter:image" content="Adoration.png">
-    <meta name="description" content="Unofficial site for easy download of Sword's Nice Emojis">
+    <meta name="description" content="Unofficial site for easy download of mothcharm's Nice Emojis">
     <meta name="theme-color" content="#F9D02D">
     <link rel="stylesheet" type="text/css" href="styles.css">
     <script src="script.js"></script>
@@ -15,8 +17,8 @@
 
 <body>
     <div class="header">
-        <h1>Sword's Nice Emoji</h1>
-        <p>Unofficial site for easy download of Sword's Nice Emojis<br>Check them out <a href="https://twitter.com/mothcharm/status/1587926501193818112">here</a> or <a href="https://ko-fi.com/s/7df7983b78">here</a>, leave them a tip for me would ya<br>(btw its non-commercial use only)</p>
+        <h1>mothcharm's Nice Emoji</h1>
+        <p>Unofficial site for easy download of mothcharm's Nice Emojis<br>Check them out <a href="https://twitter.com/mothcharm/status/1587926501193818112">here</a> or <a href="https://ko-fi.com/s/7df7983b78">here</a>, leave them a tip for me would ya<br>(btw its non-commercial use only)</p>
     </div>
 
     <div class="center">

diff --git a/styles.css b/styles.css
@@ -34,6 +34,13 @@ a {
     overflow-x: hidden;
 }
 
+@media screen and (max-width: 799px) {
+    .content {
+        width: 90%;
+        height: 600px;
+    }
+    }
+
 .image-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));