1.card {
 2  display: grid;
 3  grid-template-rows: max-content 200px 1fr;
 4  height: 500px;
 5  padding: 15px;
 6  border-radius: 10px;
 7  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 8  color: #333;
 9  font-family: Arial, sans-serif;
10  a {
11    text-underline-offset: .4rem;
12    text-decoration: underline dashed;
13    color: #333;
14  }
15  a:hover {
16    text-decoration: none;
17    color: hsl(220, 90%, 56%);
18  }
19}
20.cards {
21  display: grid;
22  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
23  grid-gap: 20px;
24}