A mobile-first and responsive page using Flexbox

Community feedback

• 

  Adel•820

  @Adel-HarratPosted over 1 year ago

  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-HarratPosted over 1 year ago

  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•200

  @adepoju-oluwatobiPosted over 1 year ago

  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