Trying to make the sections in the website cover the screen/the whole viewport. To do that we have added custom code but the changes are not reflecting.

We are aiming to make sections of a website cover the entire screen or viewport, the most common approach is to use CSS properties to ensure that each section takes up 100% of the viewport height, regardless of the content inside. But the code is not effecting the sections within the site.

Link : https://quillfish-tortoise-fgct.squarespace.com/
Password : bellwether2024

Code used :

section[data-section-id="replace-with-id-number"] {

height:100vh !important;

overflow:hidden !important;

min-height: unset !important;

}

Which exact code you added?