/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

18 votes222 views2 answers
Rgba blue colo
CSS
-1 vote253 views1 answer
Arranging the paragraph in css
CSS
41 votes236 views4 answers
How to center text in css
CSS
0 vote277 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap
0 vote237 views1 answer
Text wrap image wordpress css
CSS
3 votes230 views1 answer
Media queries css not working for mobile
CSS
-2 votes228 views3 answers
How to highlight text in css
CSS
0 vote240 views1 answer
CSS menu list with underline hover animation
CSS
0 vote233 views1 answer
Webkit css audio code
CSS
0 vote252 views1 answer
Hide first of type elements using css , how to hide elements using css
CSS