Card by alexmaracinaru

1.card {
2  width: 190px;
3  background: white;
4  padding: .4em;
5  border-radius: 6px;
6}
7
8.card-image {
9  background-color: rgb(236, 236, 236);
10  width: 100%;
11  height: 130px;
12  border-radius: 6px 6px 0 0;
13}
14
15.card-image:hover {
16  transform: scale(0.98);
17}
18
19.category {
20  text-transform: uppercase;
21  font-size: 0.7em;
22  font-weight: 600;
23  color: rgb(63, 121, 230);
24  padding: 10px 7px 0;
25}
26
27.category:hover {
28  cursor: pointer;
29}
30
31.heading {
32  font-weight: 600;
33  color: rgb(88, 87, 87);
34  padding: 7px;
35}
36
37.heading:hover {
38  cursor: pointer;
39}
40
41.author {
42  color: gray;
43  font-weight: 400;
44  font-size: 11px;
45  padding-top: 20px;
46}
47
48.name {
49  font-weight: 600;
50}
51
52.name:hover {
53  cursor: pointer;
54}