Using svw and svh

Published on: Friday, 19.01.2024

Using svw and svh allows us to adjust sizing when browser's interfaces expand dynamically. By using these we can tell our content to fill the entire viewport.

.dropdown-menu {
        max-width: 85svw;
    }

My example adjusts the size of a dropdown menu on mobile.