/CSS/How to make fixed position responsive

How to make fixed position responsive

.responsive-div {
    position: fixed;
    width: 70vw; // vw being viewport-width, so 70% of the width of the viewport
    height: 50vh; // vh being viewport-height, so 50% of the height of the viewport
    /*works well for SVG's specifically*/
}

Source: stackoverflow.com

Similar codes

1 vote311 views1 answer
Html details summary marker remove
CSS
3 votes303 views2 answers
Css for internet explorer only
CSS
19 votes317 views2 answers
Border color css
CSS
0 vote323 views1 answer
.sidebar { --offset: 2rem; flex-grow: 1; flex-basis: 300px; align-self: start; position: sticky; top: var(--offset); }
CSS
0 vote312 views1 answer
Elementor custom css for mobile
CSS
0 vote337 views1 answer
Hide title wordpress
CSS
1 vote335 views1 answer
Html video css
CSS
0 vote315 views5 answers
What is the difference between relative and absolute css
CSS
0 vote321 views1 answer
After certain width how make ontent center and add margin auto both side
CSS
2 votes310 views1 answer
Bootstrap dark mode
CSS