added size warning for chatjs

projects.html

@@ -5,8 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta property="og:title" content="ION606.com">
-    <meta property="og:description"
-        content="My personal website!">
+    <meta property="og:description" content="My personal website!">
     <meta property="og:image" content="https://avatars.githubusercontent.com/u/58801387">
     <meta property="og:url" content="https://ion606.com/">
     <meta property="og:type" content="website">
@@ -16,7 +15,7 @@
 
     <link rel="stylesheet" href="projects.css">
     <link rel="stylesheet" href="pageMenu.css">
-    
+
     <script src="https://kit.fontawesome.com/728e740903.js" crossorigin="anonymous"></script>
     <script type="text/javascript" src="pageMenu.js"></script>
     <script>
@@ -54,12 +53,14 @@
             </div>
         </div>
 
-        <div class="project-card" onclick="window.open('https://chat.ion606.com', target='_blank')">
+        <div class="project-card chatJS-info" onclick="window.open('https://chat.ion606.com', target='_blank')">
             <div class="project-preview">
-                <img src="https://github.com/Proto-Chat/chatJS-main/blob/main/client/assets/favicon.png?raw=true"
+                <p class="centered-text">SCREEN MUST BE LARGER THAN 500PX</p>
+                <img class="chatJS-toGrey"
+                    src="https://github.com/Proto-Chat/chatJS-main/blob/main/client/assets/favicon.png?raw=true"
                     alt="Online Chat Application Preview">
             </div>
-            <div class="project-info">
+            <div class="project-info chatJS-toGrey">
                 <h2>Online Chat Application</h2>
                 <p>My online chat application (it's....it's a Discord clone).</p>
                 <a href="https://chat.ion606.com" target="_blank">Visit Website</a>