@MelvinAguilar
Posted
Hi @Youssef5107๐, good job completing this challenge! ๐
Here are some suggestions you might consider:
-
Upload the images to the GitHub repository, otherwise, it won't show up in your solution
-
Add an h1 tag to your solution. The
<h1>
element is the main heading on a web page. There should only be one<h1>
tag per page, and always avoid skipping heading levels; Always start from<h1>
, followed by<h2>
, and so on up to <h6> (<h1>,<h2>,...,<h6>). The HTML Section Heading elements (Reference)
Solution:
<h1>Improve your front-end skills by building projects</h1>
-
Instead of using pixels in font size, use relative units of measure like
rem
orem
. The font size in absolute length units (px) does not allow any user with limited vision to change the text size in some browsers. Reference. -
You can use either the CSS @import rule to import the font-family Reference
In your CSS file add this line of code:
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@500;700;900&display=swap");
And use it as follows:
.class-selector {
font-family: "Outfit", sans-serif;
}
I hope those tips will help you.
Good job, and happy coding!