Does anyone else get bothered by the titles being cut off?

I think there are much better ways to go about this… for example, doesn’t this look much cleaner? And you get to know what the article is about! :wink:

<div class="story-card">
<a href="/strategy-knotworking-turning-ideas-and-ambitions-into-reality-fp1be3wwv">
    <div class="img" style="background-image: url(&quot;https://hackernoon.com/drafts/h2n3wkp.png&quot;);"></div>
</a>
<div class="excerpt">
    <div class="title"><a href="/strategy-knotworking-turning-ideas-and-ambitions-into-reality-fp1be3wwv">Strategy Knotworking: Turning Ideas and Ambitions into Reality</a></div>
    <hr style="margin-top: 0px;">
    <div class="bio">
        <div class="flex">
            <div class="avatar" style="background-image: url(&quot;https://hackernoon.com/avatars/NFcxX03gyqcDrE3dnlYXrmx8Ft12.png&quot;);"></div>
            <div><a href="/@Scrum.org" class="name">Scrum.org</a>
                <div class="published">August 9</div>
            </div>
        </div>
    </div>
</div> <a href="https://hackernoon.com/tagged/scrum" class="tag">Scrum</a></div>

CSS:

.story-card .title a {
color: #111;
text-decoration: none;
font-size: 1rem;
font-weight: bold;
letter-spacing: -1px;
}

.story-card .title {
height: 110px;
line-height: 1.4;
margin-bottom: 0px;
overflow: inherit;
padding: 10px 14px;
}

Thanks for the feedback @han_lunardigital! We’ve planned to apply the design from our tag page to the homepage. It’s a little more compact and accommodates 3 lines on the title instead of 2. Do you think that would solve the problem?

https://hackernoon.com/tagged/coding