From a685fb81f1c834b223910c968be9013e66708158 Mon Sep 17 00:00:00 2001
From: Haidar <16521522@mahasiswa.itb.ac.id>
Date: Mon, 9 Oct 2023 10:08:30 +0700
Subject: [PATCH] style: styling responsive for hall of fame css
---
public/css/Hall-of-Fame.css | 28 ++++++++++++++++++++++++++++
1 file changed, 28 insertions(+)
diff --git a/public/css/Hall-of-Fame.css b/public/css/Hall-of-Fame.css
index ab1f8a5..41e96b8 100644
--- a/public/css/Hall-of-Fame.css
+++ b/public/css/Hall-of-Fame.css
@@ -193,6 +193,34 @@ tr:nth-child(even) {
transition: background-color 0.3s;
}
+@media (max-width: 768px) {
+ .search-box {
+ width: 50%;
+ margin: 0 auto 10px auto;
+ }
+
+ .search-button {
+ margin-right: 0;
+ }
+
+ .head-container h1 {
+ margin-left: 0;
+ }
+
+ .body-container {
+ margin: 0;
+ }
+
+ .pagination-container {
+ width: 100%;
+ margin-left: 0;
+ position: absolute;
+ left: 10px;
+ display: flex;
+ justify-content: center;
+ }
+ }
+
--
GitLab