How to Reduce Extra space from Archive Tiles?

Hi there,

The space you see after the date & author meta is coming from the default margin top assigned for footer-meta and entry-summary container which are this ones.

footer.entry-meta {
    margin-top: 2em;
}

.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
    margin-top: 2em;
}

These are found within the default main.min.css of the theme.

But we can override this with custom CSS.

Try this:

footer.entry-meta, .entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
    margin-top: unset;
}

After applying this, the extra space left you'll be seeing is because the posts are set to equal height when you set columns for your post list. It stretches the contains, making the "space" for post with shorter titles.

As for the post thumbnail overlapping with the breadcrumbs:

It's because of this.

.post-image-above-header .no-featured-image-padding .inside-article .post-image {
    margin-top: -30px;
}

This is generated when you have a Layout element that sets the Content Area to Full Width (no padding) or Contained (no padding).

We can override it with this CSS:

.post-image-above-header .no-featured-image-padding .inside-article .post-image {
    margin-top: unset;
}