@iindty
Submitted
@EddieBones1
@iindty
Submitted
@EddieBones1
Posted
Good job! But I suggest using HSL (hue, saturation, and lightness) values over hex values because it's easier to tweak HSL values over hex values down the road. Also, start incorporating global variables in your style sheet because it allows you to code faster in your style sheet, and if a web developer ever looks at your code, they would know what your values are. W3schools further explains and shows you examples of how to use global variables in your style sheet.
Hope this helps!
@NinnoMexs
Submitted
@EddieBones1
Posted
Amazing start! If you want to center the container in the middle of the page. You will have to input this code in the body:
body{
display:flex;
flex-direction:column;
justify-content:center;
height: 100vh; /* vh= viewport height */
}
Marked as helpful
@EdoardoRamondetti
Submitted
What are you most proud of, and what would you do differently next time?
i did not find this project difficult, i am glad of completed this project quickly
What challenges did you encounter, and how did you overcome them?
initially I had a little difficulty in vertically centering the main div with flex because I didn't remember that I had to give a height to the body
What specific areas of your project would you like help with?
I would like to know if I have set css and html correctly
@EddieBones1
Posted
Make sure to have the hover effect in the h2
selector so that when the mouse cursor hovers over the text it changes the color to yellow.
@Ragnardnl
Submitted
@EddieBones1
Posted
I was reviewing your code, and I noticed that the background color for the page is incorrect. It should be: background-color: #d5e1ef;
Also, you need the custom font that is in the style guide in the Starter Files.
Marked as helpful
@devpatel024
Submitted
What specific areas of your project would you like help with?
Gave me feedback!! & if you want to know how to use cursor IDE so message me I will help you to use cursor IDE in your daily coding projects.....
@EddieBones1
Posted
It looks amazing! but you are missing the line-spacing property for your h1
and p
selectors in your stylesheet. That information can be found in the design Figma files. Also, use em
instead of px
units because px
units are not responsive. You can read more about px vs em units by Grace Snow
Marked as helpful
@mabsattar
Submitted
@EddieBones1
Posted
You're off to a really great start! but I noticed there are a few things that is missing in your code. One of them is the background color of the page.
body{
background-color: #d5e1ef;
}
Also, the custom font family Outfit is missing in the head section of the index.html file.
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Outfit:[email protected]&display=swap" rel="stylesheet">
Once you copy and paste the code above in the body section of your html file. You will be able set the font family to Outfit in the h1
and p
selectors in your stylesheet. Also, you have to change the font-weight to what is shown in the Figma Style folder they provided.
Hope this helps š
Marked as helpful