News entry user info align fix

src/components/newsEntry.js

@@ -27,8 +27,10 @@ export default function NewsEntry({
       >
         <div className={styles.newsHeader}>
           <div className={styles.newsTitle}>{title}</div>
-          <div>User #{user}</div>
+          <div className={styles.userinfo}>
-          <div className={styles.newsDate}> @ {date}</div>
+            <div>User #{user}</div>
+            <div className={styles.newsDate}> @ {date}</div>
+          </div>
         </div>
         {admin ? (
           <div

src/components/newsEntry.module.css

@@ -60,6 +60,12 @@
   }
 }
 
+@media screen and (max-width: 700px) {
+  .userinfo {
+    flex-flow: column;
+  }
+}
+
 .userinfo {
   display: flex;
   align-items: center;