Tom
Posted on October 31, 2021
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.
💖 💪 🙅 🚩
Tom
Posted on October 31, 2021
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.
Related
webdev Create a Stunning 3D Bend & Reveal Hover Effect with Illusionistic Background Using HTML & CSS
November 27, 2024