There is some strange thing in the grid element after update to 6.1 but on one responsive step only, all other are just fine.
Details see secure note.
Hello Ondrej,
Thanks for writing in! Which page are you trying to edit? I want to check the Grid and Cell element settings. Can you please share the URL of the page so we can check it?
Best Regards.
see secure note
btw. the browser used for cornerstone is chrome Version 110.0.5481.104 (Official Build) (64-bit)
Hi Ondrej,
I have checked your website and found that you are using the Pro version 6.1.0. I would request you update it to the latest version i.e. 6.1.2 and check if that resolves your problem or not.
Thanks
Bad news: Update didn’t solve the problem. Another hint:
the grid is set to:
columns: 1fr 2fr
rows: auto
between the 1200px and 979px breakpoint this is ignored. the grid behaves like column: “1fr 1fr”. And it does not matter if I set it to 33% 66%. This glitch manifests live as well…
Hello Ondrej,
This is your Grid Column layout:
It should be changed to 1fr if you only want 1 column in screen size below 979px.
- image in the secure note.
Hope this helps.
Ah… the glitch is gone. Thx. But I don’t understand though. 1fr = 1 column layout, 1fr 1fr = 2 equal columns layout, which is desired here.
Hello Ondrej,
The fr is a fractional unit for the CSS Grid columns. Having 1fr could mean that you only have 1 column. 1fr 1fr will give you 2 columns with 50/50 width while having 1fr 2fr will give you 2 columns with 33%/6% widths. For more details about the CSS Grid columns, please check this out:
Hope this helps.
Yep - that’s how I understand “fr”.
Kind regards.
Hi Ondrej,
You are most welcome.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.