There are many clever things that web designers can do with Cascading Style Sheets (CSS). However, when evaluating possibilities, I think it is worth checking that they actually solve a real problem without creating significant new issues. Today I have looked at a couple of examples on one of the sources of inspiration I regularly check via Feedly, Hongkiat.
One article looks at creating equal height columns without falling back on the established faux-column trick. It seems to involve wrapping elements in an invisible container and getting them to display as table cells. The implementation of pure CSS columns is still thwarted by cross-browser incompatibilities but, if so much effort needs to be put into making a page display like a table, I wonder if a simple table wouldn’t be better? We have come a long way from the bad old days when tables were the trick used to create a visually pleasing juxtaposition of layout elements. This approach for equal height columns seems to rely on using a different syntax to create… tables.
If I invest the time in learning a new approach, I generally want to use it to get past a challenge, not to merely go all the way round it an end up back where I started.