Designing better target sizes

This latest offering from Ahmad is highly interactive and highly informative. It’s also making me think that although gap is useful for layout, it might be worth re-visiting negative margins and padding-based layouts for clusters of interactive elements, like navigation 🤔

This sorta thing:

nav {
  margin: -1rem 0 0 -1rem;
  display: flex;
}

nav a {
  display: inline-block;
  padding: 1rem;
}

nav a:last-of-type {
  padding-inline-end: 0;
}

Advert