News entry user info align fix

src/components/newsEntry.js

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

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;