diff --git a/src/css/layout/04-footer.css b/src/css/layout/04-footer.css index 4dcfe81..3b8dbc3 100644 --- a/src/css/layout/04-footer.css +++ b/src/css/layout/04-footer.css @@ -306,6 +306,7 @@ gap: 187px; } } + .privacy-policy__text { display: flex; gap: 8px; diff --git a/src/css/layout/05-modal-exercise.css b/src/css/layout/05-modal-exercise.css index 75b3add..d280080 100644 --- a/src/css/layout/05-modal-exercise.css +++ b/src/css/layout/05-modal-exercise.css @@ -1,18 +1,14 @@ -/* modal-exercises styles */ .overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; - z-index: 100; display: flex; justify-content: center; align-items: center; - z-index: 1; - width: 100%; height: 100%; backdrop-filter: blur(3px); @@ -190,10 +186,12 @@ background-color: rgba(244, 244, 244, 0.2); content: ''; } + .modal-exercises__list::before { top: -10px; left: 0; } + .modal-exercises__list::after { bottom: -10px; left: 0; @@ -254,6 +252,7 @@ line-height: 1.28; border-radius: 30px; } + @media screen and (max-width: 767px) { .modal-exercises__btn { width: 100%; diff --git a/src/css/layout/06-modal-rating.css b/src/css/layout/06-modal-rating.css index 0e7eec5..71eeb77 100644 --- a/src/css/layout/06-modal-rating.css +++ b/src/css/layout/06-modal-rating.css @@ -1,5 +1,3 @@ -/* modal-rating styles */ - .rating-container { position: relative; display: flex; diff --git a/src/css/layout/08-scroll-up.css b/src/css/layout/08-scroll-up.css index a2f73e9..4144d97 100644 --- a/src/css/layout/08-scroll-up.css +++ b/src/css/layout/08-scroll-up.css @@ -16,12 +16,14 @@ margin: 0; z-index: 90; } + @media screen and (min-width: 768px) { .scroll__go-top { width: 60px; height: 60px; } } + .scroll__go-top:hover, .scroll__go-top:focus { background: #f4f4f4; @@ -51,6 +53,7 @@ height: 25px; } } + .scroll__go-top:hover .scroll__icon, .scroll__go-top:focus .scroll__icon { fill: #242424; diff --git a/src/css/layout/10-favorites.css b/src/css/layout/10-favorites.css index e72e372..72b329c 100644 --- a/src/css/layout/10-favorites.css +++ b/src/css/layout/10-favorites.css @@ -1,5 +1,3 @@ -/* favorites styles */ - .favorites__title { margin-bottom: 20px; font-weight: 400; @@ -348,8 +346,6 @@ } } -/* Favorites section card styles */ - .favorites__list { display: flex; flex-direction: column; diff --git a/src/css/layout/11-modal-bmi.css b/src/css/layout/11-modal-bmi.css index 86e934c..af6cb7c 100644 --- a/src/css/layout/11-modal-bmi.css +++ b/src/css/layout/11-modal-bmi.css @@ -85,8 +85,6 @@ transform: rotate(270deg); } -/* BMI */ - .bmi__bmi-title { text-align: center; font-size: 20px; @@ -187,4 +185,4 @@ .bmi__info-result { font-size: 20px; -} \ No newline at end of file +}