Good day, ladies and gents.
Newbie here. I'd like to know if it's a possibility if I can set each panel(s) height individually? On the CodePen URL all the panels are the same height. But, I want some panels to go down a bit more before they scroll horizontally to the next panel. The width isn't a problem, but would love to set each panel(s) height as I please to put more content on some of them than other.
To explain a bit regarding what I want to achieve. I'm busy developing a photography site. On the intro panel I have some content that fits the normal width and height. When I scroll down vertically to my first panel, I have some "about" information and the height and width is also fine, want to keep it normal window size. Then when I scroll again it starts going horizontally to my second panel. Now here is where I want it to go down a bit more so I can fit more content like a quick portfolio for example. Then when I reach the end of that quick portfolio I want to scroll horizontally again to my third panel.
I tried setting the height via CSS, doesn't work. And I can see a bit of my content going downwards like I want it to, but can't scroll to it, just ignores it and goes to my next panel.
How can I achieve this?
Sorry if there is a very simplistic solution for this that I don't know and asking a very stupid question. But, I'm still learning and would really appreciate any help.
Thanks!