@debriks
Posted
Hi Akinrinlola!
Just a small suggestion on your solution : it is best practice to create a separate style.css
file to add the styles to your HTML document to keep things clear (even more important to function like that if you collaborate in a team).
To do that, you should create a style.css
(you can actually call it the way you want but this is a convention) in the root folder (or in a css folder) and then link in the <head>
of your html file like so:
<link rel="stylesheet" href="/style.css" />
Also the fonts are not displaying correctly and this si because this line of code should be changed : ` font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Arial Rounded MT', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;``
to simply this: font-family: 'Outfit', sans-serif;
Hope you find this helpful.
Happy coding! :)
Marked as helpful