Design comparison
SolutionDesign
Community feedback
- @MaximilianoDanielGarciaPosted 12 months ago
Hi @Ibeeyusuf, great job!
If you are wondering why is not centered it's because you need to add
min-height: 100vh;
on yourbody
styles.Also, I noticed that you forgot to import the google font. I have two ways to do it.
- Importing font in HTML
<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=Outfit:wght@300;400;600&display=swap" rel="stylesheet">
- OR importing in CSS file
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap');
Finally, you can specify wherever you want to use it with
font-family: 'Outfit';
.I hope these are helpful to you.
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