From b12ae238d3f58adbe5623d6140c3a579db74412c Mon Sep 17 00:00:00 2001 From: ArtemB Date: Tue, 14 Nov 2023 19:51:57 +0300 Subject: [PATCH] 0.0.223 --- static/css/mobile_styles.css | 32 +++++++++++++++++++++++--------- 1 file changed, 23 insertions(+), 9 deletions(-) diff --git a/static/css/mobile_styles.css b/static/css/mobile_styles.css index da8892b..e249850 100644 --- a/static/css/mobile_styles.css +++ b/static/css/mobile_styles.css @@ -1,7 +1,11 @@ /*media breakpoints*/ - +@media (max-width: 1199px){ + .benefit_img_about_service>figure>img{ + width: 173px; + } +} @media (max-width: 1199px){ } @media (max-width: 1064px){ .header_logo, .header_btn_mover, .header_btn_sender{ @@ -384,20 +388,21 @@ height: auto; left: 0; } - .benefit_img_about_service{ - display: inline-block; - text-align: center; - margin-bottom: unset; - margin-top: unset; - } + .benefit_img_about_service>figure>figcaption{ - margin: 15px auto; + /*margin: 15px auto;*/ font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; - width: 60%; + width: 197px; } + .benefit_img_about_service{ + flex-wrap: wrap; + } + figure { + width: 32%; +} .type_of_subscribes{ flex-direction: column; @@ -1102,7 +1107,16 @@ width: 97%; } } +@media (max-width: 440px){ + .benefit_img_about_service { + flex-direction: column; + align-content: center; +} + figure { + width: unset; +} +} @media (max-width: 360px){ }