Vscode, Git, HTML, CSS

Hello @esthercate! Congrats on your submission. Your solution is very well implemented. Good job.

• You could center the card to the page by adding the following to the body in css.

body {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
   justify-content: center;
   align-items: center;
}

• You could also add semantic sectioning elements to your html. You could change <div class="hero-section"> to <header class="hero-section"> , <div class="main"> to <main class="main"> and maybe <div class="attribution"> to <footer class="attribution">. This will help address the accessibility issues raised in the report.

Happy coding

• good work with the meaningful alt values.
• an h1 is considered best practice in a site and should not be missing. Use css to control the font size

Happy coding

Hello! For the background image, it cant find the image source. In the background-image: url("../images/pattern-background-mobile.svg"); you forgot a dot(.) in the beginning.

Check the path file. That was my problem.