Promble’s Screenshot
It’s my code and I’m also use bootstrap 5.3.3 :
I tried really hard to make it look like the Medium logo but it just wouldn’t budge.

I don’t know what could be the problem with the SVG code below. It is not displayed in the browser, but it looks nice when displayed directly. If I replace them in the CSS with any other SVG, they all show up.

My goal is to implement a SVG of a caret symbol ^ that remains symmetric when mirrored, while using readable code.

Is there a CSS-only way of making the font of <text> elements inside an embedded SVG conform to the font size of the surrounding HTML? <text> elements scale according to the viewBox attribute of their parent <svg>, as do HTML elements placed in a <foreignObject> tag.

I am trying to practice my web dev skills and I ran into some problems. I am currently trying to do a challenge in front end mentor. I would say I am 70% done with the challenge but I am stuck with the image positioning.

Closed yesterday.

I have the following CSS rule:

Why doesn’t my svg scale to the size of its container when there is an explicit width and height on the svg? I can see that the svg styles are overwritten in the dev tools, but it doesn’t seem to do anything.

I am creating 2D molecule visualizations using a “molfile”, which is a collection of x,y,z points for atoms (I just use the x and y points for 2D renderings), and a collection of bonds linking the atoms. I create circles for all non-carbon atoms, and lines between atoms for bonds, in SVG. However, it looks like this currently:

I have an svg for a project.