Template:Main Page/styles.css: Difference between revisions

← Older edit

@@ Line 150: / Line 150: @@
      margin-bottom: 2em;
 }
@@ Line 187: / Line 183: @@
 .feature-item {
-   width: 100%;
+   width: 19%;
    background-color: #f3e8fd;
    border: 1px solid #ddd;
@@ Line 196: / Line 192: @@
    font-family: sans-serif;
    border-radius: 5px;
+  transition: transform 0.3s ease;
+}
+.feature-item:hover {
+  transform: scale(1.05);
+  z-index: 10;
+}
+.feature-image {
+  background-color: #fff;
+  padding: 0px;
+  margin-bottom: 8px;
+  display: inline-block;
+  border: 1px solid #ddd;
 }
-.feature-item img {
+.feature-image img {
    width: 100%;
-   height: 100%; /* or any fixed height you like */
+   height: auto;
-  object-fit: cover; /* zooms/crops to fill */
-  display: block;
 }