Hi Olly.

I am in the process of “re-setting up” WP-Pizza with the newest versions of all the plugins, and have rediscovered my love for this great set of plugins.

I wanted to create a task for a developer in regards to styling the grid layout of the ingredients popup window OR making it a step by step thing, where you have to go threw a step for each ingredient group.

As for the grid.
Right now my ingredients window looks like this

but I would like to adapt the grid to look more like this

Do you have any advice on how approach changing the grid to better utilize the space, when having so many ingredients? Is this something that you would generally advise against?

Having it scale and stack properly on smaller device is a big priority too, which it does ok now I think. But I am not very happy with how it looks on desktop.

As for the step by step.
Do you know if this is something that anyone else has done successfully and is this something you could give any kind of advice on how to approach, or perhaps why not to?

Thank you in advance and have fantastic day.

Sandbox – work in progress