Design it with HTML and CSS and used the JavaScript fetch API .

Community feedback

• 

  Danilo Blas•6,300

  @Sdann26Posted over 2 years ago

  Hi Winning!

  In your CSS at the beginning put this.

  @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@800&display=swap');

  For your code to use the project's font style, this can be seen in style-guide.md which takes you to a Google Fonts page to put typography in your projects.

  Then in your CSS also place:

  html{
     font-family: 'Manrope', sans-serif;
  }
  

  By the way if you want the text centered you can add the following attribute, text-align:

  div.advice-text {
      font-size: 28px;
      color: hsl(193, 38%, 86%);
      margin-top: 3%;
      margin-bottom: 3%;
      text-align: center;
  }
  

  I hope my comments have been helpful.

  0

  ---

  

  winning Godspower•160

  @winninggodspowerPosted over 2 years ago

  @Sdann26 Thanks for the review. I'll do just what you told me. I totally forgot to add the font. Thanks!!

  1

  

  winning Godspower•160

  @winninggodspowerPosted over 2 years ago

  @Sdann26 done it. Thanks!!

  0

  

  Danilo Blas•6,300

  @Sdann26Posted over 2 years ago

  @winninggodspower By the way you can generate a new screenshot, you get 5 free ones a month, so that the preview of the project looks nicer when you have already edited it.

  1

  

  winning Godspower•160

  @winninggodspowerPosted over 2 years ago

  @Sdann26 ohh yeah. didn't know that. im new here.

  0