@charset "utf-8";
/* CSS Document */


/* grid calender start */

.grid-calender {
    display: grid;
    border: 2px black solid;
    border-radius: 5px;
    width: 1070px;
    height: 800px;
    grid-template-columns: repeat(7, 150px);
    grid-template-rows: repeat(9, 150px);
    grid-row-gap: 2px;
    grid-column-gap: 2px;
    
}

.box{
    background-color: blueviolet;
    color: black;
    border-radius: 5px;
    border: 2px dodgerblue solid;

}
/* grid-calender end */



/* columns start */

.columnstest {
    display: grid;
    grid-template-columns: 50% 50% ;
    border: 2px black solid;
    border-radius: 5px;
    width: 800px;
    height: 500px;
    
}

.box{
    background-color: blueviolet;
    color: black;
    border-radius: 5px;
    border: 2px dodgerblue solid;

}
/* columns end */



/* rows start */

.rowstest {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 80% 20%;
    border: 2px black solid;
    border-radius: 5px;
    width: 800px;
    height: 900px;
}

.box{
    background-color: blueviolet;
    color: black;
    border-radius: 5px;
    border: 2px dodgerblue solid;

}
/* rows end */