From 2f0e43a9947bce7d1482e549c8953031d3e0cd01 Mon Sep 17 00:00:00 2001 From: Redume Date: Wed, 18 Sep 2024 16:08:23 +0300 Subject: [PATCH] =?UTF-8?q?=D1=84=D0=B8=D0=BA=D1=81=20=D0=BA=D0=BD=D0=BE?= =?UTF-8?q?=D0=BF=D0=BA=D0=B8=20=D0=B8=20=D0=BA=D0=B0=D1=80=D1=82=D0=B8?= =?UTF-8?q?=D0=BD=D0=BA=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/web/static/css/wallpaper.css | 25 +++++++++++++++---------- 1 file changed, 15 insertions(+), 10 deletions(-) diff --git a/src/web/static/css/wallpaper.css b/src/web/static/css/wallpaper.css index a0f9e35..335cf64 100644 --- a/src/web/static/css/wallpaper.css +++ b/src/web/static/css/wallpaper.css @@ -1,5 +1,5 @@ body { - background: #153E3F; + background: #2F3041; color: white; font-family: 'Roboto', serif; } @@ -10,6 +10,7 @@ body { border-radius: 8px; margin: 0 auto 0 auto; display: flex; + cursor: pointer; } .wallpaper h1 { @@ -39,7 +40,7 @@ body { .get-it-on { display: flex; - margin: 5% auto 3% auto; + margin: 0 auto 0 auto; } } @@ -63,11 +64,15 @@ body { } @media (min-width: 992px) { - .wallpaper img { - width: 65%; + .wallpaper-img { + width: 500px; + height: 700px; border-radius: 8px; margin: 0 auto 0 auto; + margin-bottom: 15%; display: flex; + cursor: pointer; + object-fit: cover; } .desc { @@ -89,10 +94,11 @@ body { } @media (min-width: 1200px) { - .wallpaper img { + .wallpaper-img { width: 40%; border-radius: 8px; float: left; + cursor: pointer; } .wallpaper-text { @@ -111,15 +117,14 @@ body { } .get-it-on { - display: block ; - width: 70%; - margin-left: 15%; - margin-right: auto; + display: flex; + width: 50%; } } @media (min-width: 1400px) { - .wallpaper img { + .wallpaper-img { max-width: 27%; + cursor: pointer; } } \ No newline at end of file