@JEWebDev
Posted
Hello @sumit1125!
Good job! Here are some tips I think could help:
Your image is not showing on the site preview. To fix this update the image src attribute like this src="images/image-qr-code.png"
If you want to match the design a bit more you can make the h1 bold like this
h1{
font-weight: 700;
}
To give it more space between the elements you can apply the following styles to your card:
.card{
display: flex;
flex-direction: column;
gap: 1rem;
}
This will insert space between the image, the h1 and the paragraph element without having to give them a margin or padding individually.
If you have questions feel free to reply! I will answer them the best i can
If my answer was helpful please mark it as so.