Added responsiveness to search engines grid layout

Author: Sumaiya Rafique

src/assets/css/style.css

@@ -81,6 +81,17 @@
     border-radius: 0 8px 8px 0;
   }
 }
+@media(min-width:480px) and (max-width:768px) {
+  .search-engines{
+    grid-template-columns: repeat(2,1fr);
+}
+}
+
+@media(min-width:768px) {
+  .search-engines{
+    grid-template-columns: repeat(3,1fr);
+}
+}
 
 .body-second-sect {
   margin-top: 20px;
@@ -97,7 +108,7 @@
 .search-engines {
   display: grid;
   gap: 20px;
-  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+  /* grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); */
 }
 
 .engines {