Hello
There are some important principles to learn in this challenge
- Content should always be contained within landmarks. That means you need a
main
at least on every page so it's good to get into that habit now. Place the attribution content in afooter
landmark outside of main too. - Learn about image alt text, what it is and how to use that attribute in meaningful vs decorative images. There is a good post in the discord resources channel about how to write good alt text. In this, you must Change the alt text you have written so far. It is not code, it is content. It needs to say what the image is (QR code) and where it goes (to FrontendMentor.io)
- Keep html as simple as possible. Think about this. Do you need a text div at all in this?
- Always use a modern css reset at the start of the styles. Andy Bell has a good one you can look up and use.
- The component max width should be in rem not px. This avoids a horrible narrow card for users who enlarge their font size.
- IMPORTANT - never write font size in px! Use rem.
- Keep css selectors as low specificity as possible. Use single class selectors not nested selectors if at all possible
Marked as helpful