.gdp-grid{

display:grid;
grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
gap:25px;

}

.gdp-card{

background:white;
border-radius:12px;
overflow:hidden;
box-shadow:0 4px 10px rgba(0,0,0,0.1);
text-align:center;

}

.gdp-card img{

width:100%;
height:200px;
object-fit:cover;

}

.gdp-card h3{

padding:10px;

}

.gdp-info{

background:#f4f8f2;
padding:20px;
margin-top:20px;
border-radius:10px;

}