Skip to content
OverviewSolutions
12
Comments
2
Phut
@phut-tran

All comments

  • Tiffany Arellano•205
    @yiranoSubmitted about 5 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
    Phut•455
    @phut-tranPosted about 5 years ago

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

    1
  • tgusterson•185
    @tgustersonSubmitted about 5 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
    Phut•455
    @phut-tranPosted about 5 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