/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 vote349 views1 answer
Alternate color on two consecutive rows
CSS
11 votes367 views1 answer
Css not class
CSS
0 vote329 views1 answer
Css design guideline
CSS
0 vote377 views1 answer
Css radio button size
CSS
5 votes406 views4 answers
Display none tailwind
CSS
3 votes373 views2 answers
How center content in css by using flex
CSS
-1 vote362 views1 answer
Arranging the paragraph in css
CSS
15 votes401 views2 answers
Background-image: url opacity
CSS
0 vote353 views1 answer
How to use css without brackets
CSS
0 vote339 views1 answer
Css flex add second row
CSS