#main{
    width: 100%;
    height: max-content;
    display: flex;
    border: 1px solid black;
/* padding: 10px; */
}
#side{
    width: 18%;
    height: max-content;
    /* border: 1px solid black; */
}
@media (max-width:768px) {
    #main{
        display: block;
        /* height: 100px; */
        width: 100%;
    }
    #Products{
        margin-top: 100px;
    }
    #side{
        display: flex;
        /* justify-content: space-around; */
    }
}
#Products{
    padding: 2px;
    width: 82%;
    height: max-content;
    /* border: 1px solid black; */
    display: flex;
    flex-wrap: wrap;
    gap : 10px

}