Jun 10, 2025, 11:05 AM💡 CSS Tip!
Do you know safe alignment? It's when you make sure your overflowing content is always fully accessible on scroll regardless of the alignment configuration.
https://css-tip.com/safe-align/
It's not something new but you are probably not aware about it.
@css Wow, no I didn’t, margin auto always felt like a hack. Thanks for sharing
Jun 10, 2025, 11:35 AM@css
But why isn't this the default behavior?
Jun 10, 2025, 11:39 AM@alavi sometimes we want the content to remain centered when it is bigger especially when the overflow is visible (the default value)
@css it might be worth adding a note about browser support. It looks like this feature wasn’t added until Safari 17.6 which was released less than a year ago https://developer.apple.com/documentation/safari-release-notes/safari-17_6-release-notes