Design comparison
Community feedback
- @franexmo81Posted about 1 year ago
Nice job. The grid layout works as intended and is responsive.
However, I'm afraid that the font type is not properly linked. In Index.html you have:
<link href="https://fonts.google.com/specimen/Barlow+Semi+Condensed" rel="stylesheet">
But, actually it should be:
<link href="https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@500;600&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
Please, have a look to how to use Google Fonts to understand why the above is needed.
Also, at the CSS, it's recommended to place the font type between quotes, and provide a more generic second option. I mean, instead of what you have:
font-family: Barlow Semi Condensed;
To have this:
font-family: "Barlow Semi Condensed", sans-serif;
I hope these changes helps. Happy coding!
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