Designing better target sizes

Categories

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:

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

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

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

Check it out

Hello, I’m Andy and I’ll help you to level up your front-end development skills.

I’m a designer and front-end developer who has worked in the design and web industries for over 15 years, and in that time, I have worked with some of the largest organisations in the world, like Google, Harley-Davidson, BSkyB, Unilever, The Natural History Museum, Oracle, Capita, Vice Media and the NHS.

On Piccalilli, I share my knowledge and experience to make you a better front-end developer.

I’m the founder of Set Studio, a creative agency that specialises in building stunning websites that work for everyone. Check out what we're all about.