Skip to content
OverviewSolutions
10
Comments
5
JfuseCodes
@JfuseCodes

All comments

  • JfuseCodes•270
    @JfuseCodesPosted almost 3 years ago

    Hey, thanks for the feedback. I will make those changes.

    Much appreciated!

    0
  • Michał Chmiel•190
    @xgunzoSubmitted about 3 years ago

    My problem with js app is that you have to insert numbers in input field then select tip percentage. Otherwise there won't be any result. After reseting all data when you select any tip percentage there would be NaN error. Maybe someone have solution for this? Would be very grateful!

    Responsive page, CSS, JS, eventListeners, VSC

    1
    JfuseCodes•270
    @JfuseCodesPosted about 3 years ago

    I came across the same issues when i was working on this project. Basically the solution to having the app update is have event listeners for each input regarding any situation.

    Situations like a bill with no tip and a bill with a tip. So for the input of the bill, you create a function that outputs the results if no tip has been selected. Then you do the same if a tip has been selected.

    Eventually you have to add the event listeners for each of the inputs so that on any input the results are rendered without having to re input anything else.

    I hope this helps point you in the right direction. If you need any clarifications don't hesitate to ask! Good Luck.

    1
  • 0xSTVNDZ•30
    @0xSTVNDZSubmitted about 3 years ago

    Yes, I did not do the challenge as required! Not sure how I'm supposed to structure my HTML/CSS so that the photo is to the right of the text in desktop version but on top in mobile version. I would really appreciate any feed back! I tried flex-wrap: reverse-wrap but that just moved the photo below the text.

    Update: A kind user helped me out and now the live link and github repo should be just like the challenge describes!

    Responsive page using Bootstrap.

    1
    JfuseCodes•270
    @JfuseCodesPosted about 3 years ago

    Hey great job on this project! Try and use flex-direction: reverse; That should fix up that issue for you

    Marked as helpful
    0
  • Carlos Salas•10
    @Crew777Submitted about 3 years ago

    I think this is more of a github question. My CSS or pictures wont load with the HTML file. All of my files are there but none of them will load. I am not sure what I am doing wrong but here is the link to my repository.

    Order-Summary-Component-Challenge using Atom

    2
    JfuseCodes•270
    @JfuseCodesPosted about 3 years ago

    Within the index.html file the href is for the css link is wrong.

    Instead of: <link rel="stylesheet" href="/css/styles.css">

    It should be: <link rel="stylesheet" href="styles.css">

    The way you have it would only work if your css file was in a folder called css. EX: IF IN FOLDER: href="folderName/filename.filetype" IF NO FOLDER: href="fileName.filetype"

    Marked as helpful
    0
  • JfuseCodes•270
    @JfuseCodesPosted about 3 years ago

    As far as the background what i did was this: background-repeat: no-repeat;

    This should stop the background from looping over and over.

    Marked as helpful
    0