JSFiddle - React, Tailwind, and code Playground

SCSS

.product {
    background: #000;
    width: 100%;
    
    @media all and (min-width: 768px) {
        float: left;
        width: 50%;
    }
    
    @media all and (min-width: 1024px) {
        width: 25%;
    }
}