These are chat archives for FreeCodeCamp/Help

11th
Jun 2017
Margaret
@Margaret2
Jun 11 2017 00:00
how it actually qualifies as a game beats me
Manish Giri
@Manish-Giri
Jun 11 2017 00:00
something like this
Margaret
@Margaret2
Jun 11 2017 00:00
@MCTwoDigitZero sometimes it derps out gracias
CamperBot
@camperbot
Jun 11 2017 00:00
margaret2 sends brownie points to @mctwodigitzero :sparkles: :thumbsup: :sparkles:
:cookie: 107 | @mctwodigitzero |http://www.freecodecamp.com/mctwodigitzero
Jeremy
@jeremyjregister
Jun 11 2017 00:00
@Margaret2 <style> h2 {color: blue;} </style> like so?
CallMeOrange
@EgnaroDev
Jun 11 2017 00:00
wow
Manish Giri
@Manish-Giri
Jun 11 2017 00:00
@Margaret2 ty
CamperBot
@camperbot
Jun 11 2017 00:00
manish-giri sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 2656 | @margaret2 |http://www.freecodecamp.com/margaret2
CallMeOrange
@EgnaroDev
Jun 11 2017 00:00
I think offline made one of these for wallpaper in his website
jaio23
@jaio23
Jun 11 2017 00:00
@MCTwoDigitZero it worked thanks :)
CamperBot
@camperbot
Jun 11 2017 00:00
jaio23 sends brownie points to @mctwodigitzero :sparkles: :thumbsup: :sparkles:
:cookie: 108 | @mctwodigitzero |http://www.freecodecamp.com/mctwodigitzero
CallMeOrange
@EgnaroDev
Jun 11 2017 00:01
Like red lines moving around
@jaio23 No problem
Margaret
@Margaret2
Jun 11 2017 00:01
@jeremyjregister the stuff inside the style element is just style rules, it doesn't display content on the page. So you need both that and an <h2></h2> element to actually display some text
@Manish-Giri ooh purty Unicode
jaio23
@jaio23
Jun 11 2017 00:02
what do these "brownie points do ?
Margaret
@Margaret2
Jun 11 2017 00:02
@jaio23 they will buy you lattes at Starbucks
Manish Giri
@Manish-Giri
Jun 11 2017 00:02
:yum:
CallMeOrange
@EgnaroDev
Jun 11 2017 00:02
@jaio23 Nothing
jaio23
@jaio23
Jun 11 2017 00:02
xD
Margaret
@Margaret2
Jun 11 2017 00:02
:trollface:
jaio23
@jaio23
Jun 11 2017 00:02
such a troll lol
CamperBot
@camperbot
Jun 11 2017 00:02
:trollface: troll problems? notify admins here
CallMeOrange
@EgnaroDev
Jun 11 2017 00:02
lol
Report @Margaret2 to admins
@camperbot right?
Margaret
@Margaret2
Jun 11 2017 00:03
:sob:
jaio23
@jaio23
Jun 11 2017 00:03
oh god lol
anyways back to learning.
Margaret
@Margaret2
Jun 11 2017 00:03
I wonder who controls camperbot's account
Like what is his password and stuff
Abdulaziz
@Aziz94tg
Jun 11 2017 00:04
guys could any one help me ?
CallMeOrange
@EgnaroDev
Jun 11 2017 00:04
@Margaret2 lol its just a bot
Should be
Margaret
@Margaret2
Jun 11 2017 00:04
Yeah, but somebody had to set up a Github account for the bot
CallMeOrange
@EgnaroDev
Jun 11 2017 00:04
@Aziz94tg What is it?
Manish Giri
@Manish-Giri
Jun 11 2017 00:04
berkeley, raisedadead, and another guy
@Margaret2
CallMeOrange
@EgnaroDev
Jun 11 2017 00:04
@Margaret2 Quincy or his staffs maybe
Abdulaziz
@Aziz94tg
Jun 11 2017 00:04
how can I solve this Your p element should contain the first few words of the provided additional kitty ipsum text.
Margaret
@Margaret2
Jun 11 2017 00:05
hmm ... well I hope they don't check too much because I message cbot a lot of random stuff :smile:
CallMeOrange
@EgnaroDev
Jun 11 2017 00:05
lol
@Aziz94tg Create p element and have the word in it that has kitty ipsum text.
few words of the provided additional
Jeremy
@jeremyjregister
Jun 11 2017 00:06
@Margaret2 Thank you!! Figured it out
CamperBot
@camperbot
Jun 11 2017 00:06
jeremyjregister sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 2657 | @margaret2 |http://www.freecodecamp.com/margaret2
CallMeOrange
@EgnaroDev
Jun 11 2017 00:06
You saw that example right? copy that
@Aziz94tg
Margaret
@Margaret2
Jun 11 2017 00:06
good for you! @jeremyjregister
@jeremyjregister you could also go close your github issues so someone else doesn't have to
Curtis
@CurtisJCamp
Jun 11 2017 00:07
Need help with Style text inputs as form controls
<input type="text" placeholder="cat photo URL" required>
<button class="btn btn-primary form-control"><i class="fa fa-paper-plane"></i>Submit</button>
</form>
Abdulaziz
@Aziz94tg
Jun 11 2017 00:07
yes I did that , I dont know what is wrong !
Margaret
@Margaret2
Jun 11 2017 00:07
@CurtisJCamp isn't the form-control class supposed to be for the input?
CallMeOrange
@EgnaroDev
Jun 11 2017 00:07
@CurtisJCamp </i> should be after Submit
Abdulaziz
@Aziz94tg
Jun 11 2017 00:08
<p >Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
CallMeOrange
@EgnaroDev
Jun 11 2017 00:08
@Aziz94tg Yeah that it
Curtis
@CurtisJCamp
Jun 11 2017 00:08
ohh okay thank you
Margaret
@Margaret2
Jun 11 2017 00:08
@Aziz94tg there's a 2nd paragraph in the instructions
CallMeOrange
@EgnaroDev
Jun 11 2017 00:08
@Aziz94tg Close the space <p >
You should have two p elements like @Margaret2 said
Manish Giri
@Manish-Giri
Jun 11 2017 00:09
@CurtisJCamp the button had a type attribute, where'd that go?
Abdulaziz
@Aziz94tg
Jun 11 2017 00:10
@MCTwoDigitZero @Margaret2 Thanks guys it worked
CamperBot
@camperbot
Jun 11 2017 00:10
aziz94tg sends brownie points to @mctwodigitzero and @margaret2 :sparkles: :thumbsup: :sparkles:
:cookie: 111 | @mctwodigitzero |http://www.freecodecamp.com/mctwodigitzero
:star2: 2658 | @margaret2 |http://www.freecodecamp.com/margaret2
Curtis
@CurtisJCamp
Jun 11 2017 00:10
:/ i deleted it
Manish Giri
@Manish-Giri
Jun 11 2017 00:11
put it back
CallMeOrange
@EgnaroDev
Jun 11 2017 00:11
@Aziz94tg No problem
Curtis
@CurtisJCamp
Jun 11 2017 00:11
well yeah i know that now lol
Margaret2 @Margaret2 puts out lots of bird seed for the birds
Margaret2 @Margaret2 then it rains
Margaret2 @Margaret2 now @margaret2 has lots of grass
CallMeOrange
@EgnaroDev
Jun 11 2017 00:12
How?
Margaret
@Margaret2
Jun 11 2017 00:12
all the seeds sprouted
lol at least they're fresh i guess
CallMeOrange
@EgnaroDev
Jun 11 2017 00:12
@Margaret2 How did you do it? I forgot :/
Margaret
@Margaret2
Jun 11 2017 00:12
haha not telling
CallMeOrange
@EgnaroDev
Jun 11 2017 00:12
...
Margaret
@Margaret2
Jun 11 2017 00:13
/me
Manish-Giri @Manish-Giri hopes the birdies are safe :pray:
CallMeOrange
@EgnaroDev
Jun 11 2017 00:13
Oh yeah
EgnaroDev @MCTwoDigitZero lol
Margaret2 @Margaret2 don't worry they seem fine
EgnaroDev This message was deleted
Margaret2 @Margaret2 :scream:
Manish Giri
@Manish-Giri
Jun 11 2017 00:14
geez
__mifflin__
@cdrainxv
Jun 11 2017 00:14
Ugh
cdrainxv @cdrainxv : This is why we can’t have nice things.
CallMeOrange
@EgnaroDev
Jun 11 2017 00:15
:bird: :pray:
Margaret
@Margaret2
Jun 11 2017 00:15
lol
Manish Giri
@Manish-Giri
Jun 11 2017 00:15
get Mstellaluna in here
Curtis
@CurtisJCamp
Jun 11 2017 00:15
Thank you @Manish-Giri
CamperBot
@camperbot
Jun 11 2017 00:15
curtisjcamp sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5940 | @manish-giri |http://www.freecodecamp.com/manish-giri
CallMeOrange
@EgnaroDev
Jun 11 2017 00:15
Who's that?
Manish Giri
@Manish-Giri
Jun 11 2017 00:16
@CurtisJCamp np
Margaret
@Margaret2
Jun 11 2017 00:16
she's a mod
CallMeOrange
@EgnaroDev
Jun 11 2017 00:16
M. Stella Luna?
Margaret
@Margaret2
Jun 11 2017 00:16
she is also part Italian
CallMeOrange
@EgnaroDev
Jun 11 2017 00:16
Oh
This message was deleted
EgnaroDev @MCTwoDigitZero Purple!
Margaret2 @Margaret2 HAHA @Manish-Giri DO YOU SEE THIS someone else uses a light theme besides me
EgnaroDev @MCTwoDigitZero and dark light ahead
CallMeOrange
@EgnaroDev
Jun 11 2017 00:19
:shipit:
Margaret2 @Margaret2 ok, i gotta go eat, see y'all later
CallMeOrange
@EgnaroDev
Jun 11 2017 00:20
Cya
This message was deleted
Tori
@StarryDreams
Jun 11 2017 00:21
Can someone help me on the challenge Size your Images? I am so confused as to what I am supposed to put down and where. I am supposed to take this <style>
.larger-image {
width: 500px;
}
</style>
Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide.
Everywhere I have tried to put it doesn
doesn't work*. What am I doing wrong here?
CallMeOrange
@EgnaroDev
Jun 11 2017 00:21
@StarryDreams Show full code
Tori
@StarryDreams
Jun 11 2017 00:22
This is the code I think is correct? <style>
.smaller-image { width: 100px; } </style>
CallMeOrange
@EgnaroDev
Jun 11 2017 00:22
Create a class called .smaller-image inside style tags
Yeah that it and add that class to img element
Tori
@StarryDreams
Jun 11 2017 00:23
What do you mean by that? Sorry still new to all this.
CallMeOrange
@EgnaroDev
Jun 11 2017 00:23
<style>
.smaller-image { width: 100px; } 
</style>
Is that what you have?
Tori
@StarryDreams
Jun 11 2017 00:23
yes it is.
CallMeOrange
@EgnaroDev
Jun 11 2017 00:24
So do you know how to add that class to another element?
<p class="...."></p>
davidlair
@davidlair
Jun 11 2017 00:26
Interesting
I'm on the same challenge.
@StarryDreams Separate img class and img src by a comma
put them in the same brackets < >
Tori
@StarryDreams
Jun 11 2017 00:26
Oh okay. So do I write exactly like that above, with the style included, in between the ""?
CallMeOrange
@EgnaroDev
Jun 11 2017 00:27
@StarryDreams Yep without the dot
No style tags
Just that class name
smaller-image
davidlair
@davidlair
Jun 11 2017 00:27
It took me a moment to figure that out, had to figure it out by trial and error as the instructions don't specifically state how to separate them in the same brackets
CallMeOrange
@EgnaroDev
Jun 11 2017 00:27
@davidlair lol
davidlair
@davidlair
Jun 11 2017 00:27
Ah yes, and what MC said. I didn't catch that the rest of your style tags weren't in there
CallMeOrange
@EgnaroDev
Jun 11 2017 00:28
@davidlair Do you have an issue?
I can help you
davidlair
@davidlair
Jun 11 2017 00:28
No, I just thought it was funny that I literally just had an issue with that (but figured it out)
CallMeOrange
@EgnaroDev
Jun 11 2017 00:28
lol Good job figuring it out
davidlair
@davidlair
Jun 11 2017 00:28
I was like :O my soul mate!
CallMeOrange
@EgnaroDev
Jun 11 2017 00:29
@StarryDreams well?
Tori
@StarryDreams
Jun 11 2017 00:29
lol I am still tinkering with it
grrrr
thank you for the advice on what to do though. I am trying it out.
CallMeOrange
@EgnaroDev
Jun 11 2017 00:29
@StarryDreams All right
Tori
@StarryDreams
Jun 11 2017 00:31
Okay, now I feel a bit silly. I am still stuck. Idk what I am not understanding.
CallMeOrange
@EgnaroDev
Jun 11 2017 00:31
@StarryDreams Let me see your code
Tori
@StarryDreams
Jun 11 2017 00:32

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}


h2 {
font-family: Lobster, Monospace;
}


p {
font-size: 16px;
font-family: Monospace;
}

</style>

<h2 class="red-text">CatPhotoApp</h2>

<img,src ="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">

<p class="smaller image"> { width: 100px; } </p>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

