Fullscreen code block

Hey,

i'm building a language selector page from scratch with a code block. Everything is working fine except for the resizing. I want the code which is a large image with an overlay with clickable areas. to be the same height as the viewport and the width according to that height. So that the page is not scrollable at all resolutions. And that the code block is always at full height.

www.hydroko.com/hydrokov2

password : Admin

i also tried to do the same without a codeblock so just with an imageblock. 

Can someone help me with this problem. 

18 hours ago, matthiassmartfish said:

Hey,

i'm building a language selector page from scratch with a code block. Everything is working fine except for the resizing. I want the code which is a large image with an overlay with clickable areas. to be the same height as the viewport and the width according to that height. So that the page is not scrollable at all resolutions. And that the code block is always at full height.

www.hydroko.com/hydrokov2

password : Admin

i also tried to do the same without a codeblock so just with an imageblock. 

Can someone help me with this problem. 

You can try the following custom CSS

.containermap {
  height: 100vh;
  padding-bottom: 0;
}

section[data-section-id="6643c3ec1e303f06d6d4e864"] .sqs-block .sqs-block-content,
.fluid-engine.fe-6643c3ec1e303f06d6d4e863, 
.fe-block-8f011adeb36ed7a49dd2  {
  height: 100vh;  
}

Let me know how it works on you