From eb13ea507fe0ac9a571c51a74718f2df3c798085 Mon Sep 17 00:00:00 2001 From: Dmitry Date: Wed, 7 Aug 2024 12:40:53 +0300 Subject: [PATCH] 1 --- src/css/main.css | 18 ++++++++++++----- src/css/media.css | 50 +++++++++++++++++++++++++++++++++++++++++++++++ src/index.html | 16 +++++++++++---- 3 files changed, 75 insertions(+), 9 deletions(-) diff --git a/src/css/main.css b/src/css/main.css index 21a60fd..5139295 100644 --- a/src/css/main.css +++ b/src/css/main.css @@ -154,21 +154,29 @@ flex-direction: column; } -.content__item--label > .content__wrap { +.content__item--label .label__name { margin-top: 8px; + margin-left: 10px; +} + +.label__links { + margin-top: 28px; +} + +.label__links .content__link { + margin-left: 10px; } -.content__item--label > .content__wrap > .content__link { +.label__links .content__link + .content__link { margin-top: 12px; } -.content__item--song > .content__wrap { - margin-top: 20px; +.content__item--song > .content__wrap + .content__wrap { + margin-top: 16px; } .label__name { font-size: 32px; font-weight: 700; color: #1d4ed8; - margin-bottom: 16px; } diff --git a/src/css/media.css b/src/css/media.css index 24b4b68..f8edeba 100644 --- a/src/css/media.css +++ b/src/css/media.css @@ -16,3 +16,53 @@ margin-top: 35px; } } + +@media (max-width: 550px) { + .content__item--label > .content__wrap { + flex-direction: row; + } + + .content__item + .content__item { + margin-top: 30px; + } + + .label__name { + font-size: 16px; + } + + .content__item--label .label__name { + margin-top: 0; + margin-left: 10px; + } + + .label__links { + margin-top: 20px; + } + + .cassette { + width: 400px; + } + + .cassette__glass { + width: 372px; + top: 11px; + left: 14px; + } + + .cassette__disc { + width: 25px; + top: 66px; + } + + .cassette__disc--left { + left: 144px; + } + + .cassette__disc--right { + right: 144px; + } + + .cassette__controls { + top: 183px; + } +} diff --git a/src/index.html b/src/index.html index 378020f..4389354 100644 --- a/src/index.html +++ b/src/index.html @@ -3,7 +3,7 @@ - + Финистер Радио @@ -15,6 +15,7 @@ Кассетный проигрыватель - +