Recently I had been given a responsive design that looked complex in the way items changed order and layouts changed at different viewports. This new design looked complex, until we thought of it in terms of CSS Grid and FlexBox.
The challenge for this would be supporting Internet Explorer 11 and Safari 9+.
After highlighting the design complexities, we will show the CSS needed to support modern browsers, then we’ll add IE support and finally get it to work in Safari 9 + 10.0.
Looks pretty straight forward, with a couple points to note:
... read the whole story at medium.com.
- The product Variation changes order
- CTA’s must be inline with each other