2020 brought another wave of logical property features to major browsers and I’ve thoroughly enjoyed my investment into logical, rather than physical, web styling. I feel like I’ve learned a new way to speak about the box model that results in less written code with more global coverage. p { / 🚫 / text-align: left; / 👍 / text-align: start;
/ 🚫 / margin-top: 1rem; / 👍 / margin-block-start: 1rem; } Like I described in the web.dev article I linked … Read article “Late to Logical”
The post Late to Logical appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
Login to add comment
Other posts in this group


Parallax is a pattern in which different elements of a webpage move at varying speeds as the user scrolls, creating a three-dimensional, layered appearance. It once required JavaScript. Now we have

Today, I want to discuss a couple of patterns for naming color palettes that the community is using, and how I propose we can improve, so we achieve both flexibility and beauty.


I went on to figure out how make masonry work today with other browsers. I'm happy to report I've found a way — and, bonus! — that support can be provided with only 66 lines of JavaScript.
<hr


Brad Frost introduced the “Atomic Design” concept wayyyy back in 2013. He even