Hi guys,
I decided to give a try to a relatively new CSS grid layout called Flexbox. This new layout mode in CSS3 should allow very nice scaling of elements on the page regardless of screen size. If this turns out to work I would try implementing it as much as possible because in ideal scenario it should make your page really nicely scaled no matter what your monitor size is or what block size you use.
For starters I tried implementing it in the Spain – Current conditions block, which previously was problematic, the squares where the city name was long wrapped incorrectly and created undesirable gaps.
I would therefore like to ask everyone to look at the DEMO link below and tell me in the comments if it works fine/does not look nice in the browser you use on the device/monitor you use.
This could then theoretically be implemented at many places, especially blocks (Current etc.)
Thanks
Flexbox test (look at the “more” section)
Hi Jachym
Working perfectly on a computer 15.6″ screen and amazingly, working perfectly on a 5.5″ Samsung galaxy j7 in portrait mode!!!!!
Another one of your” great inventions” that will probably solve many of the current issues regarding correct display in diferent screen sizes.
Perfect!
Working great on my HP proBook 4540s with Google Chrome. Very smooth action.
Displays very nicely in Opera and Safari on the iPad and also looks great in Microsoft Edge and Opera on my PC.
John
work fine for me also
Firefox 54.0.1
laptop Acer R11
Resolution 1366 X 768
Good morning Jachym
I’ve seen your Flexbox test page.
In my case it works perfectly
System:
– Pc desktop
– Monitor Resolution: 1600 x 900
Saludos from San Sebastian
Javier
na PC prohlížeč Chrome a mobilu Samsung S4 vypadá skvěle
Simply Brilliant
Fits ons my Samsung galaxy S7 wit Chrome mobile
Wow… well looks like I should be using this as much as possible 🙂 Didnt expect only positive reactions, thanks guys for all your feedback!
No apparent problems on my Samsung Note 10.1 2014. Nice and logical line breaks.
Microsoft EDGE , firefox , looks fine
15″monitor
Looks good using Samsung s2 tablet 8 screen
Looks fine Win 10 on Firefox on microsoft surface laptop
Looks good on my Mac using Firefox, Safari and Opera
Jachym,
I tried it on my laptop and 7 inch tablet and the block worked fine on both. I even tried in landscape and portrait mode on the tablet and it looked great in both.
Jay
On my 19″ monitor looks perfect.
Thank you.