Twenty Seventeen: Post title's margin-bottom on front page is too large

[hirofumi2012]

Post title's margin-bottom is 4em when set a posts in page and choose 1 column.
It is too large.

So we need to add a css like this:

@media screen and (min-width: 48em) {
  .page.page-one-column .recent-posts .entry-header,
  .twentyseventeen-front-page.page-one-column .recent-posts .entry-header{
    margin-bottom: 1.5em;
  }
}

may be...

[jainnidhi]

Set the page layout to one column and select blog page in front page section.

[jainnidhi]

It shows more gap in between title and content.

[jainnidhi]

I've reduced space in between title and content in this patch.

[hirofumi2012]

Replying to jainnidhi:
Thank you for adding screenshots.
This is perfect for me.

[sabernhardt]

#40457 was marked as a duplicate.

[sabernhardt]

Makes blog header margin more specific on front page when layout is set to one column

[sabernhardt]

Makes blog header margin more specific on front page when layout is set to one column

[sabernhardt]

I prefer @laurelfulford's 40457.patch​ for this.

I only see the .panel-content .recent-posts .entry-header selector's elements together on the front page, and making that more specific with the .twentyseventeen-front-page body class is simpler than adding new rules.

[mukesh27]

Thanks for the patch.

40457.patch​ working fine for me.

Marking this ticket for commit.

[SergeyBiryukov]

In 51808:

Twenty Seventeen: Make blog header margin more specific on front page.

This avoids a large gap between title and content when the layout is set to one column.

Props laurelfulford, sabernhardt, hirofumi2012, jainnidhi, mukesh27.
Fixes #43628.