vlcsolutions commited on
Commit
e5abbd1
·
verified ·
1 Parent(s): 7640cf1

Section 9 : images should be the cover all of the images

Browse files
Files changed (1) hide show
  1. style.css +4 -3
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: 280px;
24
  object-fit: cover;
25
  object-position: center;
26
  }
@@ -79,10 +80,10 @@
79
  min-height: auto;
80
  }
81
  .resource-card .relative {
82
- height: 200px;
83
  }
84
  .resource-card img {
85
- height: 200px;
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 {