All comments

• 

  Tiffany Arellano• 205

  @yirano

  Submitted over 4 years ago

  This is my first time developing in React so it's incredibly messy in there. This project is something I'll be coming back to to clean up as I learn more about this JS Library.

  But if you have any advices you could throw at me I would greatly appreciate it!

  

  Bookmark LP using React

  4

  1

  0

  

  Phut• 455

  @phut-tran

  Posted over 4 years ago

  Hi @yirano, I couldn't see your live preview site. You may have a duplicate link in your submit solution.

  1

  This comment has received 1 replyShow
• 

  tgusterson• 185

  @tgusterson

  Submitted over 4 years ago

  On my phone and tablet (Chrome and Safari) I can’t see the error message icon, but on desktop browsers it shows up fine. Any idea why this is?

  I also struggled to get the background exactly as pictured.

  

  Coming Soon page using sass, flexbox, grid and js

  3

  1

  1

  

  Phut• 455

  @phut-tran

  Posted over 4 years ago

  Hello @tgusterson, your solution look great 👍 About the error, I see you have a wrong path in CSS file. The / at the beginning of your file path indicates it begin at the root directory. Open browser console you will see the error URL.

  Here your code:

  .error-icon {
    content: url("/images/icon-error.svg"); // This is our problem
    z-index: 1;
    position: absolute;
    top: 25%;
    right: 70px;
    cursor: default;
  }
  

  My recommended: url("../images/icon-error.svg")

  Also, I see you use two difference img tag for the background image. If the image just for decoration purpose. You should use CSS background.

  Have a glance on my code

  Hopefully it useful for you.

  1

  This comment has received 2 repliesShow