elmcrest
KPCKevin Powell - Community
•Created by elmcrest on 2/5/2024 in #front-end
overflow-y: scroll not working in Chrome
hey again everybody.
I just noticed I have an issue with my website when using it with Chrome based browsers ... the overflow-y: scroll isn't working. In Firefox and Safari it's working just fine.
any ideas what's causing this?
https://raesener.de/
to be precise
div.content is the element here.8 replies
KPCKevin Powell - Community
•Created by elmcrest on 2/3/2024 in #front-end
Is a global grid with 'auto wrapping" subgrid possible?
codepen:
https://codepen.io/elmcrest/pen/ExMLeLW
I'm experimenting with a new layout trying to get a global grid to work with multiple subgrids.
I'm not sure if the description makes that much sense so I just try to explain everything and hope for the best.
when there's enough space, the four
class="keyword" elements (just keywords as follows) just stay in a single row. when the viewport gets more narrow they should wrap just if it would be a flex container with auto-wrap.
but here the four keywords are in a subgrid and consume the outer main-grid's columns and rows, so it's possible in other places to match the grid, f.e. a heading or whatever you like. In the example the "p" in the heading aligns perfectly with the "P" for Python, or "R", "D" and "J" depending on the viewport width.
I couldn't find a better or cleaner solution yet, if there's even one? So that's the question - is there a better way to do this?
disclaimer: this is an experiment and doesn't aim for production quality robustness and quality...54 replies