web-dev/Cardfinal.css at master · Huma-saeed1998/web-dev · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
body{
    background-color: rgb(45, 44, 47);
    margin: 20px 20px;
}
.card{
    border: 1px solid rgb(219, 218, 218);
    /* width: 21%; */
    border-radius: 10px;
    background: rgb(45, 44, 47);
    box-shadow: 5px 5px 5px 5px rgb(68, 66, 66);
    transition: 3sec;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
 }
 .card:hover{
    background: rgb(68, 66, 66);
    transform: scale(1.04);
 }
 img{
     padding: 15px 15px;
     width: 166px;
     height: 150px;
     border: rgb(219, 218, 218);
 }
 .content{
    padding: 15px;
    color: white;
 }
 a{
    color: rgba(85, 96, 167, 0.867);
 }
 h3:hover{
    text-decoration: underline;
 }
 .btn{
    padding: 5px;
    border-radius: 30px;
    border: 1px solid white;
    color: white;
    background: rgb(45, 44, 47);
 }
 .btn:hover{
    text-decoration: none;
    border: 1px solid rgb(45, 44, 47);
 }
.flex{
   display: flex;
   flex: 1;
   column-gap: 2rem;
}
.col{
   width: 18.4%;
   height: 20%;
 /* to give separtly width to each card in each div */
}