i used hr tag. i give 30% width to hr tag. as i zoom my screen, width of hr tag is remain same .and when i small my screen width remain same.
but i want responsive width based on page size . how can i do ?? when i zoom in i want width of hr tag also small. i attached 2 image. first is screen size is 100% and second one is screen size is 50%.
Can you post a bit more code? Looks like your
hr tag is nested as a child inside another element with a specified width. This means that giving it a width of 30% will produce a width relative to said parent container instead of the screen width.
If you need a quick-fix, you can use
30vw, which can give you the desired effect, but I wouldn't advise that.
You need to make sure your code is structured properly to avoid any unnecessary surprises in the future.