Spaces:
Running
Running
Section 9 : images should be the cover all of the images
Browse files
style.css
CHANGED
|
@@ -11,6 +11,7 @@
|
|
| 11 |
.resource-card .relative {
|
| 12 |
height: 280px;
|
| 13 |
width: 100%;
|
|
|
|
| 14 |
}
|
| 15 |
.resource-card:hover {
|
| 16 |
transform: translateY(-8px);
|
|
@@ -20,7 +21,7 @@
|
|
| 20 |
.resource-card img {
|
| 21 |
transition: transform 0.6s ease;
|
| 22 |
width: 100%;
|
| 23 |
-
height:
|
| 24 |
object-fit: cover;
|
| 25 |
object-position: center;
|
| 26 |
}
|
|
@@ -79,10 +80,10 @@
|
|
| 79 |
min-height: auto;
|
| 80 |
}
|
| 81 |
.resource-card .relative {
|
| 82 |
-
height:
|
| 83 |
}
|
| 84 |
.resource-card img {
|
| 85 |
-
height:
|
| 86 |
}
|
| 87 |
}
|
| 88 |
body {
|
|
|
|
| 11 |
.resource-card .relative {
|
| 12 |
height: 280px;
|
| 13 |
width: 100%;
|
| 14 |
+
overflow: hidden;
|
| 15 |
}
|
| 16 |
.resource-card:hover {
|
| 17 |
transform: translateY(-8px);
|
|
|
|
| 21 |
.resource-card img {
|
| 22 |
transition: transform 0.6s ease;
|
| 23 |
width: 100%;
|
| 24 |
+
height: 100%;
|
| 25 |
object-fit: cover;
|
| 26 |
object-position: center;
|
| 27 |
}
|
|
|
|
| 80 |
min-height: auto;
|
| 81 |
}
|
| 82 |
.resource-card .relative {
|
| 83 |
+
height: 180px;
|
| 84 |
}
|
| 85 |
.resource-card img {
|
| 86 |
+
height: 100%;
|
| 87 |
}
|
| 88 |
}
|
| 89 |
body {
|