@Agbortoko
Posted
You seem to have an issue with the display of your image. Currently this is what you did
<img src="/qr-code-component-main/image-qr-code.png" alt="">
You can replace the code above with this
<img src="qr-code-component-main/image-qr-code.png" alt="Short Image Description">
The reason why the image does not due to the incorrect path. Though the path you used might be seen by some code editors, it will not be visible on the browser. Simply remove the slash at the beginning an the image will load.
-Also all Images in your design should always have the alt attribute. This helps search engines easily understand what the image is all about.
- HTML5 elements such as
<main>,<nav>,<header>,<footer>,<section>,<aside>act as landmarks, or special regions on the page to which screen readers and other assistive technologies can jump. By using landmark elements, you can dramatically improve the navigation experience on your site for users of assistive technology (Users with disabilities) .
You can use the <div> for sub items within landmarks like <section>. In other words for containers or sections in your html you can use the <section> tag.
Marked as helpful
