*{
    padding:1px;
    margin:0;
}
    #container {
    width:100%;
    margin:auto;
    }
    #sidebar{
    float:left;
    width:20%;
    }
    #content{
    overflow: hidden;
    }
    #text{
    height: 700px;
    overflow: scroll;
    overflow-x:hidden;
    }
    
    #grid-container{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
    grid-gap:5px;
    
    }
    .see{
    width: 50%;
    height: 40px;
    background-color: lightgray;
    color: black;
    font-size: 14px;
    }
    .color{
    font: 12px;
    color: blue;
    font-family: Arial, Helvetica, sans-serif;
    }
    .signin {
     width: 50%;
     height: 40px;
     background-color: rgb(65, 68, 103);
     color: white;
     font-size: 14px;
    }
    .onecart{
        
       width: 15px;
        height:15px;
        margin: 5px;
    }
    
    .box1{
    padding: 1px;
    border: 1px solid lightgrey; 
    
    }
    .box1>img{
    width:100%;
    height:auto;
    }
    .box1>p{
    padding:1px;
    }