Creating qr code using Bootstrap and CSS custom properties

Is it cheating for using bootstrap on this project?

Of course of not! you can use any tool for create your solutions, from vanilla js to any library/framework like react, vue, astro, etc.

However, there are some accesibility errors that should be fix:

• In your src attribute for img tag, you can replace backslash \ for slash / because th backslash is used like path delimiter or escaping characters (in regex).
• Consider add an alt attribute to img tag for give a contexts of the image, for example <img src="..." alt="QR Code" />.
• Replace your <div class="container-fluid ..." (div tag) with a main tag to fix accesibiilty error.
• Replace your level-five heading with level-one heading to fix accesibility errors, for example: <h5> -> <h1>.
• Replace your <div class="attribution fixed-bottom"> (div tag) with a semantic footer tag such as: <footer class="attribution fixed-bottom"> to fix accesibility errors.

Great job!