/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 vote171 views2 answers
Button transparent using css
CSS
101 votes161 views4 answers
Css top padding
CSS
0 vote177 views1 answer
Css loader with gradient
CSS
-1 vote205 views2 answers
Hide the scrollbar in css if not overflow
CSS
1 vote174 views2 answers
Apply style to second child div
CSS
1 vote146 views1 answer
Html details summary marker remove
CSS
0 vote120 views1 answer
Hide calendar icon
CSS
19 votes161 views2 answers
Center div css flex
CSS
18 votes164 views4 answers
Background color none
CSS
2 votes151 views1 answer
How many pixels is h1 text html
CSS