Помогите пожалуйста c css

Помогите выровнить все это дело кучу всякого переменял что то не пойму в чем причина

 

в лс написал

 

Code:

<div class="poster grid-item d-flex fd-column has-overlay" href="{full-link}">
    <div class="poster__img img-responsive img-responsive--portrait img-fit-cover">
            <img src="[xfvalue_poster]" src="{theme}/images/no-img.png" alt="{title}">
            <div class="poster__label"><span class="fal fa-star"></span>[xfvalue_shikimori_rating]</div>
            <div class="poster__label_series">[xfvalue_episodes_total] / [xfvalue_episodes_aired]</div>
            [rating-type-4]<div class="poster__rating"><div class="js-count-rating"><span class="fal fa-star"></span>{rating}{vote-num}</div></div>[/rating-type-4]
            <div class="has-overlay__mask btn-icon anim"><span class="fal fa-play"></span></div>
    </div>
    <div class="poster__desc">
            <h3  class="poster__title ws-nowrap">{title}</h3>
            <ul class="poster__subtitle ws-nowrap">
                    <li># [xfvalue_anime_status]</li>
                    <li><span class="fal fa-eye"></span> {views} </li>
                    <li><span class="fal fa-calendar"></span> [xfvalue_year]</li>
            </ul>
            <div class="poster__text line-clamp">{short-story limit="15"}</div>
    </div>
</div>