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

  • Marwa 60

    @MarwaDawood

    Posted

    Very good attempt, few things to improve on next time:

    1. Use the fonts and colours provided to get a more accurate side by side : <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;400;600;700;900&display=swap" rel="stylesheet">
    2. Pay attention to the different sizes of fonts and adjust
    3. position in centre : display: flex; justify-content: center; align-items: center; 4.Add hover to the buttons to change colour : button:hover 5.Add main, header and section to your html

    Marked as helpful

    0
  • Marwa 60

    @MarwaDawood

    Posted

    Very good attempt! Few suggestions:

    Include <main> in the html and at least one heading such as <h1>

    Add line heights in the paragraphs and break the text in the correct place

    1
  • Marwa 60

    @MarwaDawood

    Posted

    Very good attempt and close in likeness just few points:

    1.Use the colours and font family provided in the style guide

    2.Replace the <div> elements with more semantic HTML where applicable. This improves the document's readability and accessibility e.g : <main>: Use <main> to wrap the primary content of your page. : <h1>: Use <h1> for the primary heading : <section> : use section instead of divs

    1. Use <br> to break the text in your title and paragraphs e.g: <h2> Improve your front-end <br>skills by building projects</h2>
    0