css changes

index.html

@@ -24,7 +24,7 @@
    <p class="description">${desc}</p>
    </div>
    <div class="image">
-   <img class="imgdata" src="${image}"/>
+   <img src="${image}"/>
    </div>
   </div>
 </div>`).join("");

style.css

@@ -9,7 +9,7 @@
 
 .row {
   display: grid;
- grid-template-columns: repeat(3, minmax(500px, 1fr));
+ grid-template-columns: repeat(3,1fr);
  min-height:100vh;
 }
 
@@ -21,7 +21,7 @@
 
 p {
   font-family: roman;
-  font-size: 1.3em;
+  font-size: 1.5vw;
   line-height: 1.5em;
   width: -webkit-fill-available;
 }
@@ -51,7 +51,11 @@ hr {
 
   border: 1px solid white;
 }
-.image {
+.image img{
+  position: relative;
+  width: 100%;
+}
+/* .image {
   display: grid;
   height: 100%;
 }
@@ -59,7 +63,7 @@ hr {
   max-width: 100%;
   max-height: 100vh;
   margin: auto;
-}
+} */
   @media only screen and (min-width: 480px) and (max-width: 768px) {
     .row {
   
@@ -74,11 +78,7 @@ hr {
     grid-template-columns: 1fr;
     padding-bottom: 15px;
     }
-    p {
-      font-family: roman;
-      font-size: 1.2em;
    
-    }
     .card-desc .image{
       margin-top:20px;
       margin-bottom:30px;
@@ -87,6 +87,7 @@ hr {
  
     
   }
+
  @media screen and (max-width:480px) {
   .row {