Even though CSS grid is one of the greatest additions to CSS, it was lacking one important thing, which is to make an element inherit the columns or rows from its parent. CSS subgrid can help us in doing that. It has been requested for years and now that both Firefox and Safari Technology Preview support it, I thought about giving it a chance. In this article, I will try to highlight the problem that subgrid is expected to solve, how it works, and a few potential use-cases for it.
Let’s talk about the various ways we can control how text wraps (or doesn’t wrap) on a web page. CSS gives us a lot of tools to make sure our text flows the way we want it to, but we’ll also cover some tricks using HTML and special characters.
Developers often reach for UI frameworks like Bootstrap or Material UI, hoping that they’ll save a bunch of time and quickly build a professional-looking app. Unfortunately, things rarely work out this way. Let’s talk about it.
The user’s browsing environment is not predictable. Tell other developers, and for goodness sakes, tell your designers. Let’s learn how to coexist with that unpredictability by using adaptive, contextual spacing techniques.