02-PortFolio

@media (width<=600px) {
    .checkbtn{
        display: block;
        order: 2;
    }
    nav ul{
        display: none;
    }

    #check:checked ~ ul{
        display: block;
        width: 30%;
        border-radius: 0.3rem;
        text-align: center;
        position: absolute;
        top: 150px;
        right: 20px;
        background-color: #38cccc;
    }
    .site-header{
        display: flex;
        flex-direction: column;

    }
    .site-header > i{
        left: 0px;
    }
    .about{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .about-header{
       position: revert;
    }
    .gallery{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;

    }

}