body{
background:#141922;
font-family:Arial, sans-serif;
margin:0;
padding:15px;
color:white;
}

.title{
text-align:center;
margin-bottom:40px;
}

.grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
max-width:900px;
margin:auto;
}

.card{
cursor:pointer;
}

.card img{
width:100%;
aspect-ratio:2/3;
object-fit:cover;
border-radius:10px;
}

.card:hover img{

transform:scale(1.05);

}

.card p{

margin-top:8px;

font-size:15px;

color:#ccc;

}
@media (max-width:600px){

.grid{
grid-template-columns:repeat(3,1fr);
gap:10px;
}

.card p{
font-size:12px;
}

}
@media (max-width:600px){

body{
padding:10px;
}

.grid{
gap:10px;
}

}