vlcsolutions commited on
Commit
a3f4043
·
verified ·
1 Parent(s): 5f89275

In Section 9 images are not correct proper height and width, do correct

Browse files
Files changed (1) hide show
  1. style.css +7 -5
style.css CHANGED
@@ -18,17 +18,19 @@
18
  justify-content: center;
19
  background-color: #f8fafc;
20
  border-bottom: 1px solid #e5e7eb;
 
21
  }
22
  .resource-card:hover {
23
  transform: translateY(-8px);
24
  box-shadow: 0 20px 40px -10px rgba(0, 32, 96, 0.2);
25
  }
26
  .resource-card img {
27
- width: 80%;
28
- height: 80%;
29
  object-fit: contain;
30
  object-position: center;
31
  transition: all 0.3s ease;
 
32
  }
33
  .resource-card .btn-primary {
34
  transition: all 0.3s ease;
@@ -71,11 +73,11 @@
71
  min-height: auto;
72
  }
73
  .resource-card .relative {
74
- height: 200px;
75
  background: transparent;
76
  }
77
- .resource-card img {
78
- height: 100%;
79
  }
80
  }
81
  body {
 
18
  justify-content: center;
19
  background-color: #f8fafc;
20
  border-bottom: 1px solid #e5e7eb;
21
+ padding: 1rem;
22
  }
23
  .resource-card:hover {
24
  transform: translateY(-8px);
25
  box-shadow: 0 20px 40px -10px rgba(0, 32, 96, 0.2);
26
  }
27
  .resource-card img {
28
+ width: 100%;
29
+ height: 100%;
30
  object-fit: contain;
31
  object-position: center;
32
  transition: all 0.3s ease;
33
+ max-height: 180px;
34
  }
35
  .resource-card .btn-primary {
36
  transition: all 0.3s ease;
 
73
  min-height: auto;
74
  }
75
  .resource-card .relative {
76
+ height: 180px;
77
  background: transparent;
78
  }
79
+ .resource-card img {
80
+ max-height: 160px;
81
  }
82
  }
83
  body {