Design comparison
Community feedback
- @super-gillPosted almost 2 years ago
I think I can help you a little bit
Change your image src attribute to: src="image-qr-code.png" its currently looking for the image in a subdirectory that doesn't exist, you defined the size of the image container and the image which may need to be adjusted when the image appears.
Change the section with the class main to a main tag <main> </main> wrap the footer in <footer> </footer> tags.
Use google fonts to find the font in the project details, it gives you a link you can add to your head section and from then on you can reference the font by name in inverted commas ( ' ' ).
That should get you a bit closer to the example, something you might also want to look up is flexbox and grid which will help you coordinate the sizes and positions.
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord