Interactive SignUP Component with HTML CSS React using Formik

Community feedback

• 

  Ubaka•130

  @NgeneubakaPosted almost 2 years ago

  Please how do I add my background Image?

  Any advice shall be appreciated

  0

  ---

  

  P

  Markus•90

  @MarkusB2611Posted almost 2 years ago

  @Ngeneubaka

  hello :)

  had a quick look at your code.

  you named the class responsible to set your background image show-case in your css. However, in your code you applied the class showcase to your section.

  0

  

  Ubaka•130

  @NgeneubakaPosted almost 2 years ago

  @MarkusB2611 :) thank you Markus

  0

  

  Eileen dangelo•1,600

  @EileenpkPosted almost 2 years ago

  Hi Ubaka,
  I see that you are using Create-React-App for this project, while this is fine, you might find value in checking out Vite. It is much faster, has improved build performance and other benefits of using over CRA. To fix the background image try changing

  1 - take out the slash between center and cover

  .show-case {
    background: url("./images/bg-intro-mobile.png")
    no-repeat center cover;
    height: calc(100vh - 0.1px);
  }
  

  2 - change url("./images/bg-intro-mobile.png") to

  url('homepagePath/images/bg-intro-mobile.png')

  where homepagePath is the url of your application served by github: https://{username}.github.io/{reponame}

  Hope you found this helpful!

  • Let's connect on LinkedIn! - @Eileenpk

  Marked as helpful

  0

  

  Ubaka•130

  @NgeneubakaPosted almost 2 years ago

  Thank You @Eileenpk I am most grateful.

  0