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

Submitted

A mobile-first and responsive page using Flexbox

@Samuel0008

Desktop design screenshot for the Newsletter sign-up form with success message coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I had a lot of challenges moving my code locally from VSCode and putting it on my repository on Github. Please suggest a way for me to do so more easily.

Community feedback

Adel 820

@Adel-Harrat

Posted

Hello, I didn't read your questions xD

Here's an excellent article from freeCodeCamp explaining Git and GitHub for absolute begginers, enjoy!

click here to read it

Marked as helpful

1
Adel 820

@Adel-Harrat

Posted

Hello, congratulations on completing this challenge!

I noticed some issues in your code regarding centering the ".cont" div.

  • To fix it, please add the following code to the ".cont" class and make sure to remove those CSS properties:
.cont {
background-color: white;
margin-left: 250px; /* REMOVE THIS */
margin-top: 250px; /* REMOVE THIS */
margin-right: 250px; /* REMOVE THIS */
margin-bottom: 20%; /* REMOVE THIS */
border-radius: 50px;
}
  • & Add this code to the body
body {
background-color: #0a1c25;
min-height: 100vh; 
display: grid;
place-items: center;
}

If you have any questions, I will be happy to answer them. Happy coding!

1

@adepoju-oluwatobi

Posted

To do this more easily, you can create a repository in github first and then clone it using the git clone command. That way all you have to do is just git add . Git commit, and fit push from the terminal.

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord