@Islandstone89
Posted
Hi, great job!
Some suggestions:
HTML:
-
The alt text must also say where it leads(frontendmentor website). A good alt text would be "QR code leading to the Frontend Mentor website."
-
I would change the heading to a
<h2>
- a webpage can only have one<h1>
, which is reserved for the main heading. As this is a card heading, it would likely not be the page's main heading.
CSS:
-
I like to add
1rem
ofpadding
on thebody
, to ensure the card doesn't touch the edges on small screens. -
It is common to add
display: block
andmax-width: 100%
on images. -
As the design doesn't change, there is no need for any media queries. When you do need them, they should be in
rem
orem
, not px.
Marked as helpful