.project-challenges {
grid-template-columns: repeat(3, 1fr);
display: grid;
gap: 2rem;
}
@media (max-width: 980px) {
.project-challenges {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.project-challenges {
grid-template-columns: repeat(1, 1fr);
}
}
.project-challenge-item {
box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.16);
border-radius: 1rem;
background: #fff;
padding: 1.5rem;
}
.project-challenge-item-title {
font-weight: 600;
font-size: 20px;
margin-bottom: 1rem;
text-decoration: auto;
}