Taeluf.com

dashboard.css

.user_dashboard {
    display:flex;
    flex-direction:row;
    height:100%;
}

@media only screen and (max-width: 600px) {
    .user_dashboard {
        flex-direction:column;
    }
}

.user_dashboard .left_col {
    min-width:200px;
    display:flex;
    flex-direction: column;

    background: lightgray;
    padding:8px;
}
.user_dashboard .middle_col {
    flex:1;
    padding:8px;
}
.user_dashboard .right_col {

}


.user_dashboard .left_col a {
    text-decoration: none;
    padding:8px;
    color:black;

}

.user_dashboard .left_col a:hover {
    background: rgba(0,0,0,0.2);
}

.user_dashboard .left_col .selected {
    background: rgba(0,0,0,0.2);
}

.user_dashboard .middle_col > div {
    max-width:90ch;
    padding:8px;
}