From 0080d8661494594b55d16a6675a95c6f9d72c35e Mon Sep 17 00:00:00 2001 From: Radhika Malpani Date: Wed, 24 Jul 2024 16:07:28 +0530 Subject: [PATCH 1/2] Update gamerules.css --- css/gamerules.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/css/gamerules.css b/css/gamerules.css index ecddd32..de31b1c 100644 --- a/css/gamerules.css +++ b/css/gamerules.css @@ -266,9 +266,14 @@ hr { text-align: center; line-height: 50px; font-size: 22px; + border-radius: 50%; + transition: transform ease 0.37s; + z-index: 9999; } .back-up:hover{ - cursor: pointer; + cursor: pointer; + transform: scale(1.1); + background: #5365a5; } .home-icon { width: 50px; From ba0adf3c31583b0781bc5648057b44e93b24337b Mon Sep 17 00:00:00 2001 From: Radhika Malpani Date: Sun, 28 Jul 2024 11:56:15 +0530 Subject: [PATCH 2/2] Update feedback.css --- css/feedback.css | 45 ++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 42 insertions(+), 3 deletions(-) diff --git a/css/feedback.css b/css/feedback.css index 1d032ee..2290e45 100644 --- a/css/feedback.css +++ b/css/feedback.css @@ -61,7 +61,7 @@ body { display: flex; justify-content: center; align-items: center; - height: 110vh; + min-height: 100vh; background: linear-gradient(45deg, #0d0d0d, #1e1e1e); animation: blinkGradient 10s infinite; transition: background 0.5s ease-in-out; @@ -124,6 +124,8 @@ h1 { .form-group { margin-bottom: 15px; + display: flex; + flex-direction: column; } label { @@ -252,8 +254,7 @@ button[type="submit"]:hover { } .rating { - margin-left: 110px; - margin-right: 110px; + margin: 0 auto 15px; display: flex; justify-content: space-between; align-items: center; @@ -313,3 +314,41 @@ span { opacity: 1; } } + +/* Media Queries for Responsive Design */ +@media (max-width: 600px) { + .container { + padding: 1rem; + } + + .rating { + margin: 0 20px 15px; + } + + h1 { + font-size: 1.5rem; + } + + label { + font-size: 0.9rem; + } + + input[type="text"], + input[type="email"], + input[type="tel"], + select, + textarea, + input[type="file"] { + font-size: 0.9rem; + padding: 8px; + } + + button[type="submit"] { + padding: 8px; + } + + .back-button { + padding: 0.4rem 0.8rem; + margin-left: 0; + } +}