Codepen Is Being Weird

Codepen Is Being Weird
0.0 0

#1

On the latest redo of my portfolio, I have run into a problem that I have never seen before. It’s quite frustrating and weird. There is a phrase (“Specify in CSS”) that is appearing in my title page in the top left corner. Now what is annoying is that it is referenced nowhere in the Codepen editor. (That I am sure of, I have checked multiple times).

But…

The Chrome Developer tools say otherwise.

So in the developer tools, it says that the annoying phrase is referenced in the code (as shown in the picture) but there is nothing about it in my codepen editor. So my question is

  1. What do I do to get rid of this bug?

  2. What do I do to prevent it from happening again?

  3. What caused this?

This is the link to my portfolio.


#2

It’s happening because you are telling it to.

If you go to settings/html/stuff-for-head, you have:

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
 <link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Bad+Script | |Cinzel+Decorative" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Serif" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script|Galada|Lobster|Pacifico|Quicksand|Shrikhand|Spirax" rel="stylesheet">
Specify in CSS

Notice the last line. I assume that you accidentally cut and pasted that.


#3

Ohhh!

I never knew that was there. Thanks Kevin!