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;
}