Recently I was faced with the following problem: I had to build a layout that consists of several rows. In each row are two images with a fixed aspect ratio. The two images should have the same height and fill the entire row. The images' aspect...

This week we’ll take a look at the new aspect-ratio declaration and its use. Una Kravets wrote the introductory article, but there are some additional technical points to be made. I also wrote a little fallback that you might use...

This post highlights a few powerful lines of CSS that do some serious heavy lifting and help you build robust modern layouts.

Learn Flexbox with 30 code tidbits. Become a flexbox ninja with this FREE course!

Is can be quite a challenge to align things with CSS. Rachel Andrew takes a look.

If you hadn't seen it, Heydon posted a rather clever flexbox layout pattern that, in a sense, mimics what you could do with a container query by forcing

A comprehensive tutorial to help you understanding the fundamentals of Flexbox layout

You can add Flexbox to WooCommerce shop page, product category archives and related products rows and actual products with a few lines of CSS – this will ensure that the products will line up nicely a…

Layout is a design and WordPress blog covering thought-provoking topics that show you the next step for your business, improve your process, and inspire your designs.

I’m using flexbox more and really liking it, I’ve hit an issue a few times with center aligning the last item in an uneven row of elements inside a flexbox row container when using the justify-content...

A while ago, after reading Heydon Pickering's article on quantity queries, I had a go at it myself. I wrote a post on how we can use quantity queries in CSS to alter the width of items in a grid...

Every time a carousel is mentioned in a blog post, it's a requirement to mention that... say it with me now: You probably shouldn't use a carousel.

A sticky footer refers to a web page footer that sticks to the foot of the page even when there is not a lot of content on the page, without one the footer will ride up leaving the layout somewhat uns...

What You'll Be CreatingIt’s not necessary to understand every aspect of Flexbox before you can jump ...