body{
    margin:0;
    font-family:Arial;
    background:#eee;
    }
    
    .header{
    text-align:center;
    background:#fff;
    padding:10px;
    }
    
    .product-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:1px;
    }
    
    .card{
    background:#fff;
    position:relative;
    }
    
    .card img{
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover;
    }
    
    .price-tag{
    position:absolute;
    top:5px;
    right:5px;
    background:red;
    color:#fff;
    padding:4px 6px;
    font-size:12px;
    }
    
    .order-btn{
    width:100%;
    background:green;
    color:white;
    border:none;
    padding:8px;
    }
    
    @media(min-width:768px){
    .product-grid{
    grid-template-columns:repeat(3,1fr);
    }
    }
    
    @media(min-width:1200px){
    .product-grid{
    grid-template-columns:repeat(4,1fr);
    }
    }