Problem Css Boostrap Firefox SVG

[Fran Egea]

I am developing a web in Bootstrap 4 and in the header I have a SVG format logo that has to be responsive (without fixed size) but it is not possible to visualize it unless you leave the property wide at a fixed value in .px some way to be responsive without leaving a fixed value in .px? Because in Chrome, Opera, Safari, Internet explorer leaving the Width property in auto. In all browsers it appears without problem but in Firefox it does not

[Paulie_D]

A Codepen demo would be useful here.

[Fran Egea]

Here it is:

https://codepen.io/imprentaonline24/pen/NQrEyb

[uxfed]

An SVG element would be better than an img tag. You’ll need to have your viewBox attribute as well as width and height. This will ensure it scales appropriately.

[Fran Egea]

Thanks!

[Author]

Posts