/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

2 votes128 views10 answers
Robux
CSS
26 votes130 views3 answers
Css remove border input focus
CSS
1 vote133 views1 answer
Css on hover do something to children
CSS
13 votes134 views6 answers
Bootstrap Badges
CSS
1 vote130 views2 answers
Css grid two columns
CSS
14 votes118 views3 answers
Css multiple classes same rule
CSS
58 votes146 views3 answers
@media
CSS
2 votes185 views2 answers
No gutter in bootstrap css for row
CSS Bootstrap
0 vote220 views1 answer
Width cross browser
CSS
0 vote139 views1 answer
QAnon Won't believe who
CSS