The Reconstrained Design website is online 🎉
I worked from a printed booklet designed by Esa Matinvesi and adapted it for the web.
I also maximize backwards compatibility for old devices and browsers — which basically means writing CSS as if you were stuck in the early 2010s 👨🏻‍💻

· · Web · 1 · 1 · 2

No CSS grid or flexbox to display items on a grid?
You can use the old negative horizontal margins trick on your grid container and the same value as horizontal padding on each inline-block items, with a 50% width for a 2 columns layout, 33.333% for 3 columns, etc.

Supported browsers:
✓ IE 9 on Windows 7*
✓ Chrome Android 4.4 on Samsung Galaxy Note 4*
✓ Safari iOS 7 on iPad Mini*
✓ Safari iOS 6 on iPhone 4S*
✓ Safari 7.1 on Mac OS X Mavericks 10.9
✓ Firefox Android 4.4 on Samsung Galaxy Tab 4 10.1

*except mix-blend-mode

Sign in to participate in the conversation

A Mastodon instance for and by people who make things!