Responsive landing page width flex box, media queries

Community feedback

• 

  David•8,000

  @DavidMorgadePosted about 2 years ago

  Hello JO, congrats on finishing the challenge! pretty good job, the only thing is that image problem that I will try to help you fix it!!

  The problem with your image is that you are setting the wrong relative path to it, sometimes our code editor is a bit forgiveness and it shows up correct on production but not on deployment, try setting up the path correctly like this one: background-image: url(../images/image-hero-mobile.png) instead of background-image: url(/images/image-hero-mobile.png) .

  With the new path, you are telling to your background image to search the image on a previous level folder with ../ (because you are in the CSS folder and need to go one level up to access the image folder), and then accesing the image folder!

  Also don't forget to add it in your media querie for mobile too !

  Hope my feedback helps you, great work and I hope my answer gets the problems resolved, tell me how it goes!

  1

  ---

  

  JO•60

  @myspace8Posted about 2 years ago

  @DavidMorgade It worked like magic. I'm really glad. Thanks

  1

  

  David•8,000

  @DavidMorgadePosted about 2 years ago

  @myspace8 nice to hear that, it's a pleasure!

  0