Random quote machine - improving

In visual studio the buttons look fine. Why is it different in codepaen?

Codepen of course, I was in a hurry

The answer is your pen settings:

In the HTML tab/Stuff for Head, cut/paste this:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" integrity="sha384-3AB7yXWz4OeoZcPbieVW64vVXEwADiYyAEhwilzWsLw+9FgqpyjjStpPnpBO8o8S" crossorigin="anonymous">

It looks like you are using bootstrap:

  • In the CSS pane, you have to add bootstrap.css.
  • In the JS pane, you need (in order, but don’t worry: those are drag handles on the left):
    – jQuery.js
    – Bootstrap.js
    (You can also get the minified versions of the javascript - *.min.js
1 Like

Did my previous reply answer your question? if so, click the checkmark underneath it to label this thread as “Solved” (It should turn green)

not entirely. know the box has shifted, but I’m working on it

1 Like

I checked it out. I see a dashed-border box which gets new quotes when I click the button. The share quote button doesn’t work, but I noticed a typo in your parameters. I think (even) should be (event), right?

$('.share-quote').on('click', function(even){
1 Like