ok, thanks to all for your feedback, unfortunately, seems like despite the initial optimism, there is a major issue with this new layout. As it turns out, not suprisingly, this new mode does not work in Internet Explorer. The result in IE is unusable and looking this up on the internet I found this is a well-known issue and something that has to do with the incompatibility of IE. I have mentioned in the past that this browser is a nightmare for all developers, unfortunately this issue affects even the latest version of it, IE 11 (you can try….).
The question now is what to do… It obviously works perfectly and it works perfectly even on portable devices (phones, tablets), something I was always struggling with. However if I use this, the page will be unusable in IE, it is unable to wrap the elements to a new line, resulting in a long overflowing row of elements.
It is now therefore down to the question how many people really use IE. The way I look at it is that this is a browser I would never recommend to anyone for all sorts of reasons, a browser which is no longer supported by even Microsoft (replaced by Edge, in which Flexbox works perfectly fine) and everyone who cannot use Edge (non-Win10 users) can install any of the free, much better, alternatives – Chrome, Opera, FireFox.
On the other hand, there might still be individuals using this and as mentioned previously, if I start using Flexbox in the template, your page will not be usable in IE.
Looking at some statistics, IE seems to be used by about 1.8% of people visiting meteotemplate.com.
I guess I am sort of stuck at this point because this is obviously a problem where no matter which solution I try, will always have disadvantages….