worked on images (Opentek-Org#150)

give @Zahira-Khawaja 25 points
Swapnil-2503 · Oct 10, 2022 · 0d877ef · 0d877ef
1 parent 04e7f28
commit 0d877ef
Showing 1 changed file with 32 additions and 7 deletions.
diff --git a/css/blogs.css b/css/blogs.css
@@ -35,6 +35,7 @@
 
 .card-img-container img{
     border-top-right-radius: 25px;
+    max-width: 100%;
     width: 100%;
     height: 100%;
     object-fit: cover;
@@ -43,10 +44,10 @@
 .card-content{
     margin-top: .5rem;
     height:230px;
+    overflow: hidden;
+    text-align:justify;
     word-wrap: break-word;
     word-spacing: -2px;
-    text-align:justify;
-    overflow:hidden;
 }
 
 .blog-para{
@@ -57,7 +58,6 @@
 .style-span{
     letter-spacing: 0px;
     font-weight: 100;
-
 }
 
 .read-more-btn{
@@ -82,21 +82,46 @@
 
 
 
-@media(max-width:700px){
+@media(max-width:745px){
     .blogs{
         flex-direction: column;
         align-items: center;
         justify-content: center;
     }
 
     .blog-card{
-        width: 70%;
+        width: 85%;
         margin:1rem;
     }
-
+
+    .card-img-container{
+        margin:.5rem;
+        height: 250px;
+    }
+
+    .card-img-container img{
+        box-shadow: 0 0 10px #d59cf7;
+        border-radius: 0;
+        border-bottom-right-radius: 45px;
+        border-top-left-radius: 45px;
+    }
+
+    .card-content{
+        padding:0 .7rem;
+        text-align: justify;
+        height: fit-content;
+        word-break: break-all;
+    }
+
     .read-more-btn{
-        margin-top: 1rem;
+        float: none;
+        margin:1rem auto;
+        width: 90%;
+        margin-top:1rem;
+        width: 70%;
+        margin:1rem;
     }
+
 
     .blog-card:nth-child(3){
         margin-bottom: 0 !important;