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
-
+
+