Hello there! 👋 Nice job on completing the challenge!
There are multiple ways to import fonts into your project. One effective method is to visit Google Fonts and search for your desired font (in this case, Outfit). Once you select it, you’ll be redirected to the font's page. Click on the "Get font" button, then select the "< > Get embed code" option. Make sure to mark the "@import" radio button and copy the code inside the style
tag.
You can then import it in your style.css
like this:
@import url('https://fonts.googleapis.com/css2?family=Outfit:[email protected]&display=swap');
This way, you don’t have to download the font, making it a convenient option.
This is one way to import fonts into your project; feel free to choose the method that suits you best.
Additionally, I believe the attribution
should be placed outside the component. Consider moving the attribution
div outside the content
div while keeping it inside the main
div.
Lastly, please add an alt
text to your QR image. Including alt text is essential for accessibility as it allows screen readers to convey the content and purpose of images to visually impaired users, ensuring everyone can understand the information being presented. It also enhances SEO by providing context to search engines.
You could use something like this for the alt text:
alt="QR code linking to the Frontend Mentor website"
I hope this was helpful. 😊