Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • Eddie Bonesā€¢ 120

    @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!

    0
  • Eddie Bonesā€¢ 120

    @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

    1
  • Julienā€¢ 100

    @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

    Eddie Bonesā€¢ 120

    @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.

    0
  • Eddie Bonesā€¢ 120

    @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

    0
  • Dev Patelā€¢ 70

    @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.....

    Eddie Bonesā€¢ 120

    @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

    0
  • Eddie Bonesā€¢ 120

    @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

    0