Design comparison
Community feedback
- @AyoifePosted about 2 years ago
Hi @Dayerlin Bustamante, Congrats on completing this challenge!!
It looks really good and I like the way you made yours unique by using red instead of a green color for the button and the header, Nice work. But I couldn't help to notice that the font family of your solution wasn't the same with that in the design. I checked your code and I found out that the problem was the
@import
statement. The@import
statement on the first line of your css was not correct because,- Firstly, all links/urls should be contained in an
url()
function, therefore the url specified is actually visited - And secondly, the link in the
@import
statement is going to take you where the font is located on the Google Fonts website and returning nothing to your css but what you should have done was to scroll to where you could find the styles of the font family(in this case Manrope, and a font weight of 800) and then selected it and then copied the@import
statement it provided at the bottom right of the page to your css.
But to solve the problem, just replace the
@import
statement in your css with this :@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@800&display=swap');
which I got from the Google Font website.But apart from that, your site was absolutely amazing, keep it up!!
0@dayerlin-bustamantePosted about 2 years agoHi @Ayoife , a pleasure!
Thank you very much for perceiving the error in the @import , and your contribution to the solution. It's currently solved 😊
Thanks again, greetings Day !
0 - Firstly, all links/urls should be contained in an
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