add some edits

KristinaHranovska · Feb 10, 2024 · 7475cae · 7475cae
1 parent 639a9c1
commit 7475cae
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/src/css/quote-favorities.css b/src/css/quote-favorities.css
@@ -43,7 +43,7 @@
 }
 
 @media screen and (min-width: 768px) {
-    .quote {
+    .quote-favorites {
         margin-bottom: 16px;
     }
 
@@ -78,7 +78,7 @@
 }
 
 @media screen and (min-width: 1440px) {
-    .quote {
+    .quote-favorites {
         margin-bottom: 0;
     }
 

diff --git a/src/css/quote.css b/src/css/quote.css
@@ -47,11 +47,15 @@
 
 .quote-img {
     height: 272px;
+    width: 100%;
     background-image: url('../img/quote/quote_mobile.webp');
     background-repeat: no-repeat;
-    background-size: contain;
+    background-size: cover;
+    background-position: center;
+    border-radius: 30px;
 }
 
+
 @media screen and (min-width: 320px) and (min-resolution: 192dpi) {
     .quote-img {
         background-image: url('../img/quote/quote_mobile@2x.webp');

diff --git a/src/partials/quote-favorities.html b/src/partials/quote-favorities.html
@@ -1,6 +1,6 @@
 <section class="section">
   <div class="container quote-block">
-    <div class="quote">
+    <div class="quote quote-favorites">
       <div class="quote-main-title">
         <svg class="icon-quote-fitness" width="34" height="32">
           <use href="./img/icons/sprite.svg#icon-quote-fitness"></use>