/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 vote367 views1 answer
Css make background visible in text
CSS
5 votes355 views3 answers
Keep background image fixed during scroll using css
CSS
0 vote336 views1 answer
Css svg width 100%
CSS
0 vote462 views1 answer
Bootstrap 5 sidebar class
CSS Bootstrap
5 votes387 views3 answers
Back color rbg
CSS
33 votes378 views6 answers
Background image opacity css
CSS
53 votes384 views6 answers
Css transform
CSS
0 vote356 views1 answer
Secltor for parent li css
CSS
0 vote351 views1 answer
Center div with variable height
CSS
1 vote381 views3 answers
Css for bigger screen size
CSS