Project tags margin misalignment on subsequent lines

thienjs / thien.me

personal portfolio w/ nextjs, tailwind, notion api, framer motion, shadcn, headless ui

https://thien.me

MIT License

52 stars 4 forks source link

Project tags margin misalignment on subsequent lines #1

Closed BretHudson closed 2 years ago

BretHudson commented 2 years ago

By using gap on the flex parent instead of margin-left/margin-right on each child, you'll be able to not only keep the first item in rows 2+ from being misaligned, but you'll also be able to apply a vertical gap applied as well :)

thienjs commented 2 years ago

Thanks! I was wondering how to align the tags better. This is very helpful.

BretHudson commented 2 years ago

Resolved by thienjs/thien.me#1