кому интересно код на 100%
.tabs-list {
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
width: 180px;
}
.tab:not(:last-child) {
margin-bottom: 15px;
}
.active {
align-self: flex-end;
}
.content {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
width: 280px;
padding: 20px 30px;
align-items: center;
}
.image {
padding-bottom: 15px;
width: 100%;
height: auto;
order: -1;
}
.content *:not(.author-avatar) {
margin: 0;
}
.author {
padding-bottom: 15px;
align-self: start;
order: -2;
}
.title {
padding-bottom: 5px;
}
.message {
padding-bottom: 20px;
}