Please note that using a script is not an option for me
My goal is to include a set of 12 100X100 icons at the bottom of emails sent to customers. These icons should be displayed with 100% width and evenly spaced, like this:
X X X X X X
X X X X X X
If the email is opened on a smaller device width, the icons should automatically reorder as follows:
x x x x
x x x x
x x x x
and
X X X
X X X
X X X
X X X
and so on.
I'm wondering if achieving this layout behavior is possible using CSS alone?