diff --git a/app/assets/main.css b/app/assets/main.css index 1f8ba9c..5dd020c 100644 --- a/app/assets/main.css +++ b/app/assets/main.css @@ -91,10 +91,22 @@ .bg-wallpaper { background-image: url('./images/wallpapersite_resultat.webp'); background-size: cover; - background-position: center; + background-position: center center; background-repeat: no-repeat; + min-height: 100vh; + width: 100%; } +@media (max-width: 768px) { + .bg-wallpaper { + background-size: auto 100%; + background-position: center center; + min-height: 100vh; + min-width: 200vw; + } +} + + .homepage-content { min-height: 50vh; max-height: 80vh; diff --git a/app/layout.tsx b/app/layout.tsx index eec1a20..10faf8f 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -19,7 +19,8 @@ export default function RootLayout({ children }) { return ( -
+
+ {/* Cercles animés */}