/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

0 vote220 views1 answer
Css clamp vs media queries
CSS
0 vote172 views1 answer
In flex-wrap remove last item margin for every row
CSS
0 vote160 views1 answer
Responsive font size with clamp
CSS
0 vote180 views1 answer
Qgraphicsscene get viewport width
CSS
0 vote139 views1 answer
All pseudo elements css
CSS
0 vote129 views2 answers
Transparent circle in css
CSS
0 vote223 views1 answer
Column count css
CSS
17 votes202 views3 answers
Rotate image in css
CSS
1 vote185 views1 answer
How to set media query for both width and height in css
CSS
0 vote206 views1 answer
Text truncate after 3 lines
CSS