Design comparison
SolutionDesign
Community feedback
- @AdelinkedPosted about 2 years ago
Hi , OgBobosky it's a good solution that you've provided here and i have some suggestions:
- Use the fonts as in the style-guide file provided with this challenge: (- Family: Alata
- Weight: 400
- Family: Josefin Sans
- Weight: 300) for that go to : https://fonts.google.com/ select the fonts that you need than the site will give you the link elements to add to the head of your html file:
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Alata&family=Josefin+Sans:wght@300&display=swap" rel="stylesheet">
after that you can use them in your css. exemple:
.immersive { /*your other properties*/ font-family: Josefin Sans,sans-serif; /*your other properties*/ }
- Add the navigation menu for small devices accessible via a humberger icon as in the design
- Don't forget to fix the issues provided in the accessibility and the html validation reports.
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