Thanks for writing detailed step-by-step and example codes.
I. Abiyasa Suhardi

Thanks for the very thoughtful response. I appreciate the kind words too.

Oh, about the SVG pricing labels, I totally agree. Styling those as text is a is an equally good way to handle the pricing label.

The alt tags are absolutely important, if images must be used. That must have skipped me somehow. I’ll edit the solution to reflect this.

So, why did I use SVG?

It may be difficult for beginners to style the pricing label appropriately. In this particular case, the dollar symbol is styled like a superscript character.

In order to avoid the complexity, I chose to use SVG.

Inline SVG isn’t bad for accessibility.

In the real world, I would have opted for inline SVG.

Again, thanks for the reply.

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.