dfgsdfdfgsdfdfgsdfdfgsdf

wwwroot/css/site.css

@@ -43,7 +43,7 @@ a, .btn-link {
 }
 
 #blazor-error-ui {
-    background: lightyellow;
+    background: #151515;
     bottom: 0;
     box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
     display: none;
@@ -86,21 +86,27 @@ a, .btn-link {
 
 }
 .MessageForm {
-    background-color: #202020;
-    width: fit-content;
-    border-radius: 2rem;
-
-    display: flex;
-    flex-direction: column;
-    gap: 0.25rem;
-
-    text-align: center;
-    align-items: center;
-    justify-content: center;
     padding: 1rem;
     margin-top: 1rem;
 }
 
+.giveName {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+@media screen and (max-width: 768px) {
+    .messageFormContainer {
+        bottom: 0;
+    }
+    .MessageForm {
+        border-radius: initial;
+        width: initial;
+    }
+}
+
 .MessageFormValidation > ul {
     display: flex;
     flex-direction: row;