diff --git a/assets/css/gp-style-desktop.css b/assets/css/gp-style-desktop.css index 598a45b..ee22a60 100644 --- a/assets/css/gp-style-desktop.css +++ b/assets/css/gp-style-desktop.css @@ -807,7 +807,7 @@ aspect-ratio: 1; } .services__content{ - height: 89px; + min-height: 89px; /* display: flex; */ } diff --git a/assets/css/gp-style-mobile.css b/assets/css/gp-style-mobile.css index 7ba3bbd..7e7874b 100644 --- a/assets/css/gp-style-mobile.css +++ b/assets/css/gp-style-mobile.css @@ -61,4 +61,15 @@ margin-top: 24px; } /* footer */ -} \ No newline at end of file +} + +/* services */ +@media only screen and (max-width: 576px) { +.services__content .title-4{ + margin-bottom: 0; +} +.services__item .text-2{ + display: none; +} +} +/* services */ \ No newline at end of file diff --git a/assets/css/gp-style-tablet.css b/assets/css/gp-style-tablet.css index d72b71a..24b7733 100644 --- a/assets/css/gp-style-tablet.css +++ b/assets/css/gp-style-tablet.css @@ -17,6 +17,9 @@ .title-3{ font-size: 32px; } +.title-4{ + font-size: 20px; +} .text-1{ font-size: 18px; } @@ -538,4 +541,42 @@ main{ } /* text-form */ +/* services */ +@media only screen and (max-width: 992px) { +.services{ + margin: 40px 0 0 0; +} +.services__item{ + margin: 24px 0 0 0; + + padding: 16px; + + height: auto; + + display: flex; + flex-direction: column; + justify-content: space-between; +} +.services__item:nth-child(n){ + width: 100%; +} +.services__item:first-child{ + margin-top: 0; +} +.services__img{ + width: 40px; +} +.services__content{ + min-height: auto; +} +.services__content .title-4{ + margin-top: 24px; + /* margin-bottom: 0; */ +} +.services__item .text-2{ + /* display: none; */ +} +} +/* services */ + @media only screen and (max-width: 992px) {} \ No newline at end of file diff --git a/index.html b/index.html index cf8c663..3edad19 100644 --- a/index.html +++ b/index.html @@ -771,7 +771,7 @@ --> -