.com-school-user-header{ display:flex; flex-direction: row; background:#643b17; width:150px; height:60px; overflow: hidden; .header{ height:100%; display:flex; width:30%; justify-content: center; align-items: center; .avatarBtn{ height:40px; width:40px; border-radius: 10px; .avatar{ width:40px; height:40px; } } } .user{ display:flex; width:70%; font-size:12px; flex-direction: column; .name{ font-size:14px; color:#cccccc; margin-left:10px; height:30px; line-height: 30px; } .icon{ height:30px; display:flex; flex-direction: row; align-items: flex-end; justify-content: flex-start; margin-bottom: 10px; .img{ width:20px; margin-left:10px; } } } }