davidlair
@davidlair
Jun 11 2017 00:33
Here's your issue. You want your "smaller-image" listed in </style>
Otherwise there is no "smaller-image" to call upon.
Secondly, you need the hyphen between those words.
Third, it shouldn't be in <p> element.
CallMeOrange
@EgnaroDev
Jun 11 2017 00:34
And you need - in smaller-image
davidlair
@davidlair
Jun 11 2017 00:34
It should be within your <img > element.
Goutham Reddy
@gouthi30
Jun 11 2017 00:34

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p>"View more"
<a href="http://www.freecatphotoapp.com">cat photos</a></p>

<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

CallMeOrange
@EgnaroDev
Jun 11 2017 00:34
and <img,src ="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."> NO COMMA!
Goutham Reddy
@gouthi30
Jun 11 2017 00:34
Need help with this code
CallMeOrange
@EgnaroDev
Jun 11 2017 00:35
<img src="....
Goutham Reddy
@gouthi30
Jun 11 2017 00:35
It's asking to nest the anchor tag within a paragraph tag
CallMeOrange
@EgnaroDev
Jun 11 2017 00:35
<p>"View more"
You typed it wrong
Never mind
Sorry thought View more as class
Goutham Reddy
@gouthi30
Jun 11 2017 00:36
I'm doing as instructed, but it's not getting executed
Christopher Blakely
@chrisbchrist
Jun 11 2017 00:36
You need to make sure you have 3 <p> tags, and sometimes it doesn't work even then. There are several tickets about it
CallMeOrange
@EgnaroDev
Jun 11 2017 00:36
Oh yeah no quote " "
davidlair
@davidlair
Jun 11 2017 00:36
Oh woah, I got away with adding a comma between
<img class="smaller-image" and src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
CallMeOrange
@EgnaroDev
Jun 11 2017 00:36
For View more
@davidlair lol
davidlair
@davidlair
Jun 11 2017 00:36
It said I passed
Guess I added an unnecessary step
CallMeOrange
@EgnaroDev
Jun 11 2017 00:37
@davidlair xD
davidlair
@davidlair
Jun 11 2017 00:37
Question, do I HAVE to have a space here?
CallMeOrange
@EgnaroDev
Jun 11 2017 00:37
@gouthi30 No quote around View more since its not class but text
davidlair
@davidlair
Jun 11 2017 00:37
border-width: 10px;
Goutham Reddy
@gouthi30
Jun 11 2017 00:37
@chrisbchrist 3<p> tags??
davidlair
@davidlair
Jun 11 2017 00:37
or could I type border-width:10px;
CallMeOrange
@EgnaroDev
Jun 11 2017 00:37
@davidlair You could
@davidlair You can too'
Work same way
davidlair
@davidlair
Jun 11 2017 00:37
Awesome, so they leave a space so it's easier to read, not out of necessity.
CallMeOrange
@EgnaroDev
Jun 11 2017 00:37
Yea
davidlair
@davidlair
Jun 11 2017 00:38
Cooliosis
Goutham Reddy
@gouthi30
Jun 11 2017 00:38
@MCTwoDigitZero Yeah i've tried by removing, but it shldn't be a problem as it's just a text
CallMeOrange
@EgnaroDev
Jun 11 2017 00:38
Should be professional
@gouthi30 Well then it will show up as "View more" and that is not what instructions want
Tori
@StarryDreams
Jun 11 2017 00:38
YES!!!! HAHAHA!!!! thank you I finally got it. I understood what you meant after you guys explained it all. Thank you
CallMeOrange
@EgnaroDev
Jun 11 2017 00:38
@StarryDreams No problem
@gouthi30 Tell me the instructions that is not completed and show me the code
Goutham Reddy
@gouthi30
Jun 11 2017 00:39
@MCTwoDigitZero I have tried by removing quotes too. still i'm facing the same issue
davidlair
@davidlair
Jun 11 2017 00:39
@StarryDreams Awesome!
Goutham Reddy
@gouthi30
Jun 11 2017 00:39
@MCTwoDigitZero Create a new p element around your a element.
Your a element should be nested within your new p element.
Your p element should have the text "View more " (with a space after it).
Code :
<p>View more
<a href="http://www.freecatphotoapp.com">cat photos</a></p>
CallMeOrange
@EgnaroDev
Jun 11 2017 00:40
@gouthi30 <p>View more </p> with space after it
davidlair
@davidlair
Jun 11 2017 00:40
Question about efficiency!
Your cat photo currently has sharp corners. We can round out those corners with a CSS property called border-radius.
You can specify a border-radius with pixels. Give your cat photo a border-radius of 10px.
Note: this waypoint allows for multiple possible solutions. For example, you may add border-radius to either the .thick-green-border class or .smaller-image class.
CallMeOrange
@EgnaroDev
Jun 11 2017 00:40
Make these code on one line
@davidlair what is it? :/
davidlair
@davidlair
Jun 11 2017 00:41
Is it "better" to add the radius of 10px to either class? Or it's basically irrelevant
CallMeOrange
@EgnaroDev
Jun 11 2017 00:41
Just either
davidlair
@davidlair
Jun 11 2017 00:41
so whatever comes first probably, for me, so I remember to keep things uniform throughout the code as to keep it clean
CallMeOrange
@EgnaroDev
Jun 11 2017 00:41
<p>View more<a href="http://www.freecatphotoapp.com">cat photos</a></p>
@davidlair Relax you can just make the code unclean and next challenge will have that code clean
Goutham Reddy
@gouthi30
Jun 11 2017 00:42
@MCTwoDigitZero Yeah i have given space after "View more"
davidlair
@davidlair
Jun 11 2017 00:42
I understand, but I'd like to get into good habits instead of expecting them to clean it up for me.
CallMeOrange
@EgnaroDev
Jun 11 2017 00:42
:/
davidlair
@davidlair
Jun 11 2017 00:43
:P sorry I"m talking too much
CallMeOrange
@EgnaroDev
Jun 11 2017 00:43
Use this code
<p>View more <a href="http://www.freecatphotoapp.com">cat photos</a></p>
@davidlair Nah Not really
Im actually glad
davidlair
@davidlair
Jun 11 2017 00:43
:) +1
woops
:) :+1:
CallMeOrange
@EgnaroDev
Jun 11 2017 00:44
Oh yeah I have a question for you @davidlair
I understand, but I'd like to get into good habits instead of expecting them to clean it up for me.
Who is them?!
:D
davidlair
@davidlair
Jun 11 2017 00:44
The computers multiple personalities, duh!
CallMeOrange
@EgnaroDev
Jun 11 2017 00:44
lol good answer
davidlair
@davidlair
Jun 11 2017 00:44
Hah
Thanks for keeping me on my toes lol
Goutham Reddy
@gouthi30
Jun 11 2017 00:45
@MCTwoDigitZero :worried: Not working
CallMeOrange
@EgnaroDev
Jun 11 2017 00:45
@gouthi30 hm can you show me your full code?
Goutham Reddy
@gouthi30
Jun 11 2017 00:45

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p>View more <a href="http://www.freecatphotoapp.com">cat photos</a></p>

<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

CallMeOrange
@EgnaroDev
Jun 11 2017 00:46
Hm looks fine to me
Dont you need third p element? and try refresh
@gouthi30 Name of the challenge?
Send me the link instead
davidlair
@davidlair
Jun 11 2017 00:48
is View more supposed to be above or below the image?
CallMeOrange
@EgnaroDev
Jun 11 2017 00:48
I was thinking same thing
davidlair
@davidlair
Jun 11 2017 00:48
NOt sure if that matters, though I think that challenge is up next for me.
Let me finish this one real quick.
CallMeOrange
@EgnaroDev
Jun 11 2017 00:48
Wait should be below image
Im pretty sure
davidlair
@davidlair
Jun 11 2017 00:49
Makes more sense to be below.
Just by reading that.
CallMeOrange
@EgnaroDev
Jun 11 2017 00:49
Yea
Whittney Moore
@whittney22
Jun 11 2017 00:49
really lost on what i'm doing wrong here. my challenge is style text inputs as form controls
CallMeOrange
@EgnaroDev
Jun 11 2017 00:49
@gouthi30 try moving view more thingy below img element
CallMeOrange
@EgnaroDev
Jun 11 2017 00:49
@whittney22 just add class form-control to input element
Or form element
@gouthi30 I copied your code and still pass
Refresh your browser and that should work
davidlair
@davidlair
Jun 11 2017 00:51

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<p>View more
<a href="http://www.freecatphotoapp.com">cat photos</a>
</p>
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

that passed for me
Whittney Moore
@whittney22
Jun 11 2017 00:51
@MCTwoDigitZero this is the part they're saying is wrong: <button class= "btn btn-primary" type=sumbit><i class="fa fa-paper-plane"></i>Submit</button>
Goutham Reddy
@gouthi30
Jun 11 2017 00:51
:smile: After refresh, the code passed
davidlair
@davidlair
Jun 11 2017 00:51
=sumbit?
Goutham Reddy
@gouthi30
Jun 11 2017 00:51
Thank you very much
CallMeOrange
@EgnaroDev
Jun 11 2017 00:51
@whittney22 sumbit
@gouthi30 no problem
davidlair
@davidlair
Jun 11 2017 00:51
:P
submit ;)
CallMeOrange
@EgnaroDev
Jun 11 2017 00:52
@davidlair :/ you got me but I was typing for gouthi30 but changed message quickly
I was too late lol
davidlair
@davidlair
Jun 11 2017 00:52
haha it's not a race changes tires
zooms past you
slashes your tires and disconnects the gas line
CallMeOrange
@EgnaroDev
Jun 11 2017 00:53
ah.
davidlair
@davidlair
Jun 11 2017 00:53
lol
Anyways I was only able to answer that question BECAUSE of the help you've provided me. I am your apprentice, you are my Master.
CallMeOrange
@EgnaroDev
Jun 11 2017 00:53
Fixed my tires and reconnect gas line :car:
davidlair
@davidlair
Jun 11 2017 00:53
:P
CallMeOrange
@EgnaroDev
Jun 11 2017 00:53
:/ Good job my student
davidlair
@davidlair
Jun 11 2017 00:53
Are you able to edit text you've already sent?
CallMeOrange
@EgnaroDev
Jun 11 2017 00:53
Yea
davidlair
@davidlair
Jun 11 2017 00:53
Wait don't tell me how!
I bet I can figure it out HTHERE WE GO
CallMeOrange
@EgnaroDev
Jun 11 2017 00:54
There are
oka
y
davidlair
@davidlair
Jun 11 2017 00:54
Perfect
Ah but you can only edit the last message you sent?
CallMeOrange
@EgnaroDev
Jun 11 2017 00:54
Good
@davidlair no
well yes with click up
But there is options just next to your message
davidlair
@davidlair
Jun 11 2017 00:55
Got it!
CallMeOrange
@EgnaroDev
Jun 11 2017 00:56
Just hover after your message sent time
davidlair
@davidlair
Jun 11 2017 00:56
Darn you beat me to explaining I found it myself. You win this time, sir!
CallMeOrange
@EgnaroDev
Jun 11 2017 00:56
lol
No need to call me sir
davidlair
@davidlair
Jun 11 2017 00:56
lol we're the only two in here right now
Oh I know, it wasn't a formality, more for fun.
CallMeOrange
@EgnaroDev
Jun 11 2017 00:56
No there are 3
Type @
True we are only chatting here
davidlair
@davidlair
Jun 11 2017 00:57
I see 9
CallMeOrange
@EgnaroDev
Jun 11 2017 00:57
No way
davidlair
@davidlair
Jun 11 2017 00:57
but when I hover over who's read my messages you're the only one :P
image.png
image.png
image.png
shit didn't mean to send that so many times
CallMeOrange
@EgnaroDev
Jun 11 2017 00:57
Strange..
Only 3 for me
lol
davidlair
@davidlair
Jun 11 2017 00:58
Probably depends on how long we've been on this screen
CallMeOrange
@EgnaroDev
Jun 11 2017 00:58
I get it
Refresh then type @ again
davidlair
@davidlair
Jun 11 2017 00:58
Just did, it's only you.
lol
CallMeOrange
@EgnaroDev
Jun 11 2017 00:58
Yeah
davidlair
@davidlair
Jun 11 2017 00:59
I wonder where the other 21,000 people are that are logged on.
lol
CallMeOrange
@EgnaroDev
Jun 11 2017 00:59
lmao
In different chatroom
Sydney
@SydneyWarren
Jun 11 2017 00:59
Geolocation.getCurrentPosition(function(position){
  console.log(position.coords.longitude)
  console.log(position.coords.latitude)
});
how come that code says geolocation is not defined?
CallMeOrange
@EgnaroDev
Jun 11 2017 01:00
Did you add jQuery to JS setting?
Sydney
@SydneyWarren
Jun 11 2017 01:00
no how do i do that?
CallMeOrange
@EgnaroDev
Jun 11 2017 01:00
Find a setting and you can see three box for html, css, Js
CamperBot
@camperbot
Jun 11 2017 01:00
find a setting and you can see three box for html css js
nothing found
CallMeOrange
@EgnaroDev
Jun 11 2017 01:00
lmao
@SydneyWarren then you can select an option
Sydney
@SydneyWarren
Jun 11 2017 01:01
i'm writing this on atom
CallMeOrange
@EgnaroDev
Jun 11 2017 01:01
I dont remember... you will have to send me your codepen link
oh..
Hold on
yoshi0683
@yoshi0683
Jun 11 2017 01:02
Hello :smile: How do I create a new class for p elements? Im on one of the first few lessons and got stuck
CallMeOrange
@EgnaroDev
Jun 11 2017 01:02
oh yeah @SydneyWarren dont you need doucment ready function?
Sydney
@SydneyWarren
Jun 11 2017 01:03
i've seen a document.ready function before but i'm not sure why i need it
CallMeOrange
@EgnaroDev
Jun 11 2017 01:03
@SydneyWarren you need it
always
$(document).ready(function(){
Geolocation.getCurrentPosition(function(position){
  console.log(position.coords.longitude)
  console.log(position.coords.latitude)
});
});
Copy that and now $ is not defined because jQuery isnt added to JS setting
Sydney
@SydneyWarren
Jun 11 2017 01:04
what does document ready do?
CallMeOrange
@EgnaroDev
Jun 11 2017 01:04
Setting>Javascript>Quick-add>jQuery>Save
@SydneyWarren Well just to make the JS ready
Im not sure exactly
you should be fine and Im not sure why geolocation isnt defined
$(document).ready(function(){
geolocation.getCurrentPosition(function(position){
  console.log(position.coords.longitude)
  console.log(position.coords.latitude)
});
});
Oh right you are writing on atom..
Take these code and go over to JS help room they will be able to help
I got it
@SydneyWarren
 navigator.geolocation.getCurrentPosition(function(position) {
      var latitude = position.coords.latitude;
      var longitude = position.coords.longitude;
Missing navigator.
I went to check my old weather api and found it :/
CallMeOrange
@EgnaroDev
Jun 11 2017 01:11
Ok now I will be inactive a while
davidlair
@davidlair
Jun 11 2017 01:13
Thanks again for all your help @MCTwoDigitZero
CamperBot
@camperbot
Jun 11 2017 01:13
davidlair sends brownie points to @mctwodigitzero :sparkles: :thumbsup: :sparkles:
:cookie: 116 | @mctwodigitzero |http://www.freecodecamp.com/mctwodigitzero
Sydney
@SydneyWarren
Jun 11 2017 01:18
@MCTwoDigitZero thanks
CamperBot
@camperbot
Jun 11 2017 01:18
sydneywarren sends brownie points to @mctwodigitzero :sparkles: :thumbsup: :sparkles:
:cookie: 117 | @mctwodigitzero |http://www.freecodecamp.com/mctwodigitzero
Sydney
@SydneyWarren
Jun 11 2017 01:20
when i run it on atom why does it say navigator not defined?
navigator.geolocation.getCurrentPosition(function(position) {
      var latitude = position.coords.latitude;
      var longitude = position.coords.longitude;
});
thats what i have on my JS tab and my HTML is linked to my JS
davidlair
@davidlair
Jun 11 2017 01:21
@MCTwoDigitZero Your assistance is needed once again!
He did say he was stepping out for a minute, perhaps there is a JS-specific Help room that will have more people in it?
There is only one other active person in this room technically, but they haven't said a word in a while.
You can see who's in here by typing @ and waiting for the list to pop up to mention who's in the room
Sydney
@SydneyWarren
Jun 11 2017 01:22
@davidlair ok cool thanks
CamperBot
@camperbot
Jun 11 2017 01:22
:cookie: 37 | @davidlair |http://www.freecodecamp.com/davidlair
sydneywarren sends brownie points to @davidlair :sparkles: :thumbsup: :sparkles:
davidlair
@davidlair
Jun 11 2017 01:22
np
rajaaa216
@rajaaa216
Jun 11 2017 01:22
Hi..quick qs..how can i have the text jQuery Playground in my h3 element
Farzana Patel
@patelfarzana24
Jun 11 2017 01:22
I am stuck at this level. need help
davidlair
@davidlair
Jun 11 2017 01:23
Can you send a link to your challenge, rajaaa?
Farzana Patel
@patelfarzana24
Jun 11 2017 01:23
What do I do to get past this level
Abhilash Kumar
@apravink
Jun 11 2017 01:23
@rajaaa216 <h3>JQuery Playground </h3>
davidlair
@davidlair
Jun 11 2017 01:23
And/or copy/paste your code..or prt scrn and copy
@patelfarzana24 Farzana, what level?
Farzana Patel
@patelfarzana24
Jun 11 2017 01:23

Remember that in order to start a comment, you need to use <!-- and to end a comment, you need to use -->

Here you'll need to end the comment before your h2 element begins.

Comment out your h1 element and your p element, but leave your h2 element uncommented.

@davidlair comment out HTML
davidlair
@davidlair
Jun 11 2017 01:24
You need to add --> before <h2> and <!-- after </h2> @patelfarzana24
That way you isolate it, and only comment out the <h1> and <p> elements
Farzana Patel
@patelfarzana24
Jun 11 2017 01:24
Thanks @davidlair
CamperBot
@camperbot
Jun 11 2017 01:24
patelfarzana24 sends brownie points to @davidlair :sparkles: :thumbsup: :sparkles:
:cookie: 38 | @davidlair |http://www.freecodecamp.com/davidlair
rajaaa216
@rajaaa216
Jun 11 2017 01:24
@davidlair <h3 class="text-primary text-center">
<input type="jQuery Playground">
</h3>...
davidlair
@davidlair
Jun 11 2017 01:24
Np my man
Can you link me to the challenge @rajaaa216 , I'd like to make sure you're asking the right question
rajaaa216
@rajaaa216
Jun 11 2017 01:25
@davidlair Your h3 element should have the text jQuery Playground.
davidlair
@davidlair
Jun 11 2017 01:26

Did you try <h3 class="text-primary text-center">jQuery Playground.

<input type="jQuery Playground">
</h3>

or rather
after input type maybe?
Let me find out how you can send me the challenge
Dgervais21
@Dgervais21
Jun 11 2017 01:27
How do i go to google and install the Lobster for font-family....
davidlair
@davidlair
Jun 11 2017 01:27
You don't install it, you create a link hypertext reference
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
And throw that at the top of your code
@Dgervais21
@rajaaa216 sit tight, one sec man
Dgervais21
@Dgervais21
Jun 11 2017 01:28
@davidlair ohh ok
rajaaa216
@rajaaa216
Jun 11 2017 01:28
@davidlair figured it out
thanks anyway
davidlair
@davidlair
Jun 11 2017 01:28
What was the solution?
I"m curious, @rajaaa216
@Dgervais21 Was that an accurate respond to your question?
rajaaa216
@rajaaa216
Jun 11 2017 01:29
@davidlair <h3 class="text-primary text-center">jQuery Playground</h3>
davidlair
@davidlair
Jun 11 2017 01:29
response*
Gotcha
I had a feeling you didn't need the input type
but without the context of the question being asked I couldn't be sure if there was any reason for it
you can just copy/paste the link of your challenge
like that
so we may take a look at it @rajaaa216
Kevin Xu
@Overcomerkev
Jun 11 2017 01:32
Hello World!
davidlair
@davidlair
Jun 11 2017 01:32
Hello you!
Kevin Xu
@Overcomerkev
Jun 11 2017 01:32
i am currently stuck on a code and would like some help if thats cool!
davidlair
@davidlair
Jun 11 2017 01:32
If I'm capable, sure. Though my knowledge is very limited.
What's the question?
Kevin Xu
@Overcomerkev
Jun 11 2017 01:33
okay, well its just a simple question, i think im just missing a tiny thing
davidlair
@davidlair
Jun 11 2017 01:33
Go ahead, shoot.
Kevin Xu
@Overcomerkev
Jun 11 2017 01:33
Here is the code: <p> View more <a href="http://freecatphotoapp.com">
cat photos </a></p>
henno990
@henno990
Jun 11 2017 01:33
hello
davidlair
@davidlair
Jun 11 2017 01:33
Hello @henno990
Kevin Xu
@Overcomerkev
Jun 11 2017 01:33
Here are the errors:
henno990
@henno990
Jun 11 2017 01:33
hey david
Kevin Xu
@Overcomerkev
Jun 11 2017 01:34
Your a element should be nested within your new p element. Your a element should not have the text "View more".
henno990
@henno990
Jun 11 2017 01:34
anyone can help me
davidlair
@davidlair
Jun 11 2017 01:34
What do you need, @henno990
Can you copy/paste the link, Kevin?
henno990
@henno990
Jun 11 2017 01:34
Add an i element with the classes fa and fa-thumbs-up.
Your fa-thumbs-up icon should be located within the Like button.
Nest your i element within your button element.
why i cant nest i ?
John Watson
@TheWatson
Jun 11 2017 01:35
Hello
davidlair
@davidlair
Jun 11 2017 01:36
It's asking you type add www. , Kevin.
I believe.
HOld on
oh nvm.
Kevin Xu
@Overcomerkev
Jun 11 2017 01:37
i don't see why i am getting those errors since the code seems to be right...
henno990
@henno990
Jun 11 2017 01:37
oh no
what should i do
davidlair
@davidlair
Jun 11 2017 01:37
Refresh the page, then try again and report back to me.
Also, after you refresh, scroll down to the checks and X's, as well as a full view of your code, and hit "prt scrn" and copy it into the chat text so I can see what you're seeing
can you copy/paste the link, henno?
to the challenge you're on.
Kyle Borden
@Shamuh
Jun 11 2017 01:39
Good evening coders
davidlair
@davidlair
Jun 11 2017 01:39
Good evening, @Shamuh
@Overcomerkev You still there
Jahshot
@Jahshot
Jun 11 2017 01:40
Hola
henno990
@henno990
Jun 11 2017 01:40
<div class="col-xs-4">
<i class="fa fa-thumbs-up"></i> <button class="btn btn-block btn-primary fa-thumbs-up">Like</button>
</div>
@davidlair
UnkyKong
@UnkyKong
Jun 11 2017 01:41
https://codepen.io/Unky/full/OgNNaJ/ <img class="img-responsive" src="https://s-media-cache-ak0.pinimg.com/originals/49/d1/d3/49d1d3a3111c35eb7930b15c454e6ba6.jpg" alt="Jesus">
why is the image not scaling?
davidlair
@davidlair
Jun 11 2017 01:42
@henno990 Can you copy/paste the webpage? Go to the page where you are completing this challenge, and copy/paste the link here
From what I'm seeing, I believe you need to do this:
<div class="col-xs-4">
<button class="btn btn-block btn-primary fa-thumbs-up"><i class="fa fa-thumbs-up"></i>Like</button>
</div>
Since it asks you to nest i into the button class, not the other way around.
But I'd like to see the whole challenge in order to determine if I'm understanding correctly.
@henno990
@Shamuh Have you refreshed yet?
Manish Giri
@Manish-Giri
Jun 11 2017 01:43
@henno990 the button doesn't go inside the i
it's the other way
also fa classes are for i only.
Kevin Xu
@Overcomerkev
Jun 11 2017 01:43
okat one sec
Kyle Borden
@Shamuh
Jun 11 2017 01:43
@davidlair I am guessing you did not mean to @ met haha
me*
davidlair
@davidlair
Jun 11 2017 01:44
@Shamuh You're right, rofl
@Overcomerkev You refresh yet?
rajaaa216
@rajaaa216
Jun 11 2017 01:44
How can I nest three button elements within well div elements???
<div class="well">
<button>
</button>
<button>
</button>
<button>
</button>



</div>
davidlair
@davidlair
Jun 11 2017 01:44
rajaaa216 can you please copy/paste the link to your challenge?
If you don't understand how I'll walk you through it.
Giovanni Drago
@Grimsblood93
Jun 11 2017 01:45
how many total level in camp program?
henno990
@henno990
Jun 11 2017 01:45
@davidlair thank you thank u its work :+1:
Giovanni Drago
@Grimsblood93
Jun 11 2017 01:45
or per certificate
made it to 44 on html killin my eyes and my keyboard is crap ll
rajaaa216
@rajaaa216
Jun 11 2017 01:47
@davidlair Nest three button elements within each of your div elements with class well.
You should have a total of 6 button elements.
Make sure all your button elements have closing tags.
Kevin Xu
@Overcomerkev
Jun 11 2017 01:47
@davidlair Thanks David, i figured it out!
CamperBot
@camperbot
Jun 11 2017 01:47
overcomerkev sends brownie points to @davidlair :sparkles: :thumbsup: :sparkles:
:cookie: 40 | @davidlair |http://www.freecodecamp.com/davidlair
Kevin Xu
@Overcomerkev
Jun 11 2017 01:47
i just had to refresh the page and add www. infront of the hyperlink
davidlair
@davidlair
Jun 11 2017 01:47
@henno990 Np!
You mind typing thanks instead of thank you? lol :P I like my brownie points haha @henno990
CamperBot
@camperbot
Jun 11 2017 01:48
davidlair sends brownie points to @henno990 :sparkles: :thumbsup: :sparkles:
:warning: @henno990's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
John Watson
@TheWatson
Jun 11 2017 01:48
i have a noob question im on challenge 23 size your images where do i put the image change in my code its not working under style
@rajaa but with your link.
Kyle Borden
@Shamuh
Jun 11 2017 01:48
show me your code @TheWatson
davidlair
@davidlair
Jun 11 2017 01:49
@thewatson try putting .smaller-image {width: 100px;} in your style element
Kevin Xu
@Overcomerkev
Jun 11 2017 01:49
So i know is not a coding related question, but does anyone understand why my Dell Inspiron 15 3000 Series laptop has been operating slowly for the past few days? It's only 6 months old
Kevin Xu
@Overcomerkev
Jun 11 2017 01:49
Especially when using the internet
Kyle Borden
@Shamuh
Jun 11 2017 01:50
@Overcomerkev what is the cpu usage and ram usage?
John Watson
@TheWatson
Jun 11 2017 01:50

@Shamuh

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.smaller-image {
width: 100px;
}
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Kyle Borden
@Shamuh
Jun 11 2017 01:51
@TheWatson Did you add the class to your image? <img class="smaller-image"
davidlair
@davidlair
Jun 11 2017 01:51
<img class="smaller-image" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat">
rajaaa216
@rajaaa216
Jun 11 2017 01:51
figured it out @davidlair thanks
CamperBot
@camperbot
Jun 11 2017 01:51
rajaaa216 sends brownie points to @davidlair :sparkles: :thumbsup: :sparkles:
:cookie: 41 | @davidlair |http://www.freecodecamp.com/davidlair
Kyle Borden
@Shamuh
Jun 11 2017 01:51
@davidlair thank you, @TheWatson just what he said
davidlair
@davidlair
Jun 11 2017 01:51
@TheWatson Try that, I believe the alt and src tags can come first or second
John Watson
@TheWatson
Jun 11 2017 01:51
crap thanks
davidlair
@davidlair
Jun 11 2017 01:51
@rajaaa what was the answer?
I wish "thank you" awarded brownie ponits like "Thanks" did lol
points*
Kyle Borden
@Shamuh
Jun 11 2017 01:52
@davidlair Thanks
CamperBot
@camperbot
Jun 11 2017 01:52
shamuh sends brownie points to @davidlair :sparkles: :thumbsup: :sparkles:
:cookie: 42 | @davidlair |http://www.freecodecamp.com/davidlair
Kyle Borden
@Shamuh
Jun 11 2017 01:52
:D
rajaaa216
@rajaaa216
Jun 11 2017 01:52
@davidlair <div class="well">
<button>
</button>
<button>
</button>
<button>
</button>
  </div>
</div>
<div class="col-xs-6">
  <div class="well">
    <button>
    </button>
    <button>
    </button>
    <button>
    </button>
davidlair
@davidlair
Jun 11 2017 01:52
THough they are entirely arbitrary, I enjoy it.
Kevin Xu
@Overcomerkev
Jun 11 2017 01:52
CPU: 23% ,0.48GHZ
Memory: 82%, 3.2/3.9GB
O.O memory is being used like mad
davidlair
@davidlair
Jun 11 2017 01:52
@rajaaa216 At least now you know how to post the link to your challenge in the future to speed up the process of finding help :D
UnkyKong
@UnkyKong
Jun 11 2017 01:52
I can't figure out why img-responsive isn't working. I have a big picture that i'm trying to scale down to a col-md-8 offset-md-2 and it is shooting off the side of my page
Kyle Borden
@Shamuh
Jun 11 2017 01:53
@Overcomerkev yeah but what is eating up your memory
John Watson
@TheWatson
Jun 11 2017 01:53
It worked thanks guys
Kevin Xu
@Overcomerkev
Jun 11 2017 01:53
How do i find out?
CallMeOrange
@EgnaroDev
Jun 11 2017 01:53
@Overcomerkev check your files
Kyle Borden
@Shamuh
Jun 11 2017 01:53
@UnkyKong I may be totally wrong, but do you have or need a bootstrap for that to work right
CallMeOrange
@EgnaroDev
Jun 11 2017 01:53
@Overcomerkev Are you on mac?
UnkyKong
@UnkyKong
Jun 11 2017 01:54
@Shamuh yeah, its loaded into codepen
davidlair
@davidlair
Jun 11 2017 01:54
thanks @henno990
CamperBot
@camperbot
Jun 11 2017 01:54
davidlair sends brownie points to @henno990 :sparkles: :thumbsup: :sparkles:
:warning: @henno990's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
UnkyKong
@UnkyKong
Jun 11 2017 01:54
image.png
Kyle Borden
@Shamuh
Jun 11 2017 01:54
have you tried it with an xs to see if that were to fit or do anything at all
davidlair
@davidlair
Jun 11 2017 01:54
Weird. It says henno's account is not linked with freecodecamp
Kevin Xu
@Overcomerkev
Jun 11 2017 01:54
Windows 10
davidlair
@davidlair
Jun 11 2017 01:54
Please visit the settings and link your GitHub account
But I believe that I have linked it already
CallMeOrange
@EgnaroDev
Jun 11 2017 01:55

@MCTwoDigitZero

  • Mac: go to top left corner click apple icon > about this mac> storage

-Window: Go to setting> Search storage

I dont know much about window :joy:
Kyle Borden
@Shamuh
Jun 11 2017 01:55
@UnkyKong unless I am mistaking cause I can't scroll down is your <div> closed
Manish Giri
@Manish-Giri
Jun 11 2017 01:56
@UnkyKong you need to use bootstrap 3
Kyle Borden
@Shamuh
Jun 11 2017 01:56
@Overcomerkev control-alt-delete and you should she processes
Manish Giri
@Manish-Giri
Jun 11 2017 01:56
the classes you're using are meant for 3, not v4
CallMeOrange
@EgnaroDev
Jun 11 2017 01:56
All right I gotta I need to close my eyes... Its injuring
Cheryl Felton
@Cheryl-Felton
Jun 11 2017 01:56
nothing happened when i typed in hello world
Manish Giri
@Manish-Giri
Jun 11 2017 01:56
@UnkyKong
UnkyKong
@UnkyKong
Jun 11 2017 01:56
@Manish-Giri how do I change that with codepen?
davidlair
@davidlair
Jun 11 2017 01:56
you can type ctrl+shift+esc to pull up task manager immediately
@Overcomerkev
Manish Giri
@Manish-Giri
Jun 11 2017 01:57
@UnkyKong go the settings tab in the css window
davidlair
@davidlair
Jun 11 2017 01:57
@cheryl-felton Did you add <h1>Hello World</h1> ?
Manish Giri
@Manish-Giri
Jun 11 2017 01:57
UnkyKong
@UnkyKong
Jun 11 2017 01:57
@Shamuh <div class="col-md-8 offset-md-2"> <img class="img-responsive" src="https://s-media-cache-ak0.pinimg.com/originals/49/d1/d3/49d1d3a3111c35eb7930b15c454e6ba6.jpg" alt="Jesus"> </div>
Cheryl Felton
@Cheryl-Felton
Jun 11 2017 01:57
no, thanks
davidlair
@davidlair
Jun 11 2017 01:58
:O I get a brownie point if you type thanks @davidlair @cheryl-felt
CamperBot
@camperbot
Jun 11 2017 01:58
sorry davidlair, you can't send brownie points to yourself! :sparkles: :sparkles:
Kyle Borden
@Shamuh
Jun 11 2017 01:58
hahahah
davidlair
@davidlair
Jun 11 2017 01:58
I feel like a scavenger
Begging for useless brownies!
Kyle Borden
@Shamuh
Jun 11 2017 01:58
ey man, a Brownie is a Brownie :D
davidlair
@davidlair
Jun 11 2017 01:59
True dat
CallMeOrange
@EgnaroDev
Jun 11 2017 01:59
Anyone who like fCC type thanks @MCTwoDigitZero
davidlair
@davidlair
Jun 11 2017 01:59
She doesn't wanna give me a brownie :(
CallMeOrange
@EgnaroDev
Jun 11 2017 01:59
:joy:
davidlair
@davidlair
Jun 11 2017 01:59
rofl
Kyle Borden
@Shamuh
Jun 11 2017 01:59
@UnkyKong may wanna follow what @Manish-Giri is saying
Nice try @MCTwoDigitZero :clap:
Kevin Xu
@Overcomerkev
Jun 11 2017 02:00
it seems to be just Chrome that's taking up my RAM the most...
UnkyKong
@UnkyKong
Jun 11 2017 02:00
@Manish-Giri @Shamuh Thank you both
CamperBot
@camperbot
Jun 11 2017 02:00
unkykong sends brownie points to @manish-giri and @shamuh :sparkles: :thumbsup: :sparkles:
:cookie: 79 | @shamuh |http://www.freecodecamp.com/shamuh
:star2: 5944 | @manish-giri |http://www.freecodecamp.com/manish-giri
Kevin Xu
@Overcomerkev
Jun 11 2017 02:00
i guess this cheap laptop ain't cut out for multitasking in chat and code?
UnkyKong
@UnkyKong
Jun 11 2017 02:00
@Manish-Giri it was broken with 4.0 alpha
Kyle Borden
@Shamuh
Jun 11 2017 02:00
@Overcomerkev Chrome is known for using a ton of ram, try firefox
@UnkyKong glad you figured it out man
Kevin Xu
@Overcomerkev
Jun 11 2017 02:01
Hmm i'll give it a try mate!
Nathan Beier
@Nathankyle625
Jun 11 2017 02:06
Hey guys I'm having an issue with a step in the CatPhotoApp tutorial. I'm on the "Make Dead Links using the Hash Symbol" step, and it's asking me to "Replace the value of your "a" element's href attribute with a #, also known as a hash symbol, to turn it into a dead link." and I've tried everything I can think of so I'm pretty confused as to how I would complete this step with the following <a> element: a href="http://www.freecatphotoapp.com">cat photos</a>. Thanks!!
Kyle Borden
@Shamuh
Jun 11 2017 02:08
@Nathankyle625 literally replace the link text with #
<a> element: a href="#">cat photos</a> @Nathankyle625
DJ_Hacker101
@HackerDan101
Jun 11 2017 02:09
please help i can't make h2 element blue
Kyle Borden
@Shamuh
Jun 11 2017 02:10
@HackerDan101 lets see what your code is
DJ_Hacker101
@HackerDan101
Jun 11 2017 02:12
</style>
Kevin Xu
@Overcomerkev
Jun 11 2017 02:13
@HackerDan101 When you are setting your classes using CSS, did you put a period before blue-text?
DJ_Hacker101
@HackerDan101
Jun 11 2017 02:13
i do not know
Kevin Xu
@Overcomerkev
Jun 11 2017 02:14
check that, if theres no . then the class will not be set and your line will not turn blue
Nathan Beier
@Nathankyle625
Jun 11 2017 02:15
@Shamuh I must have encountered a bug. It didn't work at first so I refreshed the page and it worked. Thank you for the help.
CamperBot
@camperbot
Jun 11 2017 02:15
nathankyle625 sends brownie points to @shamuh :sparkles: :thumbsup: :sparkles:
:cookie: 80 | @shamuh |http://www.freecodecamp.com/shamuh
Kyle Borden
@Shamuh
Jun 11 2017 02:16
@Nathankyle625 glad you got it figure out :D
Cheryl Felton
@Cheryl-Felton
Jun 11 2017 02:21
hello again, i am having problems uncommenting
DJ_Hacker101
@HackerDan101
Jun 11 2017 02:21
help
Dgervais21
@Dgervais21
Jun 11 2017 02:21
Your h2 element should use the font Lobster. " were would i put that "
Kyle Borden
@Shamuh
Jun 11 2017 02:22
@HackerDan101 I still did not see your code
DJ_Hacker101
@HackerDan101
Jun 11 2017 02:22

<style>
h2 {color: blue;}
style="color: red"CatPhotoApp
</style>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

help help
it is not blue

<style>
h2 {color: blue;}
style="color: red"CatPhotoApp
</style>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

Kyle Borden
@Shamuh
Jun 11 2017 02:22
which one are you trying to get blue again? h2
DJ_Hacker101
@HackerDan101
Jun 11 2017 02:22
yes
Manish Giri
@Manish-Giri
Jun 11 2017 02:22
h2 {color: blue;}
style="color: red"
doesn't these two contradict each other?
DJ_Hacker101
@HackerDan101
Jun 11 2017 02:24
helpppppp
UnkyKong
@UnkyKong
Jun 11 2017 02:24
how do I keep my streak going while i'm working on projects?
Manish Giri
@Manish-Giri
Jun 11 2017 02:24
@UnkyKong you can help out here, get brownies.
DJ_Hacker101
@HackerDan101
Jun 11 2017 02:24
help someone help please
Manish Giri
@Manish-Giri
Jun 11 2017 02:24
That keeps your streak going.
UnkyKong
@UnkyKong
Jun 11 2017 02:25
@Manish-Giri ah, I like it. TY
CamperBot
@camperbot
Jun 11 2017 02:25
unkykong sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:warning: unkykong already gave manish-giri points
Nathan Beier
@Nathankyle625
Jun 11 2017 02:25
@HackerDan101 <style>
.red-text {
color: blue;
Manish Giri
@Manish-Giri
Jun 11 2017 02:25
@UnkyKong here's a cookie, ty.
CamperBot
@camperbot
Jun 11 2017 02:25
manish-giri sends brownie points to @unkykong :sparkles: :thumbsup: :sparkles:
:cookie: 119 | @unkykong |http://www.freecodecamp.com/unkykong
Dgervais21
@Dgervais21
Jun 11 2017 02:26
can i get a little help
Cheryl Felton
@Cheryl-Felton
Jun 11 2017 02:26
can someone please help me to uncomment
Kyle Borden
@Shamuh
Jun 11 2017 02:26
@HackerDan101 what number are you on? and are you trying any of the things we are saying
Manish Giri
@Manish-Giri
Jun 11 2017 02:26

@Cheryl-Felton to comment out an HTML element, you place the comment tags around

<!--<p>This paragraph is now commented.</p>-->

and to uncomment an element, simply delete the tags

<p>This paragraph is now un-commented.</p>
Kyle Borden
@Shamuh
Jun 11 2017 02:26
@Cheryl-Felton show us what your code is
Dgervais21
@Dgervais21
Jun 11 2017 02:27
am on number 19
Kyle Borden
@Shamuh
Jun 11 2017 02:27
@Dgervais21 Of course, detail your problem
Cheryl Felton
@Cheryl-Felton
Jun 11 2017 02:27
<h1> Hello World</h1>
DJ_Hacker101
@HackerDan101
Jun 11 2017 02:27
i dont know
use ccs selectors to style elements
Kyle Borden
@Shamuh
Jun 11 2017 02:28
@HackerDan101 okay ill check
Dgervais21
@Dgervais21
Jun 11 2017 02:28
well it ask to add on element font lobster idk how to do that
@Shamuh
Kyle Borden
@Shamuh
Jun 11 2017 02:29
@HackerDan101 this is what it should look like

@HackerDan101 <style>
h2 {color:blue;}
</style>

<h2>CatPhotoApp</h2>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

DJ_Hacker101
@HackerDan101
Jun 11 2017 02:29
i am stuck on "Remove the style attribute from your h2 element. " and Your h2 element should be blue.
tanks you
Kyle Borden
@Shamuh
Jun 11 2017 02:30
@Dgervais21 it should have given you a link to add to your code, so it can grab the lobster font from google
Dgervais21
@Dgervais21
Jun 11 2017 02:31
yah i did that its just that i do not know how to put the lobster thing on @Shamuh
Kyle Borden
@Shamuh
Jun 11 2017 02:32
can you post your code for me please
Manish Giri
@Manish-Giri
Jun 11 2017 02:32
@Dgervais21 isn't there an example on the left?
Dgervais21
@Dgervais21
Jun 11 2017 02:33
nope
Manish Giri
@Manish-Giri
Jun 11 2017 02:33
what about a previous challenge?
didn't you come across anything on applying font-family?
like font-family: Monospace;
?
Dgervais21
@Dgervais21
Jun 11 2017 02:34
yes i did
Manish Giri
@Manish-Giri
Jun 11 2017 02:34
so do this one the same way
Dgervais21
@Dgervais21
Jun 11 2017 02:34
Your h2 element should use the font Lobster.
Kyle Borden
@Shamuh
Jun 11 2017 02:34
you add Lobster infront of Monospace
font-family: Lobster; Monospace;
Dgervais21
@Dgervais21
Jun 11 2017 02:35
ok
nah it wont work
Kyle Borden
@Shamuh
Jun 11 2017 02:36
can you please copy your code into here
Dgervais21
@Dgervais21
Jun 11 2017 02:36
ok

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

And throw that at the top of your code

<style>
.red-text {
color: red;
}

p
{
font-size: 16px;
font-family: Monospace; }</style>

<h2 class="red-text">CatPhotoApp</h2>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

and this is what it says to add "Your h2 element should use the font Lobster."
Kyle Borden
@Shamuh
Jun 11 2017 02:38
looks like your font-family is added to p
it should be its own style no?
what number is it again so I can make sure
Dgervais21
@Dgervais21
Jun 11 2017 02:38
19
Cheryl Felton
@Cheryl-Felton
Jun 11 2017 02:39
Hello manish girl i did what you said but its saying to delete all trailing comment tags
Manish Giri
@Manish-Giri
Jun 11 2017 02:39
post your code
Kyle Borden
@Shamuh
Jun 11 2017 02:39
its 20 always 1 number after what you've completed
@Dgervais21 h2 {font-family: Lobster;}
Cheryl Felton
@Cheryl-Felton
Jun 11 2017 02:44

<h1>Hello World</h1>-->

<h2>CatPhotoApp</h2>-->

<p>Hello Paragraph</p>-->
hello

Kyle Borden
@Shamuh
Jun 11 2017 02:45
@Cheryl-Felton remove the --> you should not need them anymore
@Cheryl-Felton could you also tell me what number you are on?
Cheryl Felton
@Cheryl-Felton
Jun 11 2017 02:47
how do i stop these pop ups
nathanp1202
@nathanp1202
Jun 11 2017 02:47
Why is this wrong?
<form action ="/submit-cat-photo">
<a><input type="text" placeholder="cat photo URL"></a>
</form>
Ananthakur
@Ananthakur
Jun 11 2017 02:49
http://bit.ly/2fCXaAy Guys I need some help here.
jjb1990
@jjb1990
Jun 11 2017 02:49
@jjb1990
hello world
how is everyone doing?
I need some assistance
I am currently working on my tribute page, but I cannot get am image to work with .img-responsive
https://codepen.io/jesus_javier_barraza/pen/eRZdJa?editors=1100
Cheryl Felton
@Cheryl-Felton
Jun 11 2017 02:49
hey kyle so many pop ups cant do much
Kyle Borden
@Shamuh
Jun 11 2017 02:49
@Cheryl-Felton what do you mean by pop ups?
Cheryl Felton
@Cheryl-Felton
Jun 11 2017 02:50
instant messages from chat
Kyle Borden
@Shamuh
Jun 11 2017 02:51
oh, top right is a settings button. You can mute direct messages
@jjb1990 I believe someone had a similar problem earlier, which bootstrap are you running? 3 or 4
@Ananthakur whats your problem
Ananthakur
@Ananthakur
Jun 11 2017 02:53
Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4
jjb1990
@jjb1990
Jun 11 2017 02:53
on codepen it is 3
4
Ananthakur
@Ananthakur
Jun 11 2017 02:54
Thanks for you reply @Shamuh
CamperBot
@camperbot
Jun 11 2017 02:54
ananthakur sends brownie points to @shamuh :sparkles: :thumbsup: :sparkles:
:cookie: 82 | @shamuh |http://www.freecodecamp.com/shamuh
Cheryl Felton
@Cheryl-Felton
Jun 11 2017 02:55
kyle i dont see a settings button
Kyle Borden
@Shamuh
Jun 11 2017 02:55
@jjb1990 is the image not loading correctly size wise? Someone mentioned to maybe us bootstrap3 you can change the settings in codepen
@Ananthakur have you added any of the <div class="col-xs-4" to any of the buttons? You should have Like Info and one other
jjb1990
@jjb1990
Jun 11 2017 02:56
@Shamuh you were right. I was using bootstrap4 instead of 3
working now
Kyle Borden
@Shamuh
Jun 11 2017 02:57
@jjb1990 wonder if that helped though, some guy was saying that our code is for bootstrap3
@jjb1990 oh awesome :D
DJ_Hacker101
@HackerDan101
Jun 11 2017 02:57
i am stuck on specify how fonts should degade
this is mine

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

i cant do these two
omment out your call to Google for the Lobster font by putting <!-- in front of it. Be sure to close your comment by adding -->.
penguio
@penguio
Jun 11 2017 02:58
@HackerDan101 i believe you need to comment out <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
DJ_Hacker101
@HackerDan101
Jun 11 2017 02:58
help help plese
penguio
@penguio
Jun 11 2017 02:58
@HackerDan101 then it will downgrade to the monospace font
DJ_Hacker101
@HackerDan101
Jun 11 2017 02:58
but if i do that the bottom two would be done but the top two wouldnt
Ananthakur
@Ananthakur
Jun 11 2017 02:58
Oh i got it. Actually i was tryin to create one inside the <button>
Thanks @Shamuh
CamperBot
@camperbot
Jun 11 2017 02:59
ananthakur sends brownie points to @shamuh :sparkles: :thumbsup: :sparkles:
:warning: ananthakur already gave shamuh points
Kyle Borden
@Shamuh
Jun 11 2017 02:59
@HackerDan101 <--<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">-->
@Ananthakur I always try to just give some hints before I give away the code. Better to learn that way I think, I am still brand new to coding as well. So thats how I learn better :D
DJ_Hacker101
@HackerDan101
Jun 11 2017 03:00
i did it
nickatnite4
@nickatnite4
Jun 11 2017 03:00
can someone explain what a host is. I'm looking into downloading Wordpress and the requirements is that your host supports php, mysql ect..
DJ_Hacker101
@HackerDan101
Jun 11 2017 03:00
i added the link again
Ananthakur
@Ananthakur
Jun 11 2017 03:00
yup a good way to go
penguio
@penguio
Jun 11 2017 03:01
@nickatnite4 your hosting provider
nickatnite4
@nickatnite4
Jun 11 2017 03:01
still confused lol.
penguio
@penguio
Jun 11 2017 03:01
@nickatnite4 usually who ever runs the server, needs to support php and mysql. it how you get your site on the web
google webhosting
nickatnite4
@nickatnite4
Jun 11 2017 03:02
ok that makes sense thanks @penguio
CamperBot
@camperbot
Jun 11 2017 03:02
nickatnite4 sends brownie points to @penguio :sparkles: :thumbsup: :sparkles:
:cookie: 302 | @penguio |http://www.freecodecamp.com/penguio
Matthew Wallbridge
@mattymoo11
Jun 11 2017 03:04
hello
penguio
@penguio
Jun 11 2017 03:04
hey @mattymoo11
Kyle Borden
@Shamuh
Jun 11 2017 03:04
@mattymoo11 hii
jjb1990
@jjb1990
Jun 11 2017 03:08
If i am working on the tribute page should I do it using bootstrap 3 or 4?
penguio
@penguio
Jun 11 2017 03:08
@jjb1990 i would use bootstrap 3
Jason
@20thousandhardcoremembers
Jun 11 2017 03:09
@jjb1990 I ended up using bootstrap 3
jhonny124
@jhonny124
Jun 11 2017 03:09
so i have a form element which has an action. How do I add an id to it?
Cheryl Felton
@Cheryl-Felton
Jun 11 2017 03:09
h1 element is not supposed to be visible, h2 is supposed to be visible and p is not supposed to be visible
Manish Giri
@Manish-Giri
Jun 11 2017 03:10
@jhonny124 <form action="..." id="...">
Jason
@20thousandhardcoremembers
Jun 11 2017 03:10
@jhonny124 ^^
jjb1990
@jjb1990
Jun 11 2017 03:10
@penguio @20thousandhardcoremembers in that case i will give 3 a shot
Cheryl Felton
@Cheryl-Felton
Jun 11 2017 03:10

<h1>Hello World</h1>-->

<h2>CatPhotoApp</h2>

<p>Hello Paragraph</p>-->
what am i doing wrong

jjb1990
@jjb1990
Jun 11 2017 03:10
@Cheryl-Felton what is the -->?
what are you trying to do or what is the problem you are getting?
penguio
@penguio
Jun 11 2017 03:10
@Cheryl-Felton you need to open your comment <!-- and close it with -->
jhonny124
@jhonny124
Jun 11 2017 03:11
Thanks guys
Cheryl Felton
@Cheryl-Felton
Jun 11 2017 03:11
its to keep it from being visible
penguio
@penguio
Jun 11 2017 03:11
@Cheryl-Felton i know, but you have'nt opened your comment, you only closed it
jjb1990
@jjb1990
Jun 11 2017 03:11
@Cheryl-Felton like @penguio said you need to make it a comment <!-- adfadsfadf -->
Cheryl Felton
@Cheryl-Felton
Jun 11 2017 03:11
ok thanks
AMAN KUMAR
@amank9709
Jun 11 2017 03:11

Nest your text field in a form element. Add the action="/submit-cat-photo" attribute to this form element.

can anyone help me with this . i dont know what exactly to do

penguio
@penguio
Jun 11 2017 03:12
<form action="..."></form> @amank9709
Jason
@20thousandhardcoremembers
Jun 11 2017 03:12
@amank9709 <form action="submit"></form> so your form knows what to do with everything inside it.
@amank9709 So submit would be the action the form takes with the "input" stuff.
AMAN KUMAR
@amank9709
Jun 11 2017 03:13
thanks jason
Nest your text input element within a form element.
how to do this
DJ_Hacker101
@HackerDan101
Jun 11 2017 03:15
please help i am on size your image
i got both things wrong
this is mine please help

<style>
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
.smaller-image {
width: 100px;
}
</style>

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

penguio
@penguio
Jun 11 2017 03:16
@amank9709 <form action="..."> PUT THE ELEMENT IN HERE</form> nesting just means to put inside
DJ_Hacker101
@HackerDan101
Jun 11 2017 03:16
help
i need help
Jason
@20thousandhardcoremembers
Jun 11 2017 03:17
@HackerDan101 width:100px height: 100px;
penguio
@penguio
Jun 11 2017 03:17
@HackerDan101 <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> you need to add the class smaller-image in there
Farzana Patel
@patelfarzana24
Jun 11 2017 03:17
Need help with Html challenge 27
DJ_Hacker101
@HackerDan101
Jun 11 2017 03:17
yes
Farzana Patel
@patelfarzana24
Jun 11 2017 03:17
Link to External Pages with Anchor Elements

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;


.smaller-image {
width: 100px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<p class="red-text"><a href="http://freecatphotoapp.com">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff</a>.</p>
<p class="red-text"><a href="http://freecatphotoapp.com">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</a></p>

What am I doing wrong
penguio
@penguio
Jun 11 2017 03:18
@patelfarzana24 what does the instructions say, cause you're linking to external pages
Héctor F. Jiménez.
@h3ct0rjs
Jun 11 2017 03:18
Hi,
DJ_Hacker101
@HackerDan101
Jun 11 2017 03:19
helpp i dont understand
Farzana Patel
@patelfarzana24
Jun 11 2017 03:19
@penguio Create an a element that links to http://freecatphotoapp.com and has "cat photos" as its anchor text.
I dont know if I need to link photo or paragraph? @penguio
Héctor F. Jiménez.
@h3ct0rjs
Jun 11 2017 03:19
Every Body, After A long time I just decide to start over the free code camp
I'm having troubles with the ditch custom css for bootstrap
DJ_Hacker101
@HackerDan101
Jun 11 2017 03:20
help
YYAC
@YYAC
Jun 11 2017 03:20
Hi, I am stuck on this one. The instruction is h2 element should be blue. <style> h2 { color: blue; }</style> What am I doing wrong?
DJ_Hacker101
@HackerDan101
Jun 11 2017 03:20
can someone show me
AMAN KUMAR
@amank9709
Jun 11 2017 03:20

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat"></a>

<p>Things cats love:</p>

<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>

<p>Top 3 things cats hate:</p>

<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="submit-cat-photo"</form>( i'm stuck at create a form element) how to do i'm not getting it give me a solution @penguio

DJ_Hacker101
@HackerDan101
Jun 11 2017 03:20
i am stuck need hep
Héctor F. Jiménez.
@h3ct0rjs
Jun 11 2017 03:20
I've reread all my html template and it seems to be okay,
Ok. What's your problem @HackerDan101 ?
?
DJ_Hacker101
@HackerDan101
Jun 11 2017 03:21
mine is this
Your img element should have the class smaller-image.
Your image should be 100 pixels wide. Browser zoom should be at 100%.
Size your Images

<style>
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
.smaller-image {
width: 100px height:100px;
}
</style>

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

penguio
@penguio
Jun 11 2017 03:21
@patelfarzana24 you need to create a p element below cat photo app, with the text click here for cat photos and wrap the cat photos in an a element
@HackerDan101 your issue is <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> this, you didnt add the class smaller-image
Héctor F. Jiménez.
@h3ct0rjs
Jun 11 2017 03:23
@HackerDan101, You have multiple problems.
AMAN KUMAR
@amank9709
Jun 11 2017 03:23
@penguio
Héctor F. Jiménez.
@h3ct0rjs
Jun 11 2017 03:23
Check your .smaller-image
AMAN KUMAR
@amank9709
Jun 11 2017 03:23

Nest your text input element within a form element.
Make sure your form has an action attribute which is set to /submit-cat-photo<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat"></a>

<p>Things cats love:</p>

<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>

<p>Top 3 things cats hate:</p>

<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="submit-cat-photo"</form>

penguio
@penguio
Jun 11 2017 03:23
an example would be <img src="penguio" alt="penguio is an awesome penguin" class="big-penguin">
DJ_Hacker101
@HackerDan101
Jun 11 2017 03:23
please
Héctor F. Jiménez.
@h3ct0rjs
Jun 11 2017 03:23
you finish each thing with ;
check your smaller-image
AMAN KUMAR
@amank9709
Jun 11 2017 03:23
Nest your text input element within a form element.
Make sure your form has an action attribute which is set to /submit-cat-photo
Jason
@20thousandhardcoremembers
Jun 11 2017 03:23
@HackerDan101 All your css statements have to have ; at the end of them, then you must declare your css class inside your html element
Héctor F. Jiménez.
@h3ct0rjs
Jun 11 2017 03:23
and check each property
Ok. I just need help to figure out my problem
I have the following template
penguio
@penguio
Jun 11 2017 03:25
@h3ct0rjs what's your issue
Héctor F. Jiménez.
@h3ct0rjs
Jun 11 2017 03:25

`html <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>

h2 {
font-family: Lobster, Monospace;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
</style>

<div class="container-fluid">
<h2 class="text-primary text-center">CatPhotoApp</h2>
<img class="img-responsive" src="https://bit.ly/fcc-running-cats"/>
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info">Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger">Delete</button>
</div>
</div>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</div>`

DJ_Hacker101
@HackerDan101
Jun 11 2017 03:25
i dont get what you r saying
help me please
can someone show me their one
plz
Héctor F. Jiménez.
@h3ct0rjs
Jun 11 2017 03:26
it say that I need to add the img-responsive class to your top image,
kaleu
@vipbox
Jun 11 2017 03:26
Inside the same <style> tag that contains your red-text class, create an entry for p elements and
Héctor F. Jiménez.
@h3ct0rjs
Jun 11 2017 03:26
but my top image
penguio
@penguio
Jun 11 2017 03:26
@HackerDan101 .bigger-image { height: 250px; width: 250px; } end it with a semi colon ; if you look at your smaller image in <style></style>
Héctor F. Jiménez.
@h3ct0rjs
Jun 11 2017 03:26
has that class
what's the best way to paste code here ?
penguio
@penguio
Jun 11 2017 03:27
`
'''
CamperBot
@camperbot
Jun 11 2017 03:27
:bulb: to format code use backticks! ``` more info
Héctor F. Jiménez.
@h3ct0rjs
Jun 11 2017 03:27
thanks
AMAN KUMAR
@amank9709
Jun 11 2017 03:27
how to <input type="text" placeholder="cat photo URL">
penguio
@penguio
Jun 11 2017 03:27
you need to use 3 on each side
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 03:28
@amank9709 ??
Héctor F. Jiménez.
@h3ct0rjs
Jun 11 2017 03:28
So I will continue with my problem,
Dgervais21
@Dgervais21
Jun 11 2017 03:28
can anybody help me on challenge 22
Héctor F. Jiménez.
@h3ct0rjs
Jun 11 2017 03:28
<img class="img-responsive" src="https://bit.ly/fcc-running-cats"/>
AMAN KUMAR
@amank9709
Jun 11 2017 03:28
@ravikishorethella how to nest a text input element within a form element
Héctor F. Jiménez.
@h3ct0rjs
Jun 11 2017 03:28
that's my top image
penguio
@penguio
Jun 11 2017 03:28
@h3ct0rjs can you link me what's failing, and the instructions
the link
of the challenge
Add the img-responsive class to your top image.
that's the only
DJ_Hacker101
@HackerDan101
Jun 11 2017 03:29
can someone just show what their one looks like
Héctor F. Jiménez.
@h3ct0rjs
Jun 11 2017 03:29
problem
Jason
@20thousandhardcoremembers
Jun 11 2017 03:29
@HackerDan101
Dgervais21
@Dgervais21
Jun 11 2017 03:30

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
smaller-image{width: 100px;}

</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

AMAN KUMAR
@amank9709
Jun 11 2017 03:30
@ravikishorethella can u help me on cahllenge 35 "Create a Form element"
Jason
@20thousandhardcoremembers
Jun 11 2017 03:30

@HackerDan101 oops lol. So basically whenever you make a css statement you must end it with a ;

example:

color: #FFF;
Size: 100px;

Dgervais21
@Dgervais21
Jun 11 2017 03:30
the image part is not working for me
AMAN KUMAR
@amank9709
Jun 11 2017 03:31
@penguio can u help me on cahllenge 35 "Create a Form element"
penguio
@penguio
Jun 11 2017 03:31
@h3ct0rjs how come you don't have thick-green-border in your class of image too
Sahana Balram
@sahanabalram
Jun 11 2017 03:31
@Dgervais21 you need to have a class inside the image tag in your html code and in your css its .smaller-image
penguio
@penguio
Jun 11 2017 03:31
@h3ct0rjs i believe their should two classes in there
Héctor F. Jiménez.
@h3ct0rjs
Jun 11 2017 03:32
hmmm I just test that
penguio
@penguio
Jun 11 2017 03:32
@amank9709 <form> it should show you an example to your left
Héctor F. Jiménez.
@h3ct0rjs
Jun 11 2017 03:32
and it seems not to work
Dgervais21
@Dgervais21
Jun 11 2017 03:32
ok
jjb1990
@jjb1990
Jun 11 2017 03:32
Any suggestions so far?
AMAN KUMAR
@amank9709
Jun 11 2017 03:33

@penguio yeah but still i'm not getting it can u show mw an example<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat"></a>

<p>Things cats love:</p>

<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>

<p>Top 3 things cats hate:</p>

<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>

<input type="text" placeholder="cat photo URL">
<form action="/submit-cat-photo"text></form>

Sandip Shrestha
@saninmersion
Jun 11 2017 03:34
@amank9709 NEST input inside form
penguio
@penguio
Jun 11 2017 03:34
@h3ct0rjs you need to make another image below it
DJ_Hacker101
@HackerDan101
Jun 11 2017 03:35
@amank9709 show me an example for em polease
someone please help
penguio
@penguio
Jun 11 2017 03:35
@amank9709 <form> <input></form>
DJ_Hacker101
@HackerDan101
Jun 11 2017 03:35

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

AMAN KUMAR
@amank9709
Jun 11 2017 03:36
@penguio i get it thanks its done
CamperBot
@camperbot
Jun 11 2017 03:36
amank9709 sends brownie points to @penguio :sparkles: :thumbsup: :sparkles:
:cookie: 303 | @penguio |http://www.freecodecamp.com/penguio
Héctor F. Jiménez.
@h3ct0rjs
Jun 11 2017 03:36
@penguio After checking my html template, accidentally I change http by https
I just remove the secure option to the end and it strangely accept
DJ_Hacker101
@HackerDan101
Jun 11 2017 03:37
anyone willing to help
Héctor F. Jiménez.
@h3ct0rjs
Jun 11 2017 03:37
Why, no idea what was happening. @penguio Thanks for your support.
CamperBot
@camperbot
Jun 11 2017 03:37
h3ct0rjs sends brownie points to @penguio :sparkles: :thumbsup: :sparkles:
:cookie: 304 | @penguio |http://www.freecodecamp.com/penguio
DJ_Hacker101
@HackerDan101
Jun 11 2017 03:37
help please
penguio
@penguio
Jun 11 2017 03:37
@h3ct0rjs lmfao, i was like stumped but glad you got it passed
Sahana Balram
@sahanabalram
Jun 11 2017 03:37
@HackerDan101 what is your question
Sandip Shrestha
@saninmersion
Jun 11 2017 03:37
@HackerDan101 <em> text </em>
Remy Dale
@TheRemyD
Jun 11 2017 03:38
Attempting to clean up the thumbnail area, but cannot figure out why it doesn't hug the image:
https://codepen.io/TheRemyD/pen/XgdWJq
DJ_Hacker101
@HackerDan101
Jun 11 2017 03:39
Your img element should have the class smaller-image.
Your image should be 100 pixels wide. Browser zoom should be at 100%.
Size your Images
Remy Dale
@TheRemyD
Jun 11 2017 03:40
Thanks @HackerDan101
CamperBot
@camperbot
Jun 11 2017 03:40
theremyd sends brownie points to @hackerdan101 :sparkles: :thumbsup: :sparkles:
:cookie: 24 | @hackerdan101 |http://www.freecodecamp.com/hackerdan101
penguio
@penguio
Jun 11 2017 03:40
@HackerDan101 .bigger-image { width: 500px; } then in your image <img src="" class="bigger-image"> i can't give you the exact answer. but theirs two hints
DJ_Hacker101
@HackerDan101
Jun 11 2017 03:40

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

HHHHHHHHHHHEEEEEEEEEEEEEEELLLLLLLLLLLLLLLLLLLPPPPPPPPPPPPPPPPPP
Lucero Uzuriaga
@luuzuriaga
Jun 11 2017 03:40
hi
penguio
@penguio
Jun 11 2017 03:40
@HackerDan101 look at what i just posted to you
Sandip Shrestha
@saninmersion
Jun 11 2017 03:40
@HackerDan101 people are helping dont flood text
DJ_Hacker101
@HackerDan101
Jun 11 2017 03:41
ok
penguio
@penguio
Jun 11 2017 03:41
hey @luuzuriaga
Sandip Shrestha
@saninmersion
Jun 11 2017 03:41
@TheRemyD can you explain more. what area do you want to clean up?
penguio
@penguio
Jun 11 2017 03:42
@hitesh8hakur are you stuck, placeholder="."
Remy Dale
@TheRemyD
Jun 11 2017 03:43
@saninmersion I am currently working on the Tribute Challenge. When I added the img-thumbnail class the white border extends to the full size of the container instead of matching the size of the image
hitesh
@hitesh8hakur
Jun 11 2017 03:43
i am not able to put the right link in placeholder
penguio
@penguio
Jun 11 2017 03:43
@josephcheah p { font-size: 100px; }
is how you change the font-size
DJ_Hacker101
@HackerDan101
Jun 11 2017 03:43
please no hints
i am stuck on it for two hourssss
please just show me the awnser
Botenga
@Botenga
Jun 11 2017 03:44
hey can anybody help me i am trying to make a simple progress bar for my portfolio project and i am having trouble making one of my own
Manish Giri
@Manish-Giri
Jun 11 2017 03:44
maybe you'll go faster if you look for things online and learn yourself instead of posting here
@HackerDan101
Joseph Cheah
@josephcheah
Jun 11 2017 03:44
am i doing something wrong here?
Botenga
@Botenga
Jun 11 2017 03:44
i am trying to make the progress bar for the languages i know
Sandip Shrestha
@saninmersion
Jun 11 2017 03:45
@TheRemyD apply the img-thumbnail class to the image and not the wrapper div. tell me if that's what you want
penguio
@penguio
Jun 11 2017 03:45
@josephcheah can you post your code?
Joseph Cheah
@josephcheah
Jun 11 2017 03:45

<style>
.red-text {
color: red;}
. p {
font-size: 16px; }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p> class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

DistinctWolf
@DistinctWolf
Jun 11 2017 03:45
@HackerDan101 what challenge is that
Joseph Cheah
@josephcheah
Jun 11 2017 03:45
i need to do this : Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
Manish Giri
@Manish-Giri
Jun 11 2017 03:45
@josephcheah . p {
Dgervais21
@Dgervais21
Jun 11 2017 03:45

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<style> img smaller-image{width: 100px;}</style>
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
"this confusing my image wont go to size 100px

Manish Giri
@Manish-Giri
Jun 11 2017 03:46
p is an HTML element, not a class
@josephcheah
FurrySkittles21
@FurrySkittles21
Jun 11 2017 03:46
hey need some help here
Remy Dale
@TheRemyD
Jun 11 2017 03:46
@saninmersion That works great except then the caption is outside of the thumbnail border. Is there a way to have the thumbnail border include the caption?
penguio
@penguio
Jun 11 2017 03:46
@Dgervais21 why do you have 2 <style></style>
Dgervais21
@Dgervais21
Jun 11 2017 03:47
@penguio am not suose to have 2
FurrySkittles21
@FurrySkittles21
Jun 11 2017 03:47
<style>
penguio
@penguio
Jun 11 2017 03:47
@Dgervais21 no you only need one
Alexander Baum
@RaidenV
Jun 11 2017 03:47
Am I able to apply classes to a div element as I would a header element? ex. <div class="class-name">?
FurrySkittles21
@FurrySkittles21
Jun 11 2017 03:47
<style>
.red-text {
color: red;
}
</style>
Dgervais21
@Dgervais21
Jun 11 2017 03:47
@penguio ok
penguio
@penguio
Jun 11 2017 03:47
also img smaller-image{width: 100px;} you see what's wrong here
Christopher Blakely
@chrisbchrist
Jun 11 2017 03:47
@RaidenV Yes
djetton6
@djetton6
Jun 11 2017 03:47
Howdy klassy koders- Just moving on to adding a script element. Any one mind telling me where I go oops at? (how to create a script element making sure it is valid and has a closing tag?
<script $(document).ready(function(){ });>

</script>
penguio
@penguio
Jun 11 2017 03:48
get rid of img and to target the class smaller-image add a . infront of it like .bigger-image
Sandip Shrestha
@saninmersion
Jun 11 2017 03:48
@TheRemyD the problem is img-thumbnail class makes your div a full width. You can give your own it a width you want and override the style of the class.
Alexander Baum
@RaidenV
Jun 11 2017 03:48
@chrisbchrist Thank you
CamperBot
@camperbot
Jun 11 2017 03:48
raidenv sends brownie points to @chrisbchrist :sparkles: :thumbsup: :sparkles:
:cookie: 94 | @chrisbchrist |http://www.freecodecamp.com/chrisbchrist
FurrySkittles21
@FurrySkittles21
Jun 11 2017 03:48
anyone able to help me out with a basic CCS style issue
penguio
@penguio
Jun 11 2017 03:48
@FurrySkittles21 what's your issue
Christopher Blakely
@chrisbchrist
Jun 11 2017 03:48
No problem if you keep going through you'll find yourself doing that a lot
hitesh
@hitesh8hakur
Jun 11 2017 03:48
QUESTION:::Set the value of your placeholder attribute to "cat photo URL".............................................ANSWER::::<input type="text"placeholder="https://bit.ly/fcc-relaxing-cat">,,,,,,,,,,,,,,,,,,,,,,,,,,,,,what is error please help:
Christopher Blakely
@chrisbchrist
Jun 11 2017 03:49
@hitesh8hakur They literally want it to say "cat photo URL" not the URl they provided
Remy Dale
@TheRemyD
Jun 11 2017 03:49
@saninmersion Thank you for your assistance. Seeing the difference of how it works with the img-thumbnail on the img tag made me think that was probably the case
CamperBot
@camperbot
Jun 11 2017 03:49
theremyd sends brownie points to @saninmersion :sparkles: :thumbsup: :sparkles:
:cookie: 512 | @saninmersion |http://www.freecodecamp.com/saninmersion
FurrySkittles21
@FurrySkittles21
Jun 11 2017 03:49
@penguio so im trying to give my h2 red text
Sandip Shrestha
@saninmersion
Jun 11 2017 03:49
@TheRemyD try this <div class="text-sm-center img-thumbnail" style="width: 600px; margin: 0px auto;">
penguio
@penguio
Jun 11 2017 03:49
@FurrySkittles21 h2 { color: blue; }
FurrySkittles21
@FurrySkittles21
Jun 11 2017 03:49
<style>
.red-text {
color: red;
}
</style>
Dgervais21
@Dgervais21
Jun 11 2017 03:49
@penguio so i would write img .smaller-image{width: 100px;}
Christopher Blakely
@chrisbchrist
Jun 11 2017 03:50
you don't need the img
Suraj Khati
@suraj87
Jun 11 2017 03:50
Aye! Morning peeps!
Sandip Shrestha
@saninmersion
Jun 11 2017 03:50
@Dgervais21 no. on css just .smaller-image
penguio
@penguio
Jun 11 2017 03:50
@FurrySkittles21 oh add the class class="red-text" to your <h2></h2>
Sandip Shrestha
@saninmersion
Jun 11 2017 03:50
@FurrySkittles21 yes
Farzana Patel
@patelfarzana24
Jun 11 2017 03:50
thanks @penguio
CamperBot
@camperbot
Jun 11 2017 03:50
patelfarzana24 sends brownie points to @penguio :sparkles: :thumbsup: :sparkles:
:cookie: 305 | @penguio |http://www.freecodecamp.com/penguio
FurrySkittles21
@FurrySkittles21
Jun 11 2017 03:50
@penguio oh word thank you!
CamperBot
@camperbot
Jun 11 2017 03:50
furryskittles21 sends brownie points to @penguio :sparkles: :thumbsup: :sparkles:
:cookie: 306 | @penguio |http://www.freecodecamp.com/penguio
Suraj Khati
@suraj87
Jun 11 2017 03:51
What is this? No bro love, no hi?
hitesh
@hitesh8hakur
Jun 11 2017 03:51
@chrisbchrist thank you bro :) LOL hahhahaha
CamperBot
@camperbot
Jun 11 2017 03:51
hitesh8hakur sends brownie points to @chrisbchrist :sparkles: :thumbsup: :sparkles:
:cookie: 95 | @chrisbchrist |http://www.freecodecamp.com/chrisbchrist
Sandip Shrestha
@saninmersion
Jun 11 2017 03:52
@djetton6 $(document).ready(function(){ }); is not an attribute but rather code. so $(document).ready(function(){ }); goes between <script> and </script>
ngoalexandra
@ngoalexandra
Jun 11 2017 03:53
What am I supposed to do exactly? "First, let's target your div elements with the class well by using the $(".well") selector. "
Suraj Khati
@suraj87
Jun 11 2017 03:53
@ngoalexandra, target your div elements
djetton6
@djetton6
Jun 11 2017 03:53
@saninmersion Why are you so awesome? Thanks so much #kodeklassy
CamperBot
@camperbot
Jun 11 2017 03:53
djetton6 sends brownie points to @saninmersion :sparkles: :thumbsup: :sparkles:
:cookie: 513 | @saninmersion |http://www.freecodecamp.com/saninmersion
Sandip Shrestha
@saninmersion
Jun 11 2017 03:54
@djetton6 am not :D
djetton6
@djetton6
Jun 11 2017 03:54
@saninmersion Awesomeness level is over 9000!
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 03:54
@jjb1990 good.
ngoalexandra
@ngoalexandra
Jun 11 2017 03:55
Where do I insert $(.well")? In the script? @suraj87
Sandip Shrestha
@saninmersion
Jun 11 2017 03:55
@ngoalexandra you are supposed to use $(".well") to target html elements that have the class "well"
Dgervais21
@Dgervais21
Jun 11 2017 03:55

@saninmersion <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}



</style>

<h2 class="red-text">CatPhotoApp</h2>

<img .smaller-image src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Sandip Shrestha
@saninmersion
Jun 11 2017 03:56
@ngoalexandra show us what you have tried. code goes between <script></script>
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 03:56
@Dgervais21 <img class="smaller-image" src="" alt ="">
Suraj Khati
@suraj87
Jun 11 2017 03:56
@ngoalexandra, like this - $("div")
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 03:57
@Dgervais21 .smaller-image is a selector which we use to target the class in the <style> tags
Suraj Khati
@suraj87
Jun 11 2017 03:57
@ngoalexandra, and add the animation after that.
Sandip Shrestha
@saninmersion
Jun 11 2017 03:57
@Dgervais21 a css class is used in html as <img class="smaller-image"> but for you to use a css class you must define it in the css like:
.smaller-image{
your code here...
}
Suraj Khati
@suraj87
Jun 11 2017 03:57
Using addClass function.
Dgervais21
@Dgervais21
Jun 11 2017 03:58
i dont get it
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 03:59
@Dgervais21 in html for images we give class in this way <img class="class name goes here">
Sandip Shrestha
@saninmersion
Jun 11 2017 03:59
@Dgervais21 what do you not get? Maybe this can make it clearer for you to understand about css classes. https://www.w3schools.com/cssref/sel_class.asp
pumpkinT
@pumpkinT
Jun 11 2017 04:01
Hi - please help
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
}
<img class="smaller-image"; class="thick-green-border"; src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
what did I do wrong?
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:01
@pumpkinT both the classnames should go in one class
heroiczero
@heroiczero
Jun 11 2017 04:01
@pumpkinT class="class1 class2" i added two classes here
Sandip Shrestha
@saninmersion
Jun 11 2017 04:02
@pumpkinT class = "class-name1 class-name2"
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:02
@pumpkinT <class="classone classtwo">
Suraj Khati
@suraj87
Jun 11 2017 04:02
@pumpkinT, the class = "class1 class 2"
Sandip Shrestha
@saninmersion
Jun 11 2017 04:02
woah alot of helpers here today.
Suraj Khati
@suraj87
Jun 11 2017 04:02
lol.
pumpkinT
@pumpkinT
Jun 11 2017 04:02
let me try
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:02
@saninmersion :smile:
Suraj Khati
@suraj87
Jun 11 2017 04:02
Cool.
heroiczero
@heroiczero
Jun 11 2017 04:02
@pumpkinT two add two classes you need to seperate it with a "space" like the example
Sandip Shrestha
@saninmersion
Jun 11 2017 04:02
@suraj87 @ravikishorethella @heroiczero thanks
CamperBot
@camperbot
Jun 11 2017 04:02
saninmersion sends brownie points to @suraj87 and @ravikishorethella and @heroiczero :sparkles: :thumbsup: :sparkles:
:cookie: 140 | @suraj87 |http://www.freecodecamp.com/suraj87
:cookie: 495 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
:star2: 1369 | @heroiczero |http://www.freecodecamp.com/heroiczero
Suraj Khati
@suraj87
Jun 11 2017 04:02
So, how's it going for you guys?
@saninmersion, thanks!
CamperBot
@camperbot
Jun 11 2017 04:03
suraj87 sends brownie points to @saninmersion :sparkles: :thumbsup: :sparkles:
:cookie: 514 | @saninmersion |http://www.freecodecamp.com/saninmersion
Sandip Shrestha
@saninmersion
Jun 11 2017 04:03
later people
Raja
@virtualhandshake
Jun 11 2017 04:03
Sure Sandip.
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:03
@saninmersion for what?
Raja
@virtualhandshake
Jun 11 2017 04:03
@ravikishorethella Hi Ravi.
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:03
@virtualhandshake hello raja
ngoalexandra
@ngoalexandra
Jun 11 2017 04:04

@saninmersion I don't know where to insert it exactly

<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
});
$(".text-primary").addClass("animated shake");
</script>

Raja
@virtualhandshake
Jun 11 2017 04:04
What is a user story? When it says "Fulfill the below user stories. Use whichever libraries you need. Give it your own personal style." on the Tribute Page assignment. What does it mean?
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:04
@ngoalexandra $(".text-primary").addClass("animated shake"); goes inside the });
Raja
@virtualhandshake
Jun 11 2017 04:05
@ngoalexandra <script>
$(document).ready(function() {
$("button").addClass("animated bounce");
});
</script>
ngoalexandra
@ngoalexandra
Jun 11 2017 04:05
@ravikishorethella @virtualhandshake Thanks!
CamperBot
@camperbot
Jun 11 2017 04:05
ngoalexandra sends brownie points to @ravikishorethella and @virtualhandshake :sparkles: :thumbsup: :sparkles:
:cookie: 496 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
:cookie: 122 | @virtualhandshake |http://www.freecodecamp.com/virtualhandshake
pumpkinT
@pumpkinT
Jun 11 2017 04:06
sorry, its still not working
<img class="smaller-image class=thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
Raja
@virtualhandshake
Jun 11 2017 04:06

@ngoalexandra : TRY this:

<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
$(".text-primary").addClass("animated shake");
});

</script>

Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:06
@virtualhandshake that means there is no restrictions in terms of building a project. You are free to use any framework or libraries
@pumpkinT class="smaller-image thick-green-border"
heroiczero
@heroiczero
Jun 11 2017 04:06
@virtualhandshake use bootstrap and CSS and html to make a tribute website with the "user story" requirements
Raja
@virtualhandshake
Jun 11 2017 04:06
@pumpkinT Try this:
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:07
@ngoalexandra :thumbsup:
ngoalexandra
@ngoalexandra
Jun 11 2017 04:07
@virtualhandshake I still need to insert $(".well") in order to target my div elements. Kind of confused on how
Gulzar Halgeri
@G1H1
Jun 11 2017 04:07
@pumpkinT use <img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
pumpkinT
@pumpkinT
Jun 11 2017 04:07
@virtualhandshake thank you its working now
CamperBot
@camperbot
Jun 11 2017 04:07
pumpkint sends brownie points to @virtualhandshake :sparkles: :thumbsup: :sparkles:
:cookie: 123 | @virtualhandshake |http://www.freecodecamp.com/virtualhandshake
Raja
@virtualhandshake
Jun 11 2017 04:07
@ravikishorethella @heroiczero Ok, thanks! And what is a "User Story" in plain english?
CamperBot
@camperbot
Jun 11 2017 04:07
virtualhandshake sends brownie points to @ravikishorethella and @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1370 | @heroiczero |http://www.freecodecamp.com/heroiczero
:cookie: 497 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
pumpkinT
@pumpkinT
Jun 11 2017 04:07
but what did I do wrong?
Abhimanyu
@Abhimanyu100
Jun 11 2017 04:08
thanks heroiczero
heroiczero
@heroiczero
Jun 11 2017 04:08
@virtualhandshake What the Website is "REQUIRED" to have for the exercise to be counted as complete
Gulzar Halgeri
@G1H1
Jun 11 2017 04:08
@pumpkinT class = " class1 class2"
Raja
@virtualhandshake
Jun 11 2017 04:08
You wrote "class" attribute twice:
1.class="smaller-image2. class=thick-green-border"
Whereas it shoud be:
class="smaller-image thick-green-border"
Suraj Khati
@suraj87
Jun 11 2017 04:09
^As @G1H1, you have to write specify both the classes inside one, class = "class1 class2", @pumpkinT.
Raja
@virtualhandshake
Jun 11 2017 04:09
@heroiczero Ah! Okay. Thanks .
CamperBot
@camperbot
Jun 11 2017 04:09
virtualhandshake sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:warning: virtualhandshake already gave heroiczero points
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:09
@pumpkinT you are giving class="smaller-image" class="thick-green....". Actually we are supposed to declare all the classnames in one class class="classone classtwo classthree ....."
heroiczero
@heroiczero
Jun 11 2017 04:10
@pumpkinT you cant have two class attributes in img. you can only have one. To have two classes, you seperate it by a "space" like class="smaller-image thick-border"
FurrySkittles21
@FurrySkittles21
Jun 11 2017 04:10
i need some help on a ccs class issue anyone free
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:10
@FurrySkittles21 yes
Raja
@virtualhandshake
Jun 11 2017 04:10
@FurrySkittles21 Whats the issue?
pumpkinT
@pumpkinT
Jun 11 2017 04:10
oh right.. thank you all for your help...
Raja
@virtualhandshake
Jun 11 2017 04:10
@pumpkinT You are welcome!
Suraj Khati
@suraj87
Jun 11 2017 04:10
:smile:
@FurrySkittles21, code?
FurrySkittles21
@FurrySkittles21
Jun 11 2017 04:11

@ravikishorethella sweet ill show you my code

<img class="smaller-image"; src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">

<style>
.smaller-image{
width: 100px;
}

now they want the class to be set to smaller image and the width at 100px. but nothing is letting me get past

Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:11
@FurrySkittles21 remove ; <img class="smaller-image"; src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."> and also code should be inside the <body>
Suraj Khati
@suraj87
Jun 11 2017 04:11
@FurrySkittles21, you declare the class above the img element
FurrySkittles21
@FurrySkittles21
Jun 11 2017 04:12
ohhhh
Suraj Khati
@suraj87
Jun 11 2017 04:12
And, remove the semi-colon as @ravikishorethella said.
FurrySkittles21
@FurrySkittles21
Jun 11 2017 04:12
thank both of you guys @suraj87 and @ravikishorethella
CamperBot
@camperbot
Jun 11 2017 04:12
furryskittles21 sends brownie points to @suraj87 and @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 144 | @suraj87 |http://www.freecodecamp.com/suraj87
:cookie: 498 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Suraj Khati
@suraj87
Jun 11 2017 04:12
:thumbsup:
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:12
@FurrySkittles21 :+1:
FurrySkittles21
@FurrySkittles21
Jun 11 2017 04:13
wait
that didnt work
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:13
@FurrySkittles21 I know that won't work
first, post the full code
Suraj Khati
@suraj87
Jun 11 2017 04:13
Yep.
Top to bottom.
FurrySkittles21
@FurrySkittles21
Jun 11 2017 04:13

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img class="smaller-image"; src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">

<style>
.smaller-image{
width: 100px;
}

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Suraj Khati
@suraj87
Jun 11 2017 04:14
@FurrySkittles21, remove the ; after smalerr image in img
ngoalexandra
@ngoalexandra
Jun 11 2017 04:14
@suraj87 Thanks!
CamperBot
@camperbot
Jun 11 2017 04:14
ngoalexandra sends brownie points to @suraj87 :sparkles: :thumbsup: :sparkles:
:cookie: 145 | @suraj87 |http://www.freecodecamp.com/suraj87
FurrySkittles21
@FurrySkittles21
Jun 11 2017 04:14
@suraj87 okay
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:14

@FurrySkittles21 this part should be inside the <style> tags

.smaller-image{
width: 100px;
}

Suraj Khati
@suraj87
Jun 11 2017 04:14
@ngoalexandra, your'e welcome!
FurrySkittles21
@FurrySkittles21
Jun 11 2017 04:14
@ravikishorethella oh shit
wow
Suraj Khati
@suraj87
Jun 11 2017 04:15
And, and @FurrySkittles21, you don't have a style closing tag - </style>
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:15
@FurrySkittles21 and also remove the <style> after the <img> tag
@suraj87 there is a closing </style>tag
FurrySkittles21
@FurrySkittles21
Jun 11 2017 04:15
yeah i fucked up there
Suraj Khati
@suraj87
Jun 11 2017 04:15
Wait, you do have one, follow what @ravikishorethella says. I'll brb guys!
Yeah, pretty much.
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:16
@FurrySkittles21 Did that work?
FurrySkittles21
@FurrySkittles21
Jun 11 2017 04:17
@ @ravikishorethella yeah after u mentioned a closing tag i was like omg shit how did i gorget that
Surendhiran
@surendhiran977
Jun 11 2017 04:17
any one help me
FurrySkittles21
@FurrySkittles21
Jun 11 2017 04:17
*forget
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:17
@surendhiran977 yes
Raja
@virtualhandshake
Jun 11 2017 04:17
@surendhiran977 Whats your issue?
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:17
@FurrySkittles21 :smile: :+1:
Raja
@virtualhandshake
Jun 11 2017 04:18
If you have posted already, can you reposet it?
Surendhiran
@surendhiran977
Jun 11 2017 04:18
what is text zoom
FurrySkittles21
@FurrySkittles21
Jun 11 2017 04:18
@surendhiran977 send ti
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:19
@surendhiran977 actually the browser will take care of the text zoom part. Don't worry about that part of the challenge
Suraj Khati
@suraj87
Jun 11 2017 04:19
Shit man! Refreshing pages work a hell lotta times.
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:20
@surendhiran977 you need to worry about the font-size in that challenge
Surendhiran
@surendhiran977
Jun 11 2017 04:20
In my chapter.I've asked to set the font size of my paragraph to 16px .I did that but they are asking to set the text zoom to 100%
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:20
@surendhiran977 I think you messed up with the font-size, show the code
Suraj Khati
@suraj87
Jun 11 2017 04:20
@surendhiran977, your default would be at 100%
Surendhiran
@surendhiran977
Jun 11 2017 04:20
yes.its 100%
Suraj Khati
@suraj87
Jun 11 2017 04:21
Oh, good. Faulty code maybe.
Where's the code?
Surendhiran
@surendhiran977
Jun 11 2017 04:21
<style>
.red-text {
color: red;
font-size: 16px;
}
</style> here's the code
FurrySkittles21
@FurrySkittles21
Jun 11 2017 04:21
is red-text a class?
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:21
@surendhiran977 font-size is for the p elements
Surendhiran
@surendhiran977
Jun 11 2017 04:21
yeah red-text is a class
Suraj Khati
@suraj87
Jun 11 2017 04:22
@surendhiran977, I think you need to put that inside of p {font-size : 16px}
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:22
@surendhiran977 you need to declare a p selector inside the <style> tags
Suraj Khati
@suraj87
Jun 11 2017 04:22
With a semicolon
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:22
@suraj87 missing ; after 16px
@suraj87 :thumbsup:
Surendhiran
@surendhiran977
Jun 11 2017 04:22
@ravikishorethella they told to use a class
Suraj Khati
@suraj87
Jun 11 2017 04:22
p{font-size:16px;}
Jecyu
@Jecyu
Jun 11 2017 04:22
<img src="https://bit.ly/fcc-relaxing-cat" alt="relaxing-cat"> Your image element must have an alt attribute.
FurrySkittles21
@FurrySkittles21
Jun 11 2017 04:22
is the spacing right there?
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:22
@surendhiran977 read the instructions
Raja
@virtualhandshake
Jun 11 2017 04:22
I want to create the Tribute Page on Codepen, I just logged in , do I click on "New Pen" under "Create" or either of "New Project" and "New Post"?
Suraj Khati
@suraj87
Jun 11 2017 04:23
@linjiyu, <img <a></a>>
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:23
@linjiyu check this part again alt="relaxing-cat"
Jecyu
@Jecyu
Jun 11 2017 04:23
<img src="https://bit.ly/fcc-relaxing-cat" alt="relaxing cat"> it work
why?
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:23
@linjiyu you used extra -
@virtualhandshake create new pen
Suraj Khati
@suraj87
Jun 11 2017 04:24
Lol, I thought he/she was talking about the anchor element.
Raja
@virtualhandshake
Jun 11 2017 04:24
@ravikishorethella Okay. Thanks!
CamperBot
@camperbot
Jun 11 2017 04:24
virtualhandshake sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:warning: virtualhandshake already gave ravikishorethella points
Suraj Khati
@suraj87
Jun 11 2017 04:24
@camperbot, shut up.
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:24
@virtualhandshake :thumbsup:
@suraj87 :smile:
Jecyu
@Jecyu
Jun 11 2017 04:25
thanks @ravikishorethella
CamperBot
@camperbot
Jun 11 2017 04:25
linjiyu sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 499 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Suraj Khati
@suraj87
Jun 11 2017 04:25
:smile:
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:25
@linjiyu :thumbsup:
CreateTheHype
@CreateTheHype
Jun 11 2017 04:31
Smile
:fire:
:kappa:
Suraj Khati
@suraj87
Jun 11 2017 04:32
Um, I guess it was : smile :
onejo578
@onejo578
Jun 11 2017 04:32
Hi guys, I'm searching for how to get a navbar working. Does anyone know why this doesn't work:
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">WebSiteName</a>
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Page 1</a></li>
<li><a href="#">Page 2</a></li>
<li><a href="#">Page 3</a></li>
</ul>
</div>
</nav>
CreateTheHype
@CreateTheHype
Jun 11 2017 04:32
I just wanna troll :worried:
CamperBot
@camperbot
Jun 11 2017 04:32
:trollface: troll problems? notify admins here
Suraj Khati
@suraj87
Jun 11 2017 04:33
:Mark ZuckerBerg:
@CreateTheHype, cool, cool.
@camperbot, shut up, you shmuck.
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:33
aniruddh20
@aniruddh20
Jun 11 2017 04:34
hey guys!
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:34
@aniruddh20 yes
CreateTheHype
@CreateTheHype
Jun 11 2017 04:34
:trollface:
onejo578
@onejo578
Jun 11 2017 04:34
Will do, @ravikishorethella thanks :)
CamperBot
@camperbot
Jun 11 2017 04:34
onejo578 sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 500 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:34
@onejo578 :thumbsup:
Irene Bogues
@irenebogues
Jun 11 2017 04:35
hello!
Suraj Khati
@suraj87
Jun 11 2017 04:35
@izzyluvsrain, hey!
Ravi Kishore Thella
@ravikishorethella
Jun 11 2017 04:35
@izzyluvsrain hi
Irene Bogues
@irenebogues
Jun 11 2017 04:35
im searching on how to get my code right...
stuck on this for days
Nahuel Ovejero