diff --git a/index.php b/index.php index 12d7b6f..41d991e 100644 --- a/index.php +++ b/index.php @@ -48,7 +48,6 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489"; font-family: 'Inter', sans-serif; color: #ffffff; background-color: #000; - overflow: hidden; } .background { @@ -108,20 +107,23 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489"; .app-container { display: flex; + flex-direction: column; width: 100%; - height: 100vh; + min-height: 100vh; align-items: center; - padding: 2rem; + justify-content: center; + padding: 4rem 2rem; box-sizing: border-box; + gap: 3rem; } - /* Left Side: Player */ + /* Center Section: Player */ .player-section { - flex: 1; + width: 100%; + max-width: 550px; display: flex; flex-direction: column; justify-content: center; - max-width: 500px; z-index: 10; } @@ -424,13 +426,13 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489"; background-color: #00c853; } - /* Right Side: Featured Image */ + /* Center Section: Featured Image */ .image-section { - flex: 2; + width: 100%; display: flex; justify-content: center; align-items: center; - padding-left: 3rem; + z-index: 5; } .featured-img-container {