Blog titles: adjust spacing and line height (mobile)?

Hi there, I am working on the blog section of my website. When viewing it on mobile, the blog post list spacing is a bit off. I'd like to adjust:

• Can I reduce the spacing between the metadata (date, blog recipe) and title so that it is closer together?
• How can I adjust the line height of the title so that there isn't so much space when the titles are long?

I was able to fix it using this code:

@media screen and (max-width: 767px) {
.blog-title {
line-height: .6 !important;
}
}

Did you solve both or still need help with first problem?