From 5e685faff0d142c9e2ad4f7708ca45e9505befdd Mon Sep 17 00:00:00 2001
From: Mike Smith <89040888+smiggiddy@users.noreply.github.com>
Date: Wed, 1 Jan 2025 20:39:19 -0500
Subject: [PATCH] feat: mobile styling
---
nodejs-mini-message-board/src/public/styles.css | 9 +++++++++
nodejs-mini-message-board/src/views/header.ejs | 3 ++-
2 files changed, 11 insertions(+), 1 deletion(-)
diff --git a/nodejs-mini-message-board/src/public/styles.css b/nodejs-mini-message-board/src/public/styles.css
index 9e25743..4343b92 100644
--- a/nodejs-mini-message-board/src/public/styles.css
+++ b/nodejs-mini-message-board/src/public/styles.css
@@ -214,3 +214,12 @@ a {
.comment .material-symbols-outlined:hover {
cursor: initial;
}
+
+@media only screen and (max-width: 660px) {
+ /*@media (max-width: 600px) {*/
+ .card,
+ .form-item,
+ .comment-section {
+ max-width: 90vw;
+ }
+}
diff --git a/nodejs-mini-message-board/src/views/header.ejs b/nodejs-mini-message-board/src/views/header.ejs
index 354bc33..11388e1 100644
--- a/nodejs-mini-message-board/src/views/header.ejs
+++ b/nodejs-mini-message-board/src/views/header.ejs
@@ -2,11 +2,12 @@
Message the people
-
+
+