Код на 100%. Однако у меня вопрос: есть ли способы его оптимизировать и сократить?
.tabs-list{
width: 180px;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
}
.charts {
margin-top: 0;
margin-bottom: 15px;
}
.clients {
margin-top: 0;
margin-bottom: 15px;
}
.messages {
margin-top: 0;
margin-bottom: 15px;
}
.documents {
margin-top: 0;
margin-bottom: 15px;
}
.projects {
margin-top: 0;
margin-bottom: 15px;
}
.settings {
margin-top: 0;
margin-bottom: 15px;
}
.trash{
margin-top: 0;
}
.active {
align-self:flex-end;
}
.content {
width:280px;
padding: 20px 30px;
display: flex;
flex-direction: column;
align-items: center;
}
.image {
max-width: 100%;
height: auto;
order: -1;
margin-top: 0;
margin-bottom: 15px;
}
.author {
order: -1;
align-self: flex-start;
margin-top: 0;
margin-bottom: 15px;
}
.title {
margin-top: 0;
margin-bottom: 5px;
}
.message {
margin-top: 0;
margin-bottom: 20px;
}