2 interesting articles in this week's Frontend Focus.
- Contain scrolling behavior
When you add scrolling behavior to a certain container you sometimes do not want to continue scrolling when you reach the end of the container. This can be achieved with by setting the CSS
overscroll-behavior property to
contain. Read more in Prevent Scroll Chaining With Overscroll Behavior.
- Restrict width of text container
Swyx reminds us about the simple
max-width: 70ch; property to keep texts readable on large screens. He also links to some bookmarklets so you can apply readability to whatever website (for example Wikipedia): 100 Bytes of CSS to look great everywhere.