Hello there, I’m new to CSS and would appreciate any help! :)
You can see the page here: http://wellcooked.co.uk/poke.html
Currently the carousel shows 100% width on the page at all times. However with wide screen resolutions, this results in the user having to scroll the page to see the image. On narrower screen resolutions, the carousel works fine.
Is it possible on wide screen resolutions to ensure the height of the carousel doesn’t exceed the window height? This would of course mean that the carousel wouldn’t be 100% width any more but that’s fine, the vertical height from the user’s window size would take preference.
I’ve tried wrapping with more divs set to 100% height and width but with no luck.
Thanks
Dogg