The first thing we want to do is set up our filter navigation which contains our heading and two filter elements (dropdowns) with labels. Let’s start with setting up a flexbox container w… See more

We’ll use the following HTML for our Flexbox Layout: Like before, we need a flex container. In this scenario we will use .products as our flex container. We’re going to add two … See more

It can sometimes be tricky to set a fixed footer or set content to the bottom of a container. Flexbox can help us there as well. If you have been following along with the code bi… See more

As we have less horizontal space to work with, we’d like to reduce the number of products per row. For example, if the max viewport is 920px, we would like the number of i… See more