Design series – Fixing the post date

Currently, the date and the post title are far removed from each other.

The issue is caused by the margin on the <p> element. This is easy to fix in the CSS.

Before

.post-meta {
  font-size: var(--small-size);
  color: var(--secondary-text);
  margin-bottom: 0;
}

.post-content > h1 {
  margin: 0;
}

After

.post-meta {
  font-size: var(--small-size);
  color: var(--secondary-text);
  margin-bottom: 0;
}

.post-content > h1 {
  margin: 0;
}

And now it looks like this:

What’s not so nice that it starts to feel like a lot of special casing. I might have to rethink the approach if this continues.