Safari 14.1 Includes Assistance for Flexbox Gaps

< img src ="" class=" ff-og-image-inserted "> Yay, it’s here! Safari 14.1 supposedly includes assistance for the space home in flexbox designs. We have actually had grid-gap assistance for a long time, however real to its name, it’s restricted to grid designs. Now we can utilize space in either kind of design:< pre rel =" CSS" class=" wp-block-csstricks-code-block language-css ” data-line =” 4″ >. container p>

. display screen: flex; flex-flow: row wrap; space: 1.5 rapid eye movement; 

Apple’s been rather peaceful about the upgrade. I didn’t even find out about it up until Eric Meyer brought it up in an e-mail, and he just became aware of it when Jen Simmons tweeted it out.

I examined the WebKit CSS Function Status and, sure enough, it’s supported. It simply wasn’t called out in the release notes. Absolutely nothing is published to Safari’s release notes archive right now, so possibly we’ll find out about it formally there at some time. In the meantime, it appears that Maximiliano Firtman‘s summary of iOS 14.5 is the inmost take a look at what’s brand-new.

And how prompt is it that Eric just recently covered how to utilize the space home, not just in grid and flexbox designs, however multi-column also.

Leave a Reply

Your email address will not be published. Required fields are marked *