body{
font-family: Arial;
background:#111;
margin:0;
padding:0;
}

.title{
text-align:center;
margin:30px;
color:white;
background:black;
}
h2{
  text-align:center;
  background:black;
  color:white;
}

.phone-container{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:20px;
padding:20px;
color:white;
}
.phone-card{
background:#111;
padding:15px;
border-radius:10px;
text-align:center;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
transition:0.3s;
}
.phone-card img {
    width: 100%;
    height: 300px;
    object-fit: contain;
    display: block;
    margin: auto-fit;
}
.phone-card:hover{
transform:scale(1.05);
    width: 300px;          /* control card size */
    background: #111;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;      /* prevents image overflow */
}
.price{
color:green;
font-weight:bold;
}
button{
background:#007bff;
color:blue;
border:object-fit;
padding:10px 15px;
border-radius:5px;
cursor:pointer;
}
button:hover{
background:#0056b3;
}