These are chat archives for FreeCodeCamp/Help

24th
Jun 2017
Kyle Holm
@thekholm80
Jun 24 2017 00:00
holy crap
Manish Giri
@Manish-Giri
Jun 24 2017 00:00
this is in JSFuck
lol
Grant Davis
@GrantJDavis
Jun 24 2017 00:00
Can someone please take a look at this screenshot ant tell me what is missing? Everything looks correct on the app window but it wont pass the run test. http://prntscr.com/fnhd7b
Kyle Holm
@thekholm80
Jun 24 2017 00:01
@Manish-Giri nope, i didn't get it
 Code length check
 There is no any letter from hello world
You used some letters.. Try harder
Manish Giri
@Manish-Giri
Jun 24 2017 00:02
lol
rofl
Michael Harltey
@mhartley2422
Jun 24 2017 00:03
where do I go to find a meetup camp site
Leigh C L
@leighcruzy
Jun 24 2017 00:04
text-primary class for header?
nvm
Grant Davis
@GrantJDavis
Jun 24 2017 00:06
Never mind I figured it out.
Holland
@iErebus
Jun 24 2017 00:08
My code isn't working...
Nest the existing img element within an a element.
Nick P.
@npantages
Jun 24 2017 00:09
I figured mine out
Holland
@iErebus
Jun 24 2017 00:11
what challenge number are you on?
Unnathi
@unnathiv
Jun 24 2017 00:11
How can i do this?
Your #target1 element should have the classes animated‚ shake and btn-primary.
This is my code

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

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
</div>

Holland
@iErebus
Jun 24 2017 00:14
Sorry bro, try the other chat
Bill
@WizardBill
Jun 24 2017 00:18
Trying to create a Submit button. Used this:
<button type="submit">Submit</button>
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 00:18
@unnathiv try putting the class names in ""
Bill
@WizardBill
Jun 24 2017 00:20
Anyone? Seems pretty straightforward
Coy Sanders
@coymeetsworld
Jun 24 2017 00:21
@unnathiv if you don't use quotes the interpreter is going to think you have variables named animated, shake, btn-primary
Bill
@WizardBill
Jun 24 2017 00:22
Nevermind. I need to nest it in the form
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 00:23
good job
Bill
@WizardBill
Jun 24 2017 00:24
Got it.
valdustry
@valdustry
Jun 24 2017 00:25
im getting something wrong... <script>
$(document).ready(function) {
$("Button").addClass("animatedbounce");
});
</script>
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 00:26
you need to respect mayus @valdustry
animatedbounce is not a class also
Ravi Kishore Thella
@ravikishorethella
Jun 24 2017 00:27
@valdustry animated and bounce are two different classes
unknww
@unknww
Jun 24 2017 00:28
hello world someone can help me in the lobster font. How can I use it
?
valdustry
@valdustry
Jun 24 2017 00:28
got it ! thanks for the help!
Ravi Kishore Thella
@ravikishorethella
Jun 24 2017 00:28
@valdustry two classes are to be separated with a space between them
@unknww did you add the link tag given in the instructions to your code?
unknww
@unknww
Jun 24 2017 00:29
<h2 class="red-text" Lobster>CatPhotoApp</h2> @ravikishorethella
I do this but the font don t change
Ravi Kishore Thella
@ravikishorethella
Jun 24 2017 00:29
@unknww you should add in the style tags
unknww
@unknww
Jun 24 2017 00:30
<style>
.red-text {
color: red;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>
here ?
@ravikishorethella
Holland
@iErebus
Jun 24 2017 00:30
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<h2 class="red-text">CatPhotoApp</h2>
Ravi Kishore Thella
@ravikishorethella
Jun 24 2017 00:31
@unknww the challenge is about adding font-family to the h2 element right?
unknww
@unknww
Jun 24 2017 00:31
yes
@ravikishorethella
thks @iErebus
Im gonna try it
Ravi Kishore Thella
@ravikishorethella
Jun 24 2017 00:31
@ravikishorethella so where is your h2 selector in the <style> tags?
unknww
@unknww
Jun 24 2017 00:32
@ravikishorethella it doesn t worik
do you have a solution ?

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

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

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

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

Ravi Kishore Thella
@ravikishorethella
Jun 24 2017 00:33
@unknww :point_up: June 23, 2017 8:31 PM
Bielsa_
@bielsista
Jun 24 2017 00:34
Hello, could I get help on pulling out data from an API?
Ravi Kishore Thella
@ravikishorethella
Jun 24 2017 00:34
@unknww first remove this Lobster from the <h2> tag
unknww
@unknww
Jun 24 2017 00:34
ok and I put it on the style ?
@ravikishorethella

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

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

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

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

Ravi Kishore Thella
@ravikishorethella
Jun 24 2017 00:35
@unknww add the h2 selector inside the <style> tags
GRIMROOT
@GRIMROOT
Jun 24 2017 00:36
hey the task is to include "cat photos" as my anchors text. and i have this <a href="http://freecatphotoapp.com">cat photos</a> but its says this is wrong???
unknww
@unknww
Jun 24 2017 00:36
sorry but I don t know what is the h2 selector ? @ravikishorethella
Holland
@iErebus
Jun 24 2017 00:36

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

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

h2 {
font-family: Lobster, Monospace;
}

that's what min says
mine&
**
Ravi Kishore Thella
@ravikishorethella
Jun 24 2017 00:37
@unknww there you go, you got your answer
unknww
@unknww
Jun 24 2017 00:37
@iErebus @ravikishorethella I do it thank you!!
CamperBot
@camperbot
Jun 24 2017 00:37
unknww sends brownie points to @ierebus and @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 31 | @ierebus |http://www.freecodecamp.com/ierebus
:cookie: 832 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Holland
@iErebus
Jun 24 2017 00:38
how do you send brownie points?
GRIMROOT
@GRIMROOT
Jun 24 2017 00:38
hey the task is to include "cat photos" as my anchors text. and i have this <a href="http://freecatphotoapp.com">cat photos</a> but its says this is wrong???
unknww
@unknww
Jun 24 2017 00:38
I don t know hahhaahaha its not me
I think when you help someone you have brownie
Holland
@iErebus
Jun 24 2017 00:38
so if you tag someone and say "thank you" it does it?
lets see
unknww
@unknww
Jun 24 2017 00:39
try it with me
Holland
@iErebus
Jun 24 2017 00:39
thank you @unknww
CamperBot
@camperbot
Jun 24 2017 00:39
ierebus sends brownie points to @unknww :sparkles: :thumbsup: :sparkles:
:warning: @unknww's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Holland
@iErebus
Jun 24 2017 00:39
lmao
unknww
@unknww
Jun 24 2017 00:39
HAHAHAHAHAHAHAHAHA
Holland
@iErebus
Jun 24 2017 00:39
I cracked the code lol
GRIMROOT
@GRIMROOT
Jun 24 2017 00:39
can some one help me with my problem
Holland
@iErebus
Jun 24 2017 00:39
possibly
GRIMROOT
@GRIMROOT
Jun 24 2017 00:40
hey the task is to include "cat photos" as my anchors text. and i have this <a href="http://freecatphotoapp.com">cat photos</a> but its says this is wrong???
thatguyminib
@thatguyminib
Jun 24 2017 00:40
Hey everyone I am having troubles with the portfolio project and making it scale for mobile devices. I tried using media queries but it still is not working and I do not get it lol https://codepen.io/ThatGuyMiniB/pen/JJJger
Holland
@iErebus
Jun 24 2017 00:41
I believe that the first > doesn't need to be there
GRIMROOT
@GRIMROOT
Jun 24 2017 00:41
ill try that
Holland
@iErebus
Jun 24 2017 00:41
what is your challenge called>?
GRIMROOT
@GRIMROOT
Jun 24 2017 00:42
nope
Link to External Pages with Anchor Elements
Holland
@iErebus
Jun 24 2017 00:43
the <p> above it has to be closed too
after that clause, type </p>
GRIMROOT
@GRIMROOT
Jun 24 2017 00:43
<p class="red-text"><a href="http://freecatphotoapp.com">cat photos</a>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>
Holland
@iErebus
Jun 24 2017 00:44
and it doesn't work?
<p>
<a href='http://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>
GRIMROOT
@GRIMROOT
Jun 24 2017 00:45
it displays it but the thing keeps saying its wrong
ill do that way
AndyrooCampbell
@AndyrooCampbell
Jun 24 2017 00:45
hello!
do you need to close <img src=""> commands with </img>??
GRIMROOT
@GRIMROOT
Jun 24 2017 00:46
Your a element should have the anchor text of "cat photos".
Holland
@iErebus
Jun 24 2017 00:46
just say "thanks" with my @ so I get points lol
Tyler
@TJSTEELMAN75
Jun 24 2017 00:46
hi, can someone please tell me whats wrong with this code?
v
<div class ="row colum-xs-4"><button class="col-xs-4 btn btn-block btn-primary">Like</button>
<button class="btn btn-block btn-info col-xs-4">Info</button>
<button class="btn btn-block btn-danger col-xs-4">Delete</button></div>
Holland
@iErebus
Jun 24 2017 00:47
I promise, that is right.

<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>
<a href='http://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>

Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 00:47
@TJSTEELMAN75 what the test says?
GRIMROOT
@GRIMROOT
Jun 24 2017 00:47
i thought so lol
Tyler
@TJSTEELMAN75
Jun 24 2017 00:47
it says Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4
@NahuelOvejero anything wrong with it?
Holland
@iErebus
Jun 24 2017 00:50
someone care to help me with "turn an image into a link"?
Bill
@WizardBill
Jun 24 2017 00:50
I've got an error that I cannot find the correct answer. It's about checkboxes.
GRIMROOT
@GRIMROOT
Jun 24 2017 00:50
@iErebus thanks
CamperBot
@camperbot
Jun 24 2017 00:50
grimroot sends brownie points to @ierebus :sparkles: :thumbsup: :sparkles:
:cookie: 32 | @ierebus |http://www.freecodecamp.com/ierebus
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 00:51
@TJSTEELMAN75 you just did it for 1 button, you need to do it with all of them
@WizardBill what you have and what you have to do?
GRIMROOT
@GRIMROOT
Jun 24 2017 00:51
you type "thanks" then click your name
Holland
@iErebus
Jun 24 2017 00:51
apparently my existing img element isn't nested within an A element
Tyler
@TJSTEELMAN75
Jun 24 2017 00:51
did what for 1
@NahuelOvejero
Bill
@WizardBill
Jun 24 2017 00:52
I have to do this:
Your page should have three checkbox elements.
Each of your three checkbox elements should be nested in its own label element.
Make sure each of your label elements has a closing tag.
Give your checkboxes the name attribute of personality.
<label><input type="checkbox" name="Personality"> Grumpy</label>
<label><input type="checkbox" name="Personality"> Playful</label>
I made a third with loving instead of grumpy
Tyler
@TJSTEELMAN75
Jun 24 2017 00:53
u didnt close the 1st label
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 00:53
@TJSTEELMAN75 you just nested 1
Tyler
@TJSTEELMAN75
Jun 24 2017 00:53
</label> like that
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 00:54
it is closed
Bill
@WizardBill
Jun 24 2017 00:54
All three are closed
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 00:54
    what he test says? @WizardBill 
Tyler
@TJSTEELMAN75
Jun 24 2017 00:54
sorry, i read it wrong
Bill
@WizardBill
Jun 24 2017 00:55
Here is my code:
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 00:55
oh
Personality, is not the same that personality
Bill
@WizardBill
Jun 24 2017 00:55
<label><input type="checkbox" name="Personality"> Loving</label>
<label><input type="checkbox" name="Personality"> Grumpy</label>
<label><input type="checkbox" name="Personality"> Playful</label>
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 00:55
check that @WizardBill
Bill
@WizardBill
Jun 24 2017 00:56
Instructions: Your page should have three checkbox elements.
Each of your three checkbox elements should be nested in its own label element.
Make sure each of your label elements has a closing tag.
Give your checkboxes the name attribute of personality.
Tyler
@TJSTEELMAN75
Jun 24 2017 00:56
@NahuelOvejero <div class ="row colum-xs-4"><button class="col-xs-4 btn btn-block btn-primary">Like</button></div>
<div class ="row colum-xs-4"><button class="btn btn-block btn-info col-xs-4">Info</button></div>
<div class ="row colum-xs-4"><button class="btn btn-block btn-danger col-xs-4">Delete</button></div>
it still isnt working'
unknww
@unknww
Jun 24 2017 00:57

<style>
.red-text {
color: red;
}
.smaller-image {
width:100px;
}
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. ">

someone can check that
I have to puty the class smaller image
Tyler
@TJSTEELMAN75
Jun 24 2017 00:57
your img doesnt have a closing tag
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 00:57
@WizardBill personality, not Personality
Bill
@WizardBill
Jun 24 2017 00:58
Wow! It WAS "P" vs "p", thanks Nahuel!
Holland
@iErebus
Jun 24 2017 00:58
What's the problem?
@unknww
Tyler
@TJSTEELMAN75
Jun 24 2017 00:58
<div class ="row colum-xs-4"><button class="col-xs-4 btn btn-block btn-primary">Like</button></div>
<div class ="row colum-xs-4"><button class="btn btn-block btn-info col-xs-4">Info</button></div>
<div class ="row colum-xs-4"><button class="btn btn-block btn-danger col-xs-4">Delete</button></div>
@NahuelOvejero
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 00:58
@unknww check how you use the red-text class, and how you are using the img one
Tyler
@TJSTEELMAN75
Jun 24 2017 00:58
is that better?
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 00:58
@WizardBill no problem! x) it was that
AndyrooCampbell
@AndyrooCampbell
Jun 24 2017 00:58
thanks @TJSTEELMAN75
CamperBot
@camperbot
Jun 24 2017 00:58
andyroocampbell sends brownie points to @tjsteelman75 :sparkles: :thumbsup: :sparkles:
:warning: @tjsteelman75's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
unknww
@unknww
Jun 24 2017 00:59
I need to reduce the width of my image
@iErebus @NahuelOvejero
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 00:59
@TJSTEELMAN75 do they have to have the class row AND columns?
@unknww you are applying your class wrong
compare how you use it at red-text h2
Holland
@iErebus
Jun 24 2017 00:59
.smaller-image {
width: 100px;
}
unknww
@unknww
Jun 24 2017 01:00
oohh ok thanks @NahuelOvejero @iErebus
CamperBot
@camperbot
Jun 24 2017 01:00
:warning: unknww already gave ierebus points
unknww sends brownie points to @nahuelovejero and @ierebus :sparkles: :thumbsup: :sparkles:
:cookie: 721 | @nahuelovejero |http://www.freecodecamp.com/nahuelovejero
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:00
np
Tyler
@TJSTEELMAN75
Jun 24 2017 01:01
i went to te next chalenge and it said i was supposed to do this!
<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>
i would have never gotter that!
gotten*
Jared
@Jakeeney09
Jun 24 2017 01:02

Its asking me to nest a text field into a form nesting has always been confusing to me can someone look at this and see where im disconnecting <input type="text" placeholder="cat photo URL">

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

Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:02
you were close tho
@Jakeeney09 nest it = put it inside
between forms tags
Tyler
@TJSTEELMAN75
Jun 24 2017 01:03
yeah kinda
Thanks @NahuelOvejero
CamperBot
@camperbot
Jun 24 2017 01:03
tjsteelman75 sends brownie points to @nahuelovejero :sparkles: :thumbsup: :sparkles:
:cookie: 722 | @nahuelovejero |http://www.freecodecamp.com/nahuelovejero
axel700
@axel7000
Jun 24 2017 01:03

Your h2 element should have the class red-text. what am i missing for the code?<style>
h2 {
color: red;
}
</style>

<h2 class="red-texte">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>

help
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:04
@axel7000 red-texte is wrong
you have an extra e
Tyler
@TJSTEELMAN75
Jun 24 2017 01:04
red-texte
yeah'
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:04
@axel7000 plus, you don't have that class defined at CSS
Jared
@Jakeeney09
Jun 24 2017 01:04
are you familiar with this exercise do you know what text field they are referring too? @NahuelOvejero
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:05
@Jakeeney09 the one you need to create
Jared
@Jakeeney09
Jun 24 2017 01:05
Thank you!!
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:05
no problem
axel700
@axel7000
Jun 24 2017 01:05
@NahuelOvejero, what do you mean i don't have the defined class for css?
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:07
@axel7000 where is your red-text class? it have to comes from somewhere
Holland
@iErebus
Jun 24 2017 01:07

<style>
h2 {
color: red;
}
</style>

<h2 class="red-text">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>

lol you spelled text wrong
replace "h2" with "red-text"
The real question here is "how are you so f'n ripped?"
sltyler15
@sltyler15
Jun 24 2017 01:10
Hello, can someone assist with the "Add Borders Around your Elements" task? I keep getting an "x" for the following:
---Your img element should have the class thick-green-border.
---Give your image a border width of 10px.
axel700
@axel7000
Jun 24 2017 01:10
im kinda mind fuck right now', how do i create the stylesheet
Holland
@iErebus
Jun 24 2017 01:11
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
@sltyler15
@axel7000 wdym?
Tyler
@TJSTEELMAN75
Jun 24 2017 01:11
@NahuelOvejero Thank you so much for your help, the next challenges i flew through like it was nothing because i understand it now!
CamperBot
@camperbot
Jun 24 2017 01:11
tjsteelman75 sends brownie points to @nahuelovejero :sparkles: :thumbsup: :sparkles:
:warning: tjsteelman75 already gave nahuelovejero points
Schw1nd
@Schw1nd
Jun 24 2017 01:11
ok its acking my to replace the href attribute with a "#". what exactly am i replacing? the = symbol or the entire link? I'm confused as to exactly what theyre asking me
Johnyboi21
@Johnyboi21
Jun 24 2017 01:12
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
<a href="#"><img class="img-responive" src="https://bit.ly/fcc-running-cats" alt="Running Cats"></a>
axel700
@axel7000
Jun 24 2017 01:12
for css @iErebus
Holland
@iErebus
Jun 24 2017 01:12
just what is right after the = type ="#"
Schw1nd
@Schw1nd
Jun 24 2017 01:12
thanks johny
Johnyboi21
@Johnyboi21
Jun 24 2017 01:12
so it says i didnt put the "new" image below your old one and have the class seting to img-responsive
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:12
@TJSTEELMAN75 glad you get it, once you understand it all easier
Holland
@iErebus
Jun 24 2017 01:13
@axel7000 are you not on your lesson?
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:13
@Schw1nd href="url" , it will redirect it to the url page. # is a dead link
@sltyler15 what you have so far?
axel700
@axel7000
Jun 24 2017 01:14
yes i am but I'm knew do this so I'm having some trouble @iErebus
sltyler15
@sltyler15
Jun 24 2017 01:14

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

<style>
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
}
.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 class="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>

@iErebus Thank you
CamperBot
@camperbot
Jun 24 2017 01:14
sltyler15 sends brownie points to @ierebus :sparkles: :thumbsup: :sparkles:
:cookie: 37 | @ierebus |http://www.freecodecamp.com/ierebus
Schw1nd
@Schw1nd
Jun 24 2017 01:14
i understand that part @NahuelOvejero. I'm asking where do I place the "#" symbol exactly
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:15
@Schw1nd href="#"
property = value
href is a property
Schw1nd
@Schw1nd
Jun 24 2017 01:15
thank you
sltyler15
@sltyler15
Jun 24 2017 01:15
@NahuelOvejero Now, I am missing:
Your img element should have the class smaller-image.
Holland
@iErebus
Jun 24 2017 01:16
@axel7000 so am I lol, don't try and run before you walk borther
brother*
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:16
@sltyler15 you need to have both class, not only the border one
axel700
@axel7000
Jun 24 2017 01:17
@iErebus, do they teach java script on this site
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:17
@sltyler15 class="class1 class2"
tiger500
@tiger500
Jun 24 2017 01:17
guys how do you Nest two div class="col-xs-6" elements within your div class="row" element
Holland
@iErebus
Jun 24 2017 01:18
@axel7000 I believe so but HTML is very easy to learn and is probably the most widely used language apart from the C's
Tyler
@TJSTEELMAN75
Jun 24 2017 01:18
<button class="btn btn-block btn-primary">Like</button><i class="fa fa-thumbs-up"></i>
how do i nest the <i> within the like button?
sltyler15
@sltyler15
Jun 24 2017 01:18
@NahuelOvejero Awesome! Thank you!
CamperBot
@camperbot
Jun 24 2017 01:18
sltyler15 sends brownie points to @nahuelovejero :sparkles: :thumbsup: :sparkles:
:cookie: 723 | @nahuelovejero |http://www.freecodecamp.com/nahuelovejero
5millerk
@5millerk
Jun 24 2017 01:18
put 2 <div class = "col-cs-6"> </div> inside of 1 <div class = "row"> this space right here</div> @tiger500
unknww
@unknww
Jun 24 2017 01:19

<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>

<p>Here's a <a href="http://freecatphotoapp.com"> link to cat photos</a> for you to follow.</p>

axel700
@axel7000
Jun 24 2017 01:19
@iErebus. you say HTML is easy i don't even understand it yet after 2 days of doing this haha .
unknww
@unknww
Jun 24 2017 01:19
someone can check please
5millerk
@5millerk
Jun 24 2017 01:19
@tiger500 nest just means "put inside of"
unknww
@unknww
Jun 24 2017 01:19
i have to create an a element
Tyler
@TJSTEELMAN75
Jun 24 2017 01:19
@TJSTEELMAN75
<button class="btn btn-block btn-primary">Like</button><i class="fa fa-thumbs-up"></i>
@iErebus
@axel7000 I believe so but HTML is very easy to learn and is probably the most widely used language apart from the C's
how do i nest the <i> within the like button?
tiger500
@tiger500
Jun 24 2017 01:19
thanks @5millerk
CamperBot
@camperbot
Jun 24 2017 01:19
tiger500 sends brownie points to @5millerk :sparkles: :thumbsup: :sparkles:
:cookie: 215 | @5millerk |http://www.freecodecamp.com/5millerk
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:20
@unknww where?
Tyler
@TJSTEELMAN75
Jun 24 2017 01:20
@TJSTEELMAN75
<button class="btn btn-block btn-primary">Like</button><i class="fa fa-thumbs-up"></i>
how do i nest the <i> within the like button?
is what i meant to say
unknww
@unknww
Jun 24 2017 01:20
I don t know i put it at the last @NahuelOvejero *
that s write ?
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:20
I don't know, check what the instructions says
Jofre O.
@freyo27
Jun 24 2017 01:21
Guys, why is the reason eveyrtime I log in into the camp to continue my challenges, it starts over and over to the first challenge?
unknww
@unknww
Jun 24 2017 01:21
they didn t notice if I put it in the p text or alone
I m gonna search
Jofre O.
@freyo27
Jun 24 2017 01:22
every time i log -in I have to start from the INTRO challenge :(
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:22
@freyo27 not sure, you can check the map and check what you have done
Tyler
@TJSTEELMAN75
Jun 24 2017 01:22
<button class="btn btn-block btn-primary">Like</button><i class="fa fa-thumbs-up"></i>
how do i nest the <i> within the like button?
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:22
@unknww just read the excercise
they need to tell you there for sure
daegee
@daegee
Jun 24 2017 01:22
<div class="container-fliud">
<h3 class="text-primary text-center">jQuery Playground</h3>
</div>
need help with that
Jofre O.
@freyo27
Jun 24 2017 01:23
@NahuelOvejero did that happened to you or any other camper?
Tyler
@TJSTEELMAN75
Jun 24 2017 01:24
it happened to me but i used the map to get to my current challeng
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:24
@freyo27 not to me to be honest
@daegee what you have to do?
@TJSTEELMAN75 I think the i need to be nested inside the button and no the other way
daegee
@daegee
Jun 24 2017 01:27
ok, got it. i wrote 'fliud' instead of 'fluid'
axel700
@axel7000
Jun 24 2017 01:30

there saying make my h2 element red. how can i do this,<style>
.red-text {
color: red;
}
</style>

<h2>class="red-text">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>

Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:30
@axel7000 almost
you have 2 > at the opening of h2
axel700
@axel7000
Jun 24 2017 01:32
wdym
@NahuelOvejero
emmamwa
@emmamwa
Jun 24 2017 01:32
@NahuelOvejero I am having that same problem, but I don't see what you're saying
unknww
@unknww
Jun 24 2017 01:32
hello everyone please how do we put the nesting property?
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:33
<h2>class="red-text">
see? @axel7000
@emmamwa well, depends on what you have, show me your code
emmamwa
@emmamwa
Jun 24 2017 01:33

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

<h2>class="red-text">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>

Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:34
@emmamwa exactly the same issue x)
the class attribute and value should be in the opening tag of the element
for example <p class="myPclass">
did you get it?
axel700
@axel7000
Jun 24 2017 01:35
yes i got it thanks @NahuelOvejero
CamperBot
@camperbot
Jun 24 2017 01:35
axel7000 sends brownie points to @nahuelovejero :sparkles: :thumbsup: :sparkles:
:cookie: 724 | @nahuelovejero |http://www.freecodecamp.com/nahuelovejero
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:36
great! how about you @emmamwa ?
emmamwa
@emmamwa
Jun 24 2017 01:36
@NahuelOvejero yay!!!! Thank you!
CamperBot
@camperbot
Jun 24 2017 01:36
emmamwa sends brownie points to @nahuelovejero :sparkles: :thumbsup: :sparkles:
:cookie: 725 | @nahuelovejero |http://www.freecodecamp.com/nahuelovejero
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:36
@emmamwa LOL, I loved your repos at github
no problem feel free to ask more if you need
Kyle Holm
@thekholm80
Jun 24 2017 01:37
diarrhea-jones? sounds sick
brb making a pepto repo
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:37
literally sick
emmamwa
@emmamwa
Jun 24 2017 01:37
@NahuelOvejero @thekholm80 yeah i couldnt help myself...
Kyle Holm
@thekholm80
Jun 24 2017 01:38
lol
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:38
at least is empty ;P
Kyle Holm
@thekholm80
Jun 24 2017 01:38
i love coders with a sense of humor. everyone thinks they're going to be the next steve jobs, so they got to be all serious
bfrancois0508
@bfrancois0508
Jun 24 2017 01:38
I need help on this number 23
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:38
Yeah, I'm more a bill gates wanna-be
:P
@bfrancois0508 whats up?
bfrancois0508
@bfrancois0508
Jun 24 2017 01:39
Size Image #23
emmamwa
@emmamwa
Jun 24 2017 01:39
i definitely have no idea what im doing so I will not be anywhere near steve jobs, probably more like his left toe nail
Kyle Holm
@thekholm80
Jun 24 2017 01:39
I want to be like Rick Sanchez
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:39
@emmamwa we all start from 0, don't worry
bfrancois0508
@bfrancois0508
Jun 24 2017 01:39
Can someone help me?
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:39
as long as I can live from coding, I'm happy
@bfrancois0508 what you have so far?
bfrancois0508
@bfrancois0508
Jun 24 2017 01:41
I'm all the way to number 23 and I need help and 23 is Size Image tutorial
Kyle Holm
@thekholm80
Jun 24 2017 01:41
the challenges are named, not numbered
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:41
yeah, I get that.
can you show what you have done so far with your code?
bfrancois0508
@bfrancois0508
Jun 24 2017 01:42
And how do I do that
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:42
you can come to my home if you want
I'm cooking actually
but if it's take too much time to you to travel
just copy and paste
Kyle Holm
@thekholm80
Jun 24 2017 01:43
sao palo?
AwesomeSauce22
@AwesomeSauce22
Jun 24 2017 01:43
how do you give text to a button
in html?
Kyle Holm
@thekholm80
Jun 24 2017 01:43
<button>Text</button>
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:43
@AwesomeSauce22 nest the text you want to show between button tags
bfrancois0508
@bfrancois0508
Jun 24 2017 01:44

<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>

ScottBland
@ScottBland
Jun 24 2017 01:45
so is there really much difference between useing a do loop and while loop ?
Humza Tareen
@humzat12
Jun 24 2017 01:45
how would you give your element a background colour without using style, or class attributes ?
Kyle Holm
@thekholm80
Jun 24 2017 01:45
@ScottBland while evals before execute, do after
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:45
@bfrancois0508 create a class like you did with red text, that change the img
@ScottBland do while excecutes at least once
while can be executed 0 times depends on the condition
ScottBland
@ScottBland
Jun 24 2017 01:46
@thekholm80 ahh ok
@thekholm80 @NahuelOvejero thanks
CamperBot
@camperbot
Jun 24 2017 01:46
scottbland sends brownie points to @thekholm80 and @nahuelovejero :sparkles: :thumbsup: :sparkles:
:cookie: 726 | @nahuelovejero |http://www.freecodecamp.com/nahuelovejero
:star2: 1169 | @thekholm80 |http://www.freecodecamp.com/thekholm80
bfrancois0508
@bfrancois0508
Jun 24 2017 01:46
this class
Kyle Holm
@thekholm80
Jun 24 2017 01:46
while (this is true) {
  // do this
}

do {
  // this
} while (this is true)
bfrancois0508
@bfrancois0508
Jun 24 2017 01:46
<style>
.larger-image {
width: 500px;
}
</style>
Kyle Holm
@thekholm80
Jun 24 2017 01:46
kind of
AwesomeSauce22
@AwesomeSauce22
Jun 24 2017 01:47
thanks @thekholm80 @NahuelOvejero
CamperBot
@camperbot
Jun 24 2017 01:47
awesomesauce22 sends brownie points to @thekholm80 and @nahuelovejero :sparkles: :thumbsup: :sparkles:
:star2: 1170 | @thekholm80 |http://www.freecodecamp.com/thekholm80
:cookie: 727 | @nahuelovejero |http://www.freecodecamp.com/nahuelovejero
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:47
@bfrancois0508 yeah, but you have only 1 style tag
bfrancois0508
@bfrancois0508
Jun 24 2017 01:47
Ok
Right is a style tag >
Is a style tag this >
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:49
<style>
</style>
those are style tags
bfrancois0508
@bfrancois0508
Jun 24 2017 01:49
Oh yeah
Thank you
where am i suppose to put the style tag
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:51
at the top
you already have one tho...
you should at least
bfrancois0508
@bfrancois0508
Jun 24 2017 01:51
Wait here is the html i think

<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>

Tyler
@TJSTEELMAN75
Jun 24 2017 01:53
<input type="text" placeholder="cat photo URL" required>
<button type="submit"><i class="form-control fa fa-paperplane"></i>Submit</button>
</form>
i need help plz
bfrancois0508
@bfrancois0508
Jun 24 2017 01:53
am i suppose to put it above <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:54
@freyo27 check the i class name that are required
@bfrancois0508 yup
bfrancois0508
@bfrancois0508
Jun 24 2017 01:54
ok
Tyler
@TJSTEELMAN75
Jun 24 2017 01:57

<input type="text" placeholder="cat photo URL" required>

<button type="submit"><i class="form-control fa fa-paperplane"></i>Submit</button </form>

plz help
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:57
damn, my patatoes are slow at cooking
Tyler
@TJSTEELMAN75
Jun 24 2017 01:57
lol
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:58
@TJSTEELMAN75 your button is missing >
Tyler
@TJSTEELMAN75
Jun 24 2017 01:58
ok ty
Nick P.
@npantages
Jun 24 2017 01:58
Hey everyone, im having difficulty understanding how to Target the same element with multiple jquery selectors
Tyler
@TJSTEELMAN75
Jun 24 2017 01:59
wait,it wasnt missing in my code, just in my copy/paste
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:59
@npantages what you have so far?
tovan51377
@tovan51377
Jun 24 2017 01:59
im stuck
Nick P.
@npantages
Jun 24 2017 01:59
<script>
$(document).ready(function() {
$(".btn").addclass("shake");
$("button").addclass("animated");
$("#target1").addclass("animated shake btn-primary");
});
</script>
this is where im at
Tyler
@TJSTEELMAN75
Jun 24 2017 01:59

<input type="text" placeholder="cat photo URL" required>

<button type="submit"><i class="form-control fa fa-paperplane"></i>Submit</button>
</form>

Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 01:59
@npantages the last one you put it 3 , you need to put the only one you have left
Nick P.
@npantages
Jun 24 2017 01:59
oh ok let me try that
tovan51377
@tovan51377
Jun 24 2017 01:59
Your p element should contain the first few words of the provided additional kitty ipsum text.
what dopes that mean
?
Tyler
@TJSTEELMAN75
Jun 24 2017 02:00
The tests:Give the submit button in your form the classes btn btn-primary.
Add a <i class="fa fa-paper-plane"></i> within your submit button element.
Give the text input in your form the class form-control.
tovan51377
@tovan51377
Jun 24 2017 02:00
???
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 02:00
@TJSTEELMAN75 you need to paste the text they provides you
Tyler
@TJSTEELMAN75
Jun 24 2017 02:00
u have write the whole poem @tovan51377
Nick P.
@npantages
Jun 24 2017 02:00
@NahuelOvejero the objective says that my #target1 element should have the classes animated, shake, and btn-primary
tovan51377
@tovan51377
Jun 24 2017 02:00
i see
thanks
Tyler
@TJSTEELMAN75
Jun 24 2017 02:01

Style Text Inputs as Form Controls
You can add the fa-paper-plane Font Awesome icon by adding <i class="fa fa-paper-plane"></i> within your submit button element.

Give your form's text input field a class of form-control. Give your form's submit button the classes btn btn-primary. Also give this button the Font Awesome icon of fa-paper-plane.

Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 02:01
@npantages and you are targeting already in different ways.
Nick P.
@npantages
Jun 24 2017 02:01
ok, it seems like i dont understand the concept on this one yet
Ive tried a couple of other configurations but they havent seemed to put me in the right direction yet
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 02:02
@npantages did you realize that
$(".btn")
$("button")
$("#target1")
target the same element?
Nick P.
@npantages
Jun 24 2017 02:02
no I didnt
ok
but the lesson does require
Use the $("button") selector.
Use the $(".btn") selector.
Use the $("#target1") selector.
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 02:04
Yes
ScottBland
@ScottBland
Jun 24 2017 02:04
ugggggggg i am never going to get the understanding of javascript.
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 02:04
@ScottBland whats up my friend?
Zach Hall
@el4z
Jun 24 2017 02:05
can anyone help me with my api?
trying to do the quote generator challenge
Kyle Holm
@thekholm80
Jun 24 2017 02:06
while (@ScottBland is confused) {
  help(Scott);
}
return knowlege;
JS is easy
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 02:06
while(true) { cook_patatoes}
emmamwa
@emmamwa
Jun 24 2017 02:06
Im having trouble adding multiple classes to an image
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 02:06
@emmamwa class="class1 class2"
emmamwa
@emmamwa
Jun 24 2017 02:06
<img class="thick-green-border" class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 02:06
just separe them with a space
Kyle Holm
@thekholm80
Jun 24 2017 02:06
all in one class statement
emmamwa
@emmamwa
Jun 24 2017 02:06
oh okay
Zach Hall
@el4z
Jun 24 2017 02:07
https://codepen.io/el4z/pen/QgpYwv trying to use getJSON, don't fully understand it - hard to work
Nick P.
@npantages
Jun 24 2017 02:07
<script>
$(document).ready(function() {
$(".btn").addclass("shake animated btn-primary");
});
</script>
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 02:07
Harrison Jones theme playing with farts
ScottBland
@ScottBland
Jun 24 2017 02:07
@NahuelOvejero just stressing lol. i have ben studying JS for like a months almsot and i can read it but i just cant write it i read and read so much about it and then i am presented with a problem boom wall
Nick P.
@npantages
Jun 24 2017 02:07
is this closer?
clynn1214
@clynn1214
Jun 24 2017 02:07
Does anyone know how to make css work with the html in codepen?
Zach Hall
@el4z
Jun 24 2017 02:07
*work out where I'm going wrong
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 02:07
@npantages you need to use the 3 selectors you had
@npantages that is what the excercise about
Kyle Holm
@thekholm80
Jun 24 2017 02:08
@ScottBland i'm that way with Spanish. I can read it and understand a lot of it, but don't make me speak it or write it
ScottBland
@ScottBland
Jun 24 2017 02:08
@thekholm80 just i feel like am no farther today then i was a month ago
Nick P.
@npantages
Jun 24 2017 02:08
@NahuelOvejero thats what I figured but im confused on where to go after that
Kyle Holm
@thekholm80
Jun 24 2017 02:09
@ScottBland build something with javascript. best way to learn it
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 02:09
español es facil amigo! no, mentira
Kyle Holm
@thekholm80
Jun 24 2017 02:09
then build something else
muy difacil
defacil?
hard
Zach Hall
@el4z
Jun 24 2017 02:09
have you gotten to the algorithm challenges @ScottBland ? I felt like I learned a lot doing those. just resist cheating and looking up a guide
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 02:10
dificil :P
Kyle Holm
@thekholm80
Jun 24 2017 02:10
lol
ScottBland
@ScottBland
Jun 24 2017 02:10
@el4z yea i have and then i got stuck and found a course on MDN for JS and am going through it and even the basic challenegs it give me i can not do even after it was just explained to me
Kyle Holm
@thekholm80
Jun 24 2017 02:10
yo no habla ne una pelabra de espanol
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 02:11
eso ya es una palabra, y mas tambien
Zach Hall
@el4z
Jun 24 2017 02:12
@ScottBland just keep working at it I guess man. feels amazing when u get the solve after working on it for hours.
Kyle Holm
@thekholm80
Jun 24 2017 02:12
touche
rebuilding my entire back end. not how i imagined tonight going
Nick P.
@npantages
Jun 24 2017 02:16
<script>
$(document).ready(function() {
$(".btn").addclass(shake);
$("button").addclass(animated);
$("#target1").addclass(btn-primary);
});
</script>
Kyle Holm
@thekholm80
Jun 24 2017 02:16
addClass
Nick P.
@npantages
Jun 24 2017 02:16
this seems to be closer to the directions so far
Kyle Holm
@thekholm80
Jun 24 2017 02:16
capital c
and your classes go in quotes
"shake" "animated" etc
Zach Hall
@el4z
Jun 24 2017 02:16

$(document).ready(function(){
$("#getMessage").on("click", function(){

$.getJSON("api.forismatic.com/api/1.0/?method=getQuote&key=&format=xml&lang=en", function(json){
  $(".message").html(JSON.stringify(json));
});

});

am i forgettin something?
Kyle Holm
@thekholm80
Jun 24 2017 02:17
https://api.forismatic ...
Nick P.
@npantages
Jun 24 2017 02:17
im still missing something
<script>
$(document).ready(function() {
$(".btn").addClass("shake);
$("button").addClass("animated);
$("#target1").addClass("shake animated btn-primary");
});
</script>
Kyle Holm
@thekholm80
Jun 24 2017 02:18
quotes on both sides of the class
Nick P.
@npantages
Jun 24 2017 02:18
just saw that
Zach Hall
@el4z
Jun 24 2017 02:18
@thekholm80 sorry man? seemed to clip off ur message
Nick P.
@npantages
Jun 24 2017 02:18
Ok I got it, wow idk why that took so long haha. Thanks everyone
Kyle Holm
@thekholm80
Jun 24 2017 02:19
i believe you need a full url for your api call
Zach Hall
@el4z
Jun 24 2017 02:19
oh!
good point!
thanks
Ateeq Khan
@ez12024
Jun 24 2017 02:21
hi what's my first step for reversing a string?
Zach Hall
@el4z
Jun 24 2017 02:21
I mean it's still not working, i think i need to read more about apis? like what's the deal with jsonp, when do you use it instead of json?
ScottBland
@ScottBland
Jun 24 2017 02:21
ok well i am out for the night guys gotta go to work. hopefully de stress a littlw lol
Zach Hall
@el4z
Jun 24 2017 02:21
first step is to split up the letters @ez12024
so when ur reverse it the letters are reversed
Kyle Holm
@thekholm80
Jun 24 2017 02:21
jsonp is a way to get around cors restrictions, but not all apis support it
@el4z do you have any errors on your dev console?
@ScottBland g'night
Zach Hall
@el4z
Jun 24 2017 02:22
no errors https://codepen.io/el4z/pen/QgpYwv it's probably something super obvious
emmamwa
@emmamwa
Jun 24 2017 02:22
<p><a href="http.//freecatphotoapp.com">cat photos</a> </p>
it says I still need an a element that links to freecatphotoapp.com
Kyle Holm
@thekholm80
Jun 24 2017 02:22
i see one error
Uncaught Error: Bootstrap's JavaScript requires jQuery
at bootstrap.min.js:6
Zach Hall
@el4z
Jun 24 2017 02:23
where do you see that?
Ateeq Khan
@ez12024
Jun 24 2017 02:23

@el4z function reverseString(str) {
return str;
}

var a = reverseString("hello");
var reversed = a.reverse();

console.log(a); // ["hello"]
console.log(reversed); // ["olleh"]

Kyle Holm
@thekholm80
Jun 24 2017 02:23
if you use bootstrap, in the javascript settings you need to import jQuery before bootstrap.js
Ateeq Khan
@ez12024
Jun 24 2017 02:23
i tried this to begin with
splitting letters?
how?
Kyle Holm
@thekholm80
Jun 24 2017 02:23
@el4z press ctrl shift j
Zach Hall
@el4z
Jun 24 2017 02:23
.split() method
thanks kyle @thekholm80
CamperBot
@camperbot
Jun 24 2017 02:23
el4z sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1171 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Kyle Holm
@thekholm80
Jun 24 2017 02:24
jquery.min.js:4 Mixed Content: The page at (your codepen) was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://api.forismatic.com/api/1.0/?method=getQuote&key=&format=xml&lang=en'. This request has been blocked; the content must be served over HTTPS.
Zach Hall
@el4z
Jun 24 2017 02:27
hmm, so is this api not going to work on codepen? it doesn't have have SSL certificate
Ravi Kishore Thella
@ravikishorethella
Jun 24 2017 02:27
@thekholm80 if we take hints for the challenges in cofefights do we loose points?
Kyle Holm
@thekholm80
Jun 24 2017 02:27
have you tried changing the call to https://api...
@ravikishorethella yep
Zach Hall
@el4z
Jun 24 2017 02:29
I did yeah, I'm still getting the uncaught error about jQuery despite swapping them around in the quickadd... I'll do some googling
Ravi Kishore Thella
@ravikishorethella
Jun 24 2017 02:29
@thekholm80 ty. I am in the 5 th challenge. I will do that tomorrow with fresh mind :smile:
CamperBot
@camperbot
Jun 24 2017 02:29
ravikishorethella sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1172 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Kyle Holm
@thekholm80
Jun 24 2017 02:30
image.png
@el4z i'm not getting errors
oh, but there is a CORS error from your api call
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 02:31
My patatoes are the tastier of all the entire... room
Kyle Holm
@thekholm80
Jun 24 2017 02:32
@NahuelOvejero x
Zach Hall
@el4z
Jun 24 2017 02:33
@thekholm80 a classic
Kyle Holm
@thekholm80
Jun 24 2017 02:33
lol
tiger500
@tiger500
Jun 24 2017 02:35

how do u Nest two div class="col-xs-6" elements within your div class="row" element. in this <div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">

</div>
</div>

Zach Hall
@el4z
Jun 24 2017 02:36
@thekholm80 https://codepen.io/el4z/pen/QgpYwv?editors=1010 sorry to be annoying, but where do I go from here? :X
Kyle Holm
@thekholm80
Jun 24 2017 02:37
@el4z first way to try to bypass the CORS error is to try bouncing your api call through a proxy
https://crossorigin.me/https://api...
Zach Hall
@el4z
Jun 24 2017 02:38
right!
Kyle Holm
@thekholm80
Jun 24 2017 02:38
if that doesn't work, then we can try jsonp
KatSaldivar
@KatSaldivar
Jun 24 2017 02:39
Why won't my background image go all the way to the bottom of the screen? https://s.codepen.io/KatSaldivar/debug/KqmVKK/xnrabdBWGLgA
is jsonp as simple as changing all the instances of json to jsonp? or is it a different syntax
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 02:40
@KatSaldivar can you share your workspace?
with the code
Kyle Holm
@thekholm80
Jun 24 2017 02:41
@el4z now for jsonp all you have to do is add ?callback=? to the end of the url. might try it with or without the proxy
Zach Hall
@el4z
Jun 24 2017 02:41
great I'll give it a go
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 02:42
@KatSaldivar
background-size: 100% 100%;
try deleting this
KatSaldivar
@KatSaldivar
Jun 24 2017 02:43
@NahuelOvejero Thanks! it goes to the bottom now. but now I can't see the death star that was on the right. is there a way to make it show?
CamperBot
@camperbot
Jun 24 2017 02:43
katsaldivar sends brownie points to @nahuelovejero :sparkles: :thumbsup: :sparkles:
:cookie: 728 | @nahuelovejero |http://www.freecodecamp.com/nahuelovejero
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 02:45
@KatSaldivar not sure how, try to use another image , sorry
KatSaldivar
@KatSaldivar
Jun 24 2017 02:46
its ok thanks!
unknww
@unknww
Jun 24 2017 02:46
please they told me "Set the value of your placeholder attribute to "cat photo URL"."

<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="this is placeholder text">

where can I put it .
(the placeholder
?
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 02:48
it is rigth there
unknww
@unknww
Jun 24 2017 02:48
yes
but I want to know
where we put the placeholder
in the cat photo URL
Where is the cat photo URL?
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 02:49
you don't have to put in the cat photo URL
Kyle Holm
@thekholm80
Jun 24 2017 02:49
@el4z well, i've tried every trick i know (playing with your pen here) and I can't make it work. either you're going to have to find someone smarter than me or use a different api
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 02:50
you need to change the value of the placeholder to "cat photo URL"
Zach Hall
@el4z
Jun 24 2017 02:50
@thekholm80 it's at least good to know i'm not an idiot
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 02:50
change TO it
Zach Hall
@el4z
Jun 24 2017 02:50
@thekholm80 thanks for the help mate
CamperBot
@camperbot
Jun 24 2017 02:50
el4z sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:warning: el4z already gave thekholm80 points
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 02:50
not change the cat photo url
Kyle Holm
@thekholm80
Jun 24 2017 02:50
:+1:
unknww
@unknww
Jun 24 2017 02:50
ohhh ok thank you @NahuelOvejero
CamperBot
@camperbot
Jun 24 2017 02:50
unknww sends brownie points to @nahuelovejero :sparkles: :thumbsup: :sparkles:
:cookie: 729 | @nahuelovejero |http://www.freecodecamp.com/nahuelovejero
Tim Porter
@potato8
Jun 24 2017 02:56
hello
PistolsAtDusk
@PistolsAtDusk
Jun 24 2017 03:02
<script $(document).ready(function() { });>
</script>
is this a valid element with closing tag?
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 03:04
@PistolsAtDusk you must nest the $(document...
apesendorfer
@apesendorfer
Jun 24 2017 03:06
can someone help me out with giving some p elements the font-size of 16px?
amanbashir
@amanbashir
Jun 24 2017 03:06
How do I fix the "Your image should be 100 pixels wide. Browser zoom should be at 100%."
In HTML
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 03:07
@amanbashir @amanbashir
what you have so far?
amanbashir
@amanbashir
Jun 24 2017 03:08
I have to decrease the size of an image and I've implemented it correctly
but the that section isn't passed
apesendorfer
@apesendorfer
Jun 24 2017 03:08
nvm i understand
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 03:09
yeah, you surely did :P
show me the code please
Pedrumr1
@Pedrumr1
Jun 24 2017 03:10
@NahuelOvejero how do i give my <style> a pink-text css class?

<style>
body {
background-color: black;
font-family: Monospace;
color: green;
color:pink;
}
</style>

<h1 class=pink-text> Hello World!</h1>

how do i add the pink-text to my <style>
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 03:11
you have 2 colors tho
@Pedrumr1 .classname{ property:value }
Pedrumr1
@Pedrumr1
Jun 24 2017 03:12
yes its telling me to try to see it would override the body element's color: green;
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 03:12
I see
Pedrumr1
@Pedrumr1
Jun 24 2017 03:14
@NahuelOvejero i cant seem to get it within my <style>
theword already pink but it ask me to give my style a pink-text class
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 03:15
well, you can have a class
but you have to use it
Pedrumr1
@Pedrumr1
Jun 24 2017 03:16
so it can be within the <style> but not in body
do i make another <style>?
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 03:18
no, just 1 style
what you have now?
Pedrumr1
@Pedrumr1
Jun 24 2017 03:18

<style>
body {
background-color: black;
font-family: Monospace;
color: green;
color:pink;
}
</style>

<h1 class=pink-text> Hello World!</h1>

how do i give my <style> a pink-text css class?
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 03:19
.pink-text{ color:pink;}
Pedrumr1
@Pedrumr1
Jun 24 2017 03:19
is that go after body or in it?
PistolsAtDusk
@PistolsAtDusk
Jun 24 2017 03:19
@NahuelOvejero Thank you.
CamperBot
@camperbot
Jun 24 2017 03:19
pistolsatdusk sends brownie points to @nahuelovejero :sparkles: :thumbsup: :sparkles:
:cookie: 730 | @nahuelovejero |http://www.freecodecamp.com/nahuelovejero
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 03:20
@Pedrumr1 its a CSS class
tiger500
@tiger500
Jun 24 2017 03:22
how do u Add a div element with the class well inside each of your div elements with the class "col-xs-6"
Pedrumr1
@Pedrumr1
Jun 24 2017 03:23
@NahuelOvejero i passe it thanks but did i out it in the right way?
CamperBot
@camperbot
Jun 24 2017 03:23
pedrumr1 sends brownie points to @nahuelovejero :sparkles: :thumbsup: :sparkles:
:cookie: 731 | @nahuelovejero |http://www.freecodecamp.com/nahuelovejero
Pedrumr1
@Pedrumr1
Jun 24 2017 03:23
<style>
.pink-text{ color:pink;}
body {
background-color: black;
font-family: Monospace;
color: green;
color:pink;
}
</style>
Manjeet Kumar
@manjeet13
Jun 24 2017 03:23
why are you using 2 color attributes?
Bhupesh Pandey
@bhupeshpandey3
Jun 24 2017 03:23

Can someone help me with this?

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="well col-xs-6">

</div>
<div class="well col-xs-6">

</div>

</div>
</div>
Error:-
Add a div element with the class well inside each of your div elements with the class "col-xs-6"

Pedrumr1
@Pedrumr1
Jun 24 2017 03:24
@manjeet13 it's an challange
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 03:24
@Pedrumr1 that is rigth
Manjeet Kumar
@manjeet13
Jun 24 2017 03:25
@bhupeshpandey3 just add a div element and include class="well" in it after the div containing col
@bhupeshpandey3 you didn't close the 2nd div
Bhupesh Pandey
@bhupeshpandey3
Jun 24 2017 03:26
Sorry which one you are talking about? @manjeet13
dinesh rohan
@dineshrohan
Jun 24 2017 03:27
guyzz am new here I have started a tutorial in freecodecamp i got a doubt in kitty ipsum text i wanted to know that what's the EXACT USE of it and In which areas we should deploy?sorry for my bad english
tiger500
@tiger500
Jun 24 2017 03:30

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">

</div>
<div class="col-xs-6">

</div>

</div>
</div>
i dont know what i did wrong

Mike Hawk
@nubesity
Jun 24 2017 03:30
Anyone can clarify which phrase is the "anchor text"??
<p>Here's a <a href="http://freecatphotoapp.com"> cat photos</a> for you to follow.</p>
Manjeet Kumar
@manjeet13
Jun 24 2017 03:31
@nubesity the tag <a> is anchor tag anything written between <a> and </a> is the anchor text
so cat photos is the anchor text in this case
tiger500
@tiger500
Jun 24 2017 03:32
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="well col-xs-6">

</div>
<div class="well col-xs-6">

</div>
</div>
</div>
Mike Hawk
@nubesity
Jun 24 2017 03:32
@manjeet13
Thanks!
CamperBot
@camperbot
Jun 24 2017 03:32
nubesity sends brownie points to @manjeet13 :sparkles: :thumbsup: :sparkles:
:cookie: 173 | @manjeet13 |http://www.freecodecamp.com/manjeet13
tiger500
@tiger500
Jun 24 2017 03:33
don't know what i did wrong
Manjeet Kumar
@manjeet13
Jun 24 2017 03:33
@tiger500 why do you have 2 <div class="col-xs-6"> ?
ok my bad. ignore my last question
tiger500
@tiger500
Jun 24 2017 03:34
i should only have one
Manjeet Kumar
@manjeet13
Jun 24 2017 03:34
wait let me see
@tiger500 no wait
tiger500
@tiger500
Jun 24 2017 03:34
ok
@manjeet13 you know whats wrong
CAL
@cal397
Jun 24 2017 03:35
hi :D
tiger500
@tiger500
Jun 24 2017 03:36
@cal397 hey
Manjeet Kumar
@manjeet13
Jun 24 2017 03:37
@tiger500 what does the challenge say? instructions
Bhupesh Pandey
@bhupeshpandey3
Jun 24 2017 03:37
Add a div element with the class well inside each of your div elements with the class "col-xs-6"
Nest both of your div elements with the class "col-xs-6" within your div element with the class "row".
Make sure all your div elements have closing tags. @manjeet13
tiger500
@tiger500
Jun 24 2017 03:38
@manjeet13 Add a div element with the class well inside each of your div elements with the class "col-xs-6"
yeap
Manjeet Kumar
@manjeet13
Jun 24 2017 03:39
@tiger500 ok then add a new div element after <div class="col-xs-6"> and give it the class="well" attribute
tiger500
@tiger500
Jun 24 2017 03:40
@manjeet13 but they are two which one
Manjeet Kumar
@manjeet13
Jun 24 2017 03:40
@tiger500 both
you have to add 1 for each
tiger500
@tiger500
Jun 24 2017 03:41
@manjeet13 thanks
CamperBot
@camperbot
Jun 24 2017 03:41
tiger500 sends brownie points to @manjeet13 :sparkles: :thumbsup: :sparkles:
:cookie: 174 | @manjeet13 |http://www.freecodecamp.com/manjeet13
Bhupesh Pandey
@bhupeshpandey3
Jun 24 2017 03:41

we have two of them and i have added "well" <div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="well col-xs-6">

</div>
<div class="well col-xs-6">

</div>

</div>
</div>

@manjeet13
Manjeet Kumar
@manjeet13
Jun 24 2017 03:41
@bhupeshpandey3 do the same as I told tiger
@bhupeshpandey3 no not like this. create a new div element below that and add class well to that <div class="well">
Mike Hawk
@nubesity
Jun 24 2017 03:43
<p> View more
<a href="http://www.freecatphotoapp.com">cat photos</a>
</p>
Manjeet Kumar
@manjeet13
Jun 24 2017 03:43
you are not supposed to add well to the existing div
@nubesity what's wrong?
Rishi kumar
@Rishikumar75
Jun 24 2017 03:44
I have doubt on changeing fint size in html.....how change that...!!!???
Bhupesh Pandey
@bhupeshpandey3
Jun 24 2017 03:44
thanks bro @manjeet13
CamperBot
@camperbot
Jun 24 2017 03:44
bhupeshpandey3 sends brownie points to @manjeet13 :sparkles: :thumbsup: :sparkles:
:cookie: 175 | @manjeet13 |http://www.freecodecamp.com/manjeet13
Manjeet Kumar
@manjeet13
Jun 24 2017 03:44
@bhupeshpandey3 cheers!
Mike Hawk
@nubesity
Jun 24 2017 03:45
@nubesity what's wrong? 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).
Manjeet Kumar
@manjeet13
Jun 24 2017 03:45
@Rishikumar75 add a class and set font-size attribute in pixels according to your need.
@Rishikumar75 add a class and set font-size attribute in pixels according to your need. .tsize{
.tsize{ font-size: 20px;}
Amanda Perez
@Aperez007
Jun 24 2017 03:46

working on the size your images challenge....i have it set up like this <style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
img
.smaller-image {
width: 100px;
}
}
</style>

Manjeet Kumar
@manjeet13
Jun 24 2017 03:46
@nubesity could you post the whole code instead of only the p tags
Amanda Perez
@Aperez007
Jun 24 2017 03:46
and it still says im wrong...what did i do?
Mike Hawk
@nubesity
Jun 24 2017 03:46

@manjeet13

<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>

Manjeet Kumar
@manjeet13
Jun 24 2017 03:47
@Aperez007 remove img written before .smaller-image
Amanda Perez
@Aperez007
Jun 24 2017 03:48
@manjeet13 i just did and it still did not let me pass
Rishi kumar
@Rishikumar75
Jun 24 2017 03:48
@manjeet13 bro....This is the instruction. ->Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
Treboluck
@Treboluck
Jun 24 2017 03:49
@Aperez007 there is one extra closing { at before </style>
Rishi kumar
@Rishikumar75
Jun 24 2017 03:49
@manjeet13 I wrote this code:

<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>

What is the mistake here @manjeet13
Manjeet Kumar
@manjeet13
Jun 24 2017 03:50
@nubesity your code seems fine. Try reloading the page
@Aperez007 post the whole code
@Aperez007 there is one extra closing { at before </style> yeah
@Rishikumar75 remove the class attribute from p tag. You have styled it using element selector then why are you including the red-text class in it
Amanda Perez
@Aperez007
Jun 24 2017 03:52

<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>

im still at a loss
Manjeet Kumar
@manjeet13
Jun 24 2017 03:53
@Rishikumar75 or if you want everything to be 16px then put font-size: 16px; in red-text class and include it in p tag
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 03:53
@Aperez007 check your style tags, at the end you have an extra }
Rishi kumar
@Rishikumar75
Jun 24 2017 03:54
No bro....the whole instructions are:
tiger500
@tiger500
Jun 24 2017 03:54

how do i Nest three button elements within each of your div elements with class well <div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<div class="well">

  </div>
</div>
<div class="col-xs-6">
  <div class="well">



  </div>
</div>

</div>
</div>

Rishi kumar
@Rishikumar75
Jun 24 2017 03:55
@manjeet13 bro....You need 2 p elements with Kitty Ipsum
Make sure each of your p elements has a closing tag.
Your p element should contain the first few words of the provided additional kitty ipsum text.
The first p element should have the class red-text.
Do not add a class attribute to the second p element.
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
Manjeet Kumar
@manjeet13
Jun 24 2017 03:55
@tiger500 add the 3 <button> tags after <div class="well"> for both
Rishi kumar
@Rishikumar75
Jun 24 2017 03:56
I done all but last one was error...
Manjeet Kumar
@manjeet13
Jun 24 2017 03:56
@Rishikumar75 ok then just remove the class from your second p element. It's clearly written in the instruction
Amanda Perez
@Aperez007
Jun 24 2017 03:56
this is what i have now and its still not working....removed the extra }
<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

</style>
Manjeet Kumar
@manjeet13
Jun 24 2017 03:56
@Rishikumar75 remove the class attribute from p tag. You have styled it using element selector then why are you including the red-text class in it this
Amanda Perez
@Aperez007
Jun 24 2017 03:57
and my browser is at 100%
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 03:57
@Aperez007 do you have to apply the smaller image-class at your img?
Manjeet Kumar
@manjeet13
Jun 24 2017 03:58
@Aperez007 add the class="smaller-image" in you img tag
Amanda Perez
@Aperez007
Jun 24 2017 03:58
@NahuelOvejero you mean put it all in one line
?
Manjeet Kumar
@manjeet13
Jun 24 2017 03:58
@Aperez007 do you have to apply the smaller image-class at your img? yah this
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 03:58
@Aperez007 nope, just like you applied the red-text to your h2
@Aperez007 you need to tell your img tag to have the class you need
bfrancois0508
@bfrancois0508
Jun 24 2017 04:00
I need help on this
Your img element should have the class smaller-image.

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

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

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

}

h2 {
font-family: Lobster, Monospace;
}

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


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

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

<img class="thick-green-border"class="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>

Ken Haduch
@khaduch
Jun 24 2017 04:01
@bfrancois0508 - all classes have to be named with one class attribute - example: class="myclass1 myclass2" - so you need to fix how you are using that. The class names are separated by a space within the quotation marks.
tiger500
@tiger500
Jun 24 2017 04:01
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<div class="well button button button">



</div>
</div>
<div class="col-xs-6">
<div class="well button button button">



</div>
</div>
</div>
</div>
Amanda Perez
@Aperez007
Jun 24 2017 04:01
@bfrancois0508 seems to be a trend tonight
KinderPreet Singh
@kindercappy
Jun 24 2017 04:01
@bfrancois0508 you can chain different classes ogether by giving a space. Example
class="small large"
samll and large are 2 different classes
tiger500
@tiger500
Jun 24 2017 04:02
still did work
KinderPreet Singh
@kindercappy
Jun 24 2017 04:02
together*
bfrancois0508
@bfrancois0508
Jun 24 2017 04:02
I dont get it
Amanda Perez
@Aperez007
Jun 24 2017 04:02
me either
bfrancois0508
@bfrancois0508
Jun 24 2017 04:02
Your img element should have the class smaller-image.
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 04:02
@bfrancois0508 you need only 1 class= , like this
class="classname1 classname2"separed by a space
bfrancois0508
@bfrancois0508
Jun 24 2017 04:02
how do you do that
? copy this and edit it
<img class="thick-green-border"class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Amanda Perez
@Aperez007
Jun 24 2017 04:03
can you make up an example
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 04:03
I did an example there x)
Ken Haduch
@khaduch
Jun 24 2017 04:03

@bfrancois0508 - like this:

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

assuming that everything else is correct.

Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 04:03
<h2 class = "red-text myClassStyle">
Ken Haduch
@khaduch
Jun 24 2017 04:04
@Aperez007 - see the above, if it's the same problem.
Rishi kumar
@Rishikumar75
Jun 24 2017 04:04
@manjeet13. Bro I can't get U....plz send a example code correctly
bfrancois0508
@bfrancois0508
Jun 24 2017 04:04
Ok
Thank you Ken
Rishi kumar
@Rishikumar75
Jun 24 2017 04:05
@khaduch will you help me....
KinderPreet Singh
@kindercappy
Jun 24 2017 04:06
which challenge?
@Rishikumar75
tiger500
@tiger500
Jun 24 2017 04:07
can some
Rishi kumar
@Rishikumar75
Jun 24 2017 04:07
Changing font size @kindercappy
Amanda Perez
@Aperez007
Jun 24 2017 04:07
wrong@
Manjeet Kumar
@manjeet13
Jun 24 2017 04:07
@Rishikumar75 is your browser at 100%?
Amanda Perez
@Aperez007
Jun 24 2017 04:08
still comes back negative
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 04:08
@Aperez007 what you have now
the code i mean
KinderPreet Singh
@kindercappy
Jun 24 2017 04:08
@Aperez007 show your code
Rishi kumar
@Rishikumar75
Jun 24 2017 04:08
You need 2 p elements with Kitty Ipsum text.
Make sure each of your p elements has a closing tag.
Your p element should contain the first few words of the provided additional kitty ipsum text.
The first p element should have the class red-text.
Do not add a class attribute to the second p element.
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
Amanda Perez
@Aperez007
Jun 24 2017 04:08
and this should be within the style tags ....right?
KinderPreet Singh
@kindercappy
Jun 24 2017 04:09
send the link og the challenge @Rishikumar75
Rishi kumar
@Rishikumar75
Jun 24 2017 04:09
Above instructions are given in this challenge @manjeet13
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 04:09
@Aperez007 between style tags just lays CSS classes and styles
after you have your class, you need to apply it to some element
Bhupesh Pandey
@bhupeshpandey3
Jun 24 2017 04:09

hey can someone help me? what's wrong in it?

<script $(document).ready(function() {});></script>
Error:-
Create a script element making sure it is valid and has a closing tag.

tiger500
@tiger500
Jun 24 2017 04:09
how do i Nest three button elements within each of your div elements with class well.
You should have a total of 6 button elements
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 04:10
@bhupeshpandey3 it has to be nested, not like an attribute
KinderPreet Singh
@kindercappy
Jun 24 2017 04:10
@bhupeshpandey3 <script>
you jQuery
</script>
Rishi kumar
@Rishikumar75
Jun 24 2017 04:10

<style>
.red-text {
color: red;
}
</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>

Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 04:11
@Rishikumar75 what you need to do?
Bhupesh Pandey
@bhupeshpandey3
Jun 24 2017 04:11
yeah got it thank you! @NahuelOvejero
CamperBot
@camperbot
Jun 24 2017 04:11
bhupeshpandey3 sends brownie points to @nahuelovejero :sparkles: :thumbsup: :sparkles:
:cookie: 732 | @nahuelovejero |http://www.freecodecamp.com/nahuelovejero
bfrancois0508
@bfrancois0508
Jun 24 2017 04:11
I need help on challenge 25
Rishi kumar
@Rishikumar75
Jun 24 2017 04:11
Plz change it correctly @manjeet13. And @NahuelOvejero
bfrancois0508
@bfrancois0508
Jun 24 2017 04:11
Your image should have a border radius of 10px
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 04:11
@bfrancois0508 great
bfrancois0508
@bfrancois0508
Jun 24 2017 04:11

<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;
}

.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">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>

Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 04:11
@Rishikumar75 what you have to do?
tiger500
@tiger500
Jun 24 2017 04:11
plz help me with my challenge plz
bfrancois0508
@bfrancois0508
Jun 24 2017 04:12
this Your image should have a border radius of 10px
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 04:12
@tiger500
<element>
        <nestedElement></nestedElement>
</element>
KinderPreet Singh
@kindercappy
Jun 24 2017 04:13
border-radius: 10px; @bfrancois0508
Amanda Perez
@Aperez007
Jun 24 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;
}
.smaller-image {
width: 100px;
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
}

</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>

Manjeet Kumar
@manjeet13
Jun 24 2017 04:13
@Rishikumar75 you removed the p from CSS add it back
bfrancois0508
@bfrancois0508
Jun 24 2017 04:13
ok
Amanda Perez
@Aperez007
Jun 24 2017 04:13
now im a bigger mess
Manjeet Kumar
@manjeet13
Jun 24 2017 04:13
add below the red-text class p{font-size:16px;}
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 04:13
@Aperez007 no , no, you can NOT have elements between style tags.
Manjeet Kumar
@manjeet13
Jun 24 2017 04:14
@Rishikumar75 I didn't say remove it from the style. I said don't include it in your second p tag
Amanda Perez
@Aperez007
Jun 24 2017 04:14
ok, so i removed that line and put it under the img tag @NahuelOvejero
Manjeet Kumar
@manjeet13
Jun 24 2017 04:15

<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>

@Rishikumar75 this was correct, it should work
Bhupesh Pandey
@bhupeshpandey3
Jun 24 2017 04:15

@tiger500

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<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>
</div>
</div>
</div>
</div>

bfrancois0508
@bfrancois0508
Jun 24 2017 04:15
I still need help
Your image should have a border radius of 10px

<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;
}

.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">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>

Manjeet Kumar
@manjeet13
Jun 24 2017 04:16
@bfrancois0508 just add border-radius: 10px in the thick green border class
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 04:17
@Aperez007 well, it has to work with that
bfrancois0508
@bfrancois0508
Jun 24 2017 04:17
ok
@manjeet13 thnxs
Amanda Perez
@Aperez007
Jun 24 2017 04:18

<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. ">
<img class="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>

@NahuelOvejero still no go...what i do now?
Rishi kumar
@Rishikumar75
Jun 24 2017 04:18

<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>

Manjeet Kumar
@manjeet13
Jun 24 2017 04:19
@Aperez007 is this a different challenge?
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 04:19
@Aperez007 you have 2 img, you just need 1
@Aperez007 keep it the one with the class
warrenmcm
@warrenmcm
Jun 24 2017 04:19
hi guys. could somebody check out my tribute page, and give feedback please. Its not finished yet but im working on it. https://codepen.io/Izunagii/pen/VWzvVK
Rishi kumar
@Rishikumar75
Jun 24 2017 04:19
@aadirajput I also done a same thing but not work.
KinderPreet Singh
@kindercappy
Jun 24 2017 04:19
@warrenmcm going good...
Manjeet Kumar
@manjeet13
Jun 24 2017 04:19
@Rishikumar75 did it work? Make sure your browser is at 100%
Rishi kumar
@Rishikumar75
Jun 24 2017 04:19
@manjeet13 plz help me
bfrancois0508
@bfrancois0508
Jun 24 2017 04:20
@warrenmcm damn your a good coder
and are you haitian?
Amanda Perez
@Aperez007
Jun 24 2017 04:20
@NahuelOvejero it worked!!!
warrenmcm
@warrenmcm
Jun 24 2017 04:20
Thanks a bunch guys. no im not hatian. normal black, jewish, and native american
Amanda Perez
@Aperez007
Jun 24 2017 04:20
THANK YOU!!!!
Manjeet Kumar
@manjeet13
Jun 24 2017 04:20
@Rishikumar75 when I run the same code you posted, mine works.
bfrancois0508
@bfrancois0508
Jun 24 2017 04:21
oh
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 04:21
@Aperez007 great :D
Rishi kumar
@Rishikumar75
Jun 24 2017 04:21
@manjeet13 I'm working in phone browser ....That's not a problem na....!!!???
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 04:21
good job
KinderPreet Singh
@kindercappy
Jun 24 2017 04:21
@Aperez007 tag him with the thank for his brownie. lol
CamperBot
@camperbot
Jun 24 2017 04:21
kindercappy sends brownie points to @aperez007 :sparkles: :thumbsup: :sparkles:
:cookie: 28 | @aperez007 |http://www.freecodecamp.com/aperez007
Amanda Perez
@Aperez007
Jun 24 2017 04:21
:)
Manjeet Kumar
@manjeet13
Jun 24 2017 04:21
@Rishikumar75 I am not sure, but it looks like it
Amanda Perez
@Aperez007
Jun 24 2017 04:22
@NahuelOvejero Thank you!
CamperBot
@camperbot
Jun 24 2017 04:22
aperez007 sends brownie points to @nahuelovejero :sparkles: :thumbsup: :sparkles:
:cookie: 733 | @nahuelovejero |http://www.freecodecamp.com/nahuelovejero
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 04:22
Glad to help, feel free to ask if you find other problems
Amanda Perez
@Aperez007
Jun 24 2017 04:22
i will do!!
KinderPreet Singh
@kindercappy
Jun 24 2017 04:22
@Rishikumar75 refresh browser
Nahuel Ovejero
@NahuelOvejero
Jun 24 2017 04:23
Don't worry, as long as you understand and could do it, is good
@kindercappy ty ;P
KinderPreet Singh
@kindercappy
Jun 24 2017 04:23
:smile:
Manjeet Kumar
@manjeet13
Jun 24 2017 04:23
@NahuelOvejero but you couldn't give him a brownie, could you lol?
Rishi kumar
@Rishikumar75
Jun 24 2017 04:24
@manjeet13 and @kindercappy Very very thx for ur response
CamperBot
@camperbot
Jun 24 2017 04:24
rishikumar75 sends brownie points to @manjeet13 and @kindercappy :sparkles: :thumbsup: :sparkles:
:cookie: 278 | @kindercappy |http://www.freecodecamp.com/kindercappy
:cookie: 176 | @manjeet13 |http://www.freecodecamp.com/manjeet13
Manjeet Kumar
@manjeet13
Jun 24 2017 04:24
@Rishikumar75 your welcome. Did it work?
Rishi kumar
@Rishikumar75
Jun 24 2017 04:25
@manjeet13 No bro....it did't work.....I'll try in my laptop
Manjeet Kumar
@manjeet13
Jun 24 2017 04:25
@Rishikumar75 yeah you should, it will definitely work
KinderPreet Singh
@kindercappy
Jun 24 2017 04:26
Feel free to ping if it doesnt work. @Rishikumar75
EPAponte
@EPAponte
Jun 24 2017 04:27
Hey Im having trouble nesting the existing element within an a element

<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>

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

<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>

bfrancois0508
@bfrancois0508
Jun 24 2017 04:33
Need help again
on 27
onYour a element should have the anchor text of "cat photos".
You need an a element that links to http://freecatphotoapp.com
Guys I need help
Nikita
@molitvenik2000
Jun 24 2017 04:37
Hey guys I need help to. I don't understand what to do inSet the Font Family of an Element
It just do not explains what to do here.
bfrancois0508
@bfrancois0508
Jun 24 2017 04:38
@molitvenik2000 which one are you on
what #
penguio
@penguio
Jun 24 2017 04:38
@molitvenik2000 can i see your code
bfrancois0508
@bfrancois0508
Jun 24 2017 04:38
help me
on this Your a element should have the anchor text of "cat photos".
You need an a element that links to http://freecatphotoapp.com

<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">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>

<p>Here's a <a href="http://freecodecamp.com"> link to Free Code Camp</a> for you to follow.</p>

<a href="http://freecatphotoapp.com"> link to Free Cat Photo App</a>

Nikita
@molitvenik2000
Jun 24 2017 04:39

Yes <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>

glitz20
@glitz20
Jun 24 2017 04:39
can anyone help me with having border and some space between the <li> items?https://codepen.io/sabin20/pen/jwVmZd
penguio
@penguio
Jun 24 2017 04:39
@bfrancois0508 where is your <a href="some-url">Some Anchor Text</a> i dont see one
bfrancois0508
@bfrancois0508
Jun 24 2017 04:39
?
? @penguio
Oh here
<a href="http://freecatphotoapp.com"> link to Free Cat Photo App</a>
penguio
@penguio
Jun 24 2017 04:40
@bfrancois0508 it's not in your code
bfrancois0508
@bfrancois0508
Jun 24 2017 04:41
What is not im my cide
code*
Treboluck
@Treboluck
Jun 24 2017 04:41
@bfrancois0508 insted of link to Free Cat Photo , write just "cat photos"
bfrancois0508
@bfrancois0508
Jun 24 2017 04:41
ok
Nikita
@molitvenik2000
Jun 24 2017 04:41
I'm at Set the Font Family of an Element Incomplete
penguio
@penguio
Jun 24 2017 04:41
@bfrancois0508 the <a> element
with the url they asked for
@molitvenik2000 you didnt set a font-family
bfrancois0508
@bfrancois0508
Jun 24 2017 04:42
they ask freecatphotoapp.com
penguio
@penguio
Jun 24 2017 04:42
@bfrancois0508 so set it to that.....
Treboluck
@Treboluck
Jun 24 2017 04:42
that's the href, i mean the anchor text
bfrancois0508
@bfrancois0508
Jun 24 2017 04:42
i did see
penguio
@penguio
Jun 24 2017 04:42
<a href="dogphotoapp.com">DogPhotoApp</a>
bfrancois0508
@bfrancois0508
Jun 24 2017 04:43
ok
damarnadh
@damarnadh
Jun 24 2017 04:43
hello world
penguio
@penguio
Jun 24 2017 04:43
@bfrancois0508 <a href="http://freecatphotoapp.com"> link to Free Cat Photo App</a> the text is wrong
Nikita
@molitvenik2000
Jun 24 2017 04:43
Yes ,can you please explain how to set a front-family?
penguio
@penguio
Jun 24 2017 04:43
@molitvenik2000 font-family: arial;
Viktor Tiutiun
@vittorioVT
Jun 24 2017 04:43
hello everybody
bfrancois0508
@bfrancois0508
Jun 24 2017 04:44
ok
KinderPreet Singh
@kindercappy
Jun 24 2017 04:44
Welcome @damarnadh
penguio
@penguio
Jun 24 2017 04:44
@molitvenik2000 just add that property, to the element they asked. but edit the arial to be monospace
bfrancois0508
@bfrancois0508
Jun 24 2017 04:44
i dont get it
KinderPreet Singh
@kindercappy
Jun 24 2017 04:44
Hi @vittorioVT
Viktor Tiutiun
@vittorioVT
Jun 24 2017 04:45
@kindercappy hi
penguio
@penguio
Jun 24 2017 04:46
@bfrancois0508 what's the name of the exercise you're on
bfrancois0508
@bfrancois0508
Jun 24 2017 04:46
Link to External Pages with Anchor Elements
Hemakshi Sachdev
@hemakshis
Jun 24 2017 04:46
guys i was working with my local weather app last night and everything was working but today i don't know why my forecast or anything is not showing on the console.. and even that location icon is showing on the right of the url bar.. please help
Nikita
@molitvenik2000
Jun 24 2017 04:46
@penguio Huge thanks!
CamperBot
@camperbot
Jun 24 2017 04:46
molitvenik2000 sends brownie points to @penguio :sparkles: :thumbsup: :sparkles:
:cookie: 342 | @penguio |http://www.freecodecamp.com/penguio
Markus Ivancsics
@ivancsicsmarkus
Jun 24 2017 04:47
@hemakshis Hi! Could you send me your codepen link?
Hemakshi Sachdev
@hemakshis
Jun 24 2017 04:47
bfrancois0508
@bfrancois0508
Jun 24 2017 04:48
@penguio did you find it or no
penguio
@penguio
Jun 24 2017 04:48
@bfrancois0508 yes <a href="http://freecatphotoapp.com"> -> what you have in here is wrong <- </a>
should say cat photos
AliYasser
@AliYasser3
Jun 24 2017 04:48

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<div>
<style>
  .silver-background {
  background-color: silver;
}
  .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>
</div>

<form action="/submit-cat-photo">
  <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
  <label><input type="checkbox" name="personality" checked> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input type="checkbox" name="personality"> Energetic</label>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
what is wrong with my code??
penguio
@penguio
Jun 24 2017 04:49
@AliYasser3 what's your issue
AliYasser
@AliYasser3
Jun 24 2017 04:49
i want to make a silver background
bfrancois0508
@bfrancois0508
Jun 24 2017 04:49
yep @penguio
Markus Ivancsics
@ivancsicsmarkus
Jun 24 2017 04:49
@hemakshis What is Skycons?
Kai Stullich
@kaistullich
Jun 24 2017 04:50
@AliYasser3 background-color: silver
Viktor Tiutiun
@vittorioVT
Jun 24 2017 04:50
@AliYasser3 where are your class "silver-background" in html?
penguio
@penguio
Jun 24 2017 04:50
@bfrancois0508 put it under your <h1></h1> and it should pass, i just did it
Trevor Wood
@Tromo21
Jun 24 2017 04:50
Hey I'm having trouble with this problem where I'm supposed to nest all of my buttons within div with class "row" and each of my buttons within a div with class col-xs-6
But this is wrong for some reason? ::
Hemakshi Sachdev
@hemakshis
Jun 24 2017 04:50
@ivancsicsmarkus or the weather icons
http://darkskyapp.github.io/skycons/
penguio
@penguio
Jun 24 2017 04:51
@Tromo21 can i see your code
Viktor Tiutiun
@vittorioVT
Jun 24 2017 04:51
@AliYasser3 you need <div class=""></div>
Trevor Wood
@Tromo21
Jun 24 2017 04:51

<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">
<div class="row">
<div class="col-xs-8">
<h2 class="text-primary text-center">CatPhotoApp</h2>
</div>
<div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
</div>
</div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">
<div class="row">
<div class="col-xs-6">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-6">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-6">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
<p>Things cats <span class="text-danger">love:</span></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>

oh god
sorry
how am i supposed to link it.
bfrancois0508
@bfrancois0508
Jun 24 2017 04:51
@penguio i need help on this question Your a element should have the anchor text of "cat photos".
penguio
@penguio
Jun 24 2017 04:52
@Tromo21 i think you have wrap it in col-xs-4 the buttons, bootstrap grid can only equal 12 columns
warrenmcm
@warrenmcm
Jun 24 2017 04:52
guys i just finished. Check out my final product, and give opinions and criticisms please https://codepen.io/Izunagii/pen/VWzvVK
Kai Stullich
@kaistullich
Jun 24 2017 04:52
@Tromo21 lol. Use triple backticks like " <code here>"
Trevor Wood
@Tromo21
Jun 24 2017 04:52
OH MY GOD IM AN IDIOT
i know what i did wrong
i was nesting the buttons and not the radio buttons
bfrancois0508
@bfrancois0508
Jun 24 2017 04:52
i need help on this question someone Your a element should have the anchor text of "cat photos".
penguio
@penguio
Jun 24 2017 04:53
@bfrancois0508 take the <a href="http://freecatphotoapp.com">--> PUT THE TEXT HERE <--- </a> cat photos
Treboluck
@Treboluck
Jun 24 2017 04:53
without the arrows btw
penguio
@penguio
Jun 24 2017 04:53
^^^^
bfrancois0508
@bfrancois0508
Jun 24 2017 04:54
@penguio that didnt work
Trevor Wood
@Tromo21
Jun 24 2017 04:55
yeah i got it
penguio
@penguio
Jun 24 2017 04:55
@bfrancois0508 can i see your code again
Trevor Wood
@Tromo21
Jun 24 2017 04:55
sorry for taking up so much of the chat!
penguio
@penguio
Jun 24 2017 04:55
@Tromo21 it's no problem ;)
bfrancois0508
@bfrancois0508
Jun 24 2017 04:55
<a href="http://freecatphotoapp.com">--> PUT THE TEXT HERE <--- </a> cat photos
IVANHALEY
@IVANHALEY
Jun 24 2017 04:55

<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
</style>

<h1>Hello World!</h1>

bfrancois0508
@bfrancois0508
Jun 24 2017 04:55

<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">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>

<a href="http://freecatphotoapp.com"> -> <- </a>

penguio
@penguio
Jun 24 2017 04:55
@bfrancois0508 you need to stop copying and pasting
Viktor Tiutiun
@vittorioVT
Jun 24 2017 04:55
@bfrancois0508 you has already given you an answer @penguio :
<a href="http://freecatphotoapp.com">Cat photos </a>
penguio
@penguio
Jun 24 2017 04:56
thanks @vittorioVT
CamperBot
@camperbot
Jun 24 2017 04:56
penguio sends brownie points to @vittoriovt :sparkles: :thumbsup: :sparkles:
:cookie: 725 | @vittoriovt |http://www.freecodecamp.com/vittoriovt
Kai Stullich
@kaistullich
Jun 24 2017 04:56
@penguio I don't think he gets it lol
Viktor Tiutiun
@vittorioVT
Jun 24 2017 04:56
@penguio thanks and yuo :smile:
CamperBot
@camperbot
Jun 24 2017 04:56
vittoriovt sends brownie points to @penguio :sparkles: :thumbsup: :sparkles:
:cookie: 343 | @penguio |http://www.freecodecamp.com/penguio
bfrancois0508
@bfrancois0508
Jun 24 2017 04:57
@vittorioVT thank you im done going to skleep
CamperBot
@camperbot
Jun 24 2017 04:57
bfrancois0508 sends brownie points to @vittoriovt :sparkles: :thumbsup: :sparkles:
:cookie: 726 | @vittoriovt |http://www.freecodecamp.com/vittoriovt
Viktor Tiutiun
@vittorioVT
Jun 24 2017 04:57
@bfrancois0508 :+1:
IVANHALEY
@IVANHALEY
Jun 24 2017 04:58

<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
</style>

<h1>Hello World!</h1>
Im a bit stuck. It is asking me for my h1 element to have the class pink text as well as my h1 element being pink. Its also asking that my <style> should have a pink text CSS class. Bit of a noob so any help would be appreciated. Thanks.

penguio
@penguio
Jun 24 2017 04:58
@kaistullich i think the main issue is people over think , yet the answers right there. i was in his shoes before so i sort of get it.
Markus Ivancsics
@ivancsicsmarkus
Jun 24 2017 04:59
@IVANHALEY
<style>
...
.className {
   color: pink;
}
...
</style>

<tagName class="className"></tagName>
penguio
@penguio
Jun 24 2017 05:00
Any debian users?
Viktor Tiutiun
@vittorioVT
Jun 24 2017 05:01
@IVANHALEY you should add you <h1> class="pink text" and give this same class property in styles
IVANHALEY
@IVANHALEY
Jun 24 2017 05:02
Fo sho ill work on it rn.
PistolsAtDusk
@PistolsAtDusk
Jun 24 2017 05:07
@IVANHALEY I am a noob too, but I believe this is correct. Under <style> add .pink-text { color: pink; } then nest it in your h1 element, <h1 class="pink-text">
IVANHALEY
@IVANHALEY
Jun 24 2017 05:07
Thanks got it. @vittorioVT @ivancsicsmarkus
CamperBot
@camperbot
Jun 24 2017 05:07
ivanhaley sends brownie points to @vittoriovt and @ivancsicsmarkus :sparkles: :thumbsup: :sparkles:
:cookie: 639 | @ivancsicsmarkus |http://www.freecodecamp.com/ivancsicsmarkus
:cookie: 727 | @vittoriovt |http://www.freecodecamp.com/vittoriovt
Hani Salehi
@hsalehi100
Jun 24 2017 05:15
What does "Only add one class with each of your three selectors." mean because i am trying everything but can not figure it out
AliYasser
@AliYasser3
Jun 24 2017 05:16
guys how can i make a silver background ??
Kai Stullich
@kaistullich
Jun 24 2017 05:17

@hsalehi100 That confused me too. What you need is:

$(document).ready(function (){
   $('#target1').addClass('animate');
   $('#target2').addClass('bounce');
   $('#target3').addClass('skip');
});

I am not sure what the actual selectors are, been a while since that exercise. But it is literally just adding 1 class.

AliYasser
@AliYasser3
Jun 24 2017 05:19
any body help
i want to make a silver background
Kai Stullich
@kaistullich
Jun 24 2017 05:21
@AliYasser3
.silver-background {
    background-color: silver;
}

<body class="silver-background"></body>
KKRkk
@KKRkk
Jun 24 2017 05:31
how to add screenshots to this
help
anyone
penguio
@penguio
Jun 24 2017 05:32
@hsalehi100 you have 3 selectors element, class and id selectors .im-a-class #im-a-id and last p element selector
Markus Ivancsics
@ivancsicsmarkus
Jun 24 2017 05:32
@KKRkk Make a screenshot » drag n drop
penguio
@penguio
Jun 24 2017 05:32
@KKRkk screenshot?
luckyacode
@luckyacode
Jun 24 2017 05:33
I have learnt bootstraps responsive designing and jquery
penguio
@penguio
Jun 24 2017 05:33
:thumbsup: @luckyacode
luckyacode
@luckyacode
Jun 24 2017 05:34
I have learnt bootstraps responsive designing and jquery . now i want to use it in practise but note pad ++ dont support bootstrap, now what should i do to impliment bootstrap.
Markus Ivancsics
@ivancsicsmarkus
Jun 24 2017 05:34
@luckyacode That’s awesome, keep learning! :sparkles:
penguio
@penguio
Jun 24 2017 05:34
@luckyacode it does support bootstrap, you need to use their cdn
Markus Ivancsics
@ivancsicsmarkus
Jun 24 2017 05:35
@luckyacode Notepad++ supports it. It is just a text editor.
luckyacode
@luckyacode
Jun 24 2017 05:35
@penguio how should i do it. please explain
Kamorudeen Nurudeen I. A.
@Nutech08186181915
Jun 24 2017 05:35
please how do i nest all of our HTML in a div element with the class container-fluid
penguio
@penguio
Jun 24 2017 05:35

@luckyacode ```<!-- Latest compiled and minified CSS -->

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">``` put this in your head

Markus Ivancsics
@ivancsicsmarkus
Jun 24 2017 05:35
@luckyacode Add this to the top of your code!
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
penguio
@penguio
Jun 24 2017 05:36
<head>
  <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
@luckyacode
vjram3494
@vjram3494
Jun 24 2017 05:36
hey guys ,
Markus Ivancsics
@ivancsicsmarkus
Jun 24 2017 05:36
@vjram3494 Hey!
vjram3494
@vjram3494
Jun 24 2017 05:37
im having an issue with nexting a web form into an input code

<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"></form>

this is what i have
penguio
@penguio
Jun 24 2017 05:37
@Nutech08186181915 <div class="container-fluid"> PUT ALL ELEMENTS IN HERE </div> nesting just means put inside
luckyacode
@luckyacode
Jun 24 2017 05:37
@ivancsicsmarkus also before when we write <! DOC html> before this?
penguio
@penguio
Jun 24 2017 05:37
@luckyacode you put that in the head element, after your doctype
Markus Ivancsics
@ivancsicsmarkus
Jun 24 2017 05:38

@vjram3494

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

@luckyacode Inside your head element. After your title!

vjram3494
@vjram3494
Jun 24 2017 05:39
oh wow ! such a simple solution thanks @ivancsicsmarkus
CamperBot
@camperbot
Jun 24 2017 05:39
vjram3494 sends brownie points to @ivancsicsmarkus :sparkles: :thumbsup: :sparkles:
:cookie: 641 | @ivancsicsmarkus |http://www.freecodecamp.com/ivancsicsmarkus
penguio
@penguio
Jun 24 2017 05:39
@luckyacode
```
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title></title>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

  </head>
  <body>
  </body>
</html>
Markus Ivancsics
@ivancsicsmarkus
Jun 24 2017 05:39
@vjram3494 Nesting means you put something inside another tag.
Kamorudeen Nurudeen I. A.
@Nutech08186181915
Jun 24 2017 05:40
@penguio thanks
CamperBot
@camperbot
Jun 24 2017 05:40
nutech08186181915 sends brownie points to @penguio :sparkles: :thumbsup: :sparkles:
:cookie: 344 | @penguio |http://www.freecodecamp.com/penguio
penguio
@penguio
Jun 24 2017 05:40
@Nutech08186181915 no problem
Nathan
@clarken1996
Jun 24 2017 05:41
Hey does anyone know why this bit of code does not work?
$(".btn-default").click(function(){
  var tempUnit = $("#temp").text().split('');
  if (tempUnit[1] == ' °C')
    $('temp').html(Math.round(((parseFloat(tempUnit[0])*1.8) + 32)) + " °F");
  else
    $('temp').html(Math.round(((parseFloat(tempUnit[0])-32) / 1.8)) + " °C");    
});
luckyacode
@luckyacode
Jun 24 2017 05:43

@penguio <! DOCTYPE html>

<html>

<head <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

<style> after doing this i started style and my rest stuff. But still now if i add class="btn btn-block" such classes, they do not work as they worked on free code camp.

penguio
@penguio
Jun 24 2017 05:43
@clarken1996 why do you have no curly braces {}
if {
// do something
}
else {
// do something else
}
Kai Stullich
@kaistullich
Jun 24 2017 05:45
@penguio {} are not required for valid JS code. But are highly recommended.
FutureHat
@FutureHat
Jun 24 2017 05:45
what is wrong hee? <p>View More
<a href="http://www.freecatphotoapp.com">cat photos</a>
</p>
a nested tag
penguio
@penguio
Jun 24 2017 05:45
@kaistullich oh i thought it wouldnt run , cause it wasnt a block lol :laughing: . just like if i leave out : in python it throws syntax errors my bad
learn something new
Darren
@DarrenfJ
Jun 24 2017 05:46
evening fCC
luckyacode
@luckyacode
Jun 24 2017 05:47

@penguio <! DOCTYPE html>

<html>

<head <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

<style> after doing this i started style and my rest stuff. But still now if i add class="btn btn-block" such classes, they do not work as they worked on free code camp.

plzz help me
Nathan
@clarken1996
Jun 24 2017 05:47
@penguio what @kaistullich said
penguio
@penguio
Jun 24 2017 05:47
@clarken1996 can i see your whole code
also do you have the developer console open?
It will throw you errors with your javascript when trying to debug it
Kai Stullich
@kaistullich
Jun 24 2017 05:48
@clarken1996 what is supposed to be the result? What is the output you are receiving?
sorrells1996
@sorrells1996
Jun 24 2017 05:49
Hey I just started on the jQuery portion. It wants me to make a scrip before I add an element. How do I make the script?
penguio
@penguio
Jun 24 2017 05:49
@sorrells1996 <script></script>
sorrells1996
@sorrells1996
Jun 24 2017 05:49
Thanks @penguio
CamperBot
@camperbot
Jun 24 2017 05:49
sorrells1996 sends brownie points to @penguio :sparkles: :thumbsup: :sparkles:
:cookie: 345 | @penguio |http://www.freecodecamp.com/penguio
penguio
@penguio
Jun 24 2017 05:49
whoops i totally think i gave you the answer straight up lol :'(
Kai Stullich
@kaistullich
Jun 24 2017 05:50
how else would you have answered that? lmao
Kamorudeen Nurudeen I. A.
@Nutech08186181915
Jun 24 2017 05:50
how do i creat button
penguio
@penguio
Jun 24 2017 05:50
Meh could have just said the script element lol
luckyacode
@luckyacode
Jun 24 2017 05:51
@Nutech08186181915 <button> button text</button>
sorrells1996
@sorrells1996
Jun 24 2017 05:51
It didn't show how to make a script element on this part.
penguio
@penguio
Jun 24 2017 05:51
@luckyacode can i see your whole code, that you have
Nathan
@clarken1996
Jun 24 2017 05:52
penguio
@penguio
Jun 24 2017 05:52
@sorrells1996 which exercise are you on
sorrells1996
@sorrells1996
Jun 24 2017 05:52
Learn how Script Tags and Document Ready Work... This is the lesson title. It just says I need a script element.
Darren
@DarrenfJ
Jun 24 2017 05:52
@sorrells1996 i'll usually just say: "remember how the<style> </style> section create a CSS section? Do the same for jQuery but use script instead of style"
faraz khan
@faizcode4u
Jun 24 2017 05:52
to make a link dead where we have to put hash symbol?
Darren
@DarrenfJ
Jun 24 2017 05:53
@faizcode4u between the " "
sorrells1996
@sorrells1996
Jun 24 2017 05:53
thanks @DarrenfJ I did't think they would be that similar
CamperBot
@camperbot
Jun 24 2017 05:53
sorrells1996 sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 1856 | @darrenfj |http://www.freecodecamp.com/darrenfj
faraz khan
@faizcode4u
Jun 24 2017 05:54
@DarrenfJ with the link address or without it?
Kamorudeen Nurudeen I. A.
@Nutech08186181915
Jun 24 2017 05:54
@luckyacode where exactly should i place the button
faraz khan
@faizcode4u
Jun 24 2017 05:55
@DarrenfJ ohh i undrstood ...ty bro
Kamorudeen Nurudeen I. A.
@Nutech08186181915
Jun 24 2017 05:55
Create a new button element with the text "Like".
Your new button should have the class btn.
Make sure all your button elements have a closing tag.
Where do i start?
Darren
@DarrenfJ
Jun 24 2017 05:55
@sorrells1996 i think they just imply it on that one..
sorrells1996
@sorrells1996
Jun 24 2017 05:56
@Nutech08186181915 You need to add a class. class="" then input any elements inside.
Kai Stullich
@kaistullich
Jun 24 2017 05:56
@clarken1996 I think it works...?
@clarken1996 I mean I am not sure what I am supposed to see.
Kamorudeen Nurudeen I. A.
@Nutech08186181915
Jun 24 2017 05:57
@DarrenfJ any of the element i've created before?
Darren
@DarrenfJ
Jun 24 2017 05:57
@faizcode4u you'll eventually use the hash to jump to locations on the same page.. (handy for your portfolio project coming up) https://www.computerhope.com/issues/ch000049.htm
sorrells1996
@sorrells1996
Jun 24 2017 05:57
btn i think would go in a class because it is an elemnt @Nutech08186181915
Darren
@DarrenfJ
Jun 24 2017 05:57
@Nutech08186181915 what's the exercise name?
Kamorudeen Nurudeen I. A.
@Nutech08186181915
Jun 24 2017 05:58
@DarrenfJ thanks I've gotten it
CamperBot
@camperbot
Jun 24 2017 05:58
nutech08186181915 sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 1857 | @darrenfj |http://www.freecodecamp.com/darrenfj
Darren
@DarrenfJ
Jun 24 2017 05:58
@sorrells1996 yah it's a bootstrap class
Hemakshi Sachdev
@hemakshis
Jun 24 2017 05:58
hey!! Does anyone have idea how to add Skycons https://darkskyapp.github.io/skycons/
i guess i am doing something wrong with this
Kai Stullich
@kaistullich
Jun 24 2017 05:58
@clarken1996 actually I don't think it is 65 degrees Celsius where I live :smile:
Darren
@DarrenfJ
Jun 24 2017 05:58
@Nutech08186181915 nothing like figuring it out yerself ;) virtual high five
Kamorudeen Nurudeen I. A.
@Nutech08186181915
Jun 24 2017 05:59
@DarrenfJ thank u for that
CamperBot
@camperbot
Jun 24 2017 05:59
nutech08186181915 sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:warning: nutech08186181915 already gave darrenfj points
KKRkk
@KKRkk
Jun 24 2017 06:05
alt any one help in this prblm
penguio
@penguio
Jun 24 2017 06:06
@KKRkk your a element needs the text cat photos
Darren
@DarrenfJ
Jun 24 2017 06:06
@hemakshis ooo those are cool.. thanks for the link
CamperBot
@camperbot
Jun 24 2017 06:06
darrenfj sends brownie points to @hemakshis :sparkles: :thumbsup: :sparkles:
:cookie: 267 | @hemakshis |http://www.freecodecamp.com/hemakshis
KKRkk
@KKRkk
Jun 24 2017 06:06
how help
Darren
@DarrenfJ
Jun 24 2017 06:06
gotta walk the dogs.. back later...
Kai Stullich
@kaistullich
Jun 24 2017 06:06
@clarken1996 let me know if you wanna do a private chat. I am working on your code, and there are a few key errors that I am noticing. :+1:
penguio
@penguio
Jun 24 2017 06:07
@KKRkk <a href="http://freecatphotoapp.com"> PUT IT HERE </a>
Hemakshi Sachdev
@hemakshis
Jun 24 2017 06:07
@DarrenfJ but how to use them...maybe i am using them in the wrong way because i can't get my data
sumit choubey
@sumit12301
Jun 24 2017 06:08
image.png
hey guys check this out.. it is not working
Hemakshi Sachdev
@hemakshis
Jun 24 2017 06:08
@alfonsocerrato i guess you can help me in this i saw your pen and you have used them.. please help
KKRkk
@KKRkk
Jun 24 2017 06:08
whether i have to write cat's photos in middle @penguio
penguio
@penguio
Jun 24 2017 06:08
@KKRkk exactly right in the middle
right where it saids put it here lol
oHuKc
@oHuKc
Jun 24 2017 06:09
Hello, if it possible to skip all this basic html stuff and do some exam to prove my knowledge?
penguio
@penguio
Jun 24 2017 06:10
@oHuKc exam...?
KKRkk
@KKRkk
Jun 24 2017 06:10
ty @penguio
CamperBot
@camperbot
Jun 24 2017 06:10
kkrkk sends brownie points to @penguio :sparkles: :thumbsup: :sparkles:
:cookie: 346 | @penguio |http://www.freecodecamp.com/penguio
oHuKc
@oHuKc
Jun 24 2017 06:13
@penguio yes, some test or whatever. I want to get the certificate, but it necessary to pass all challenges, even this first basic html and so on
penguio
@penguio
Jun 24 2017 06:14
@oHuKc i beleive you have to complete the challenges , then theirs some projects you have to do to get your certificate
Pethaf
@Pethaf
Jun 24 2017 06:24
@oHuKc If you look at the map it marks by a * what challenges you have to complete to get the certificiate.
neiljaitly7963
@neiljaitly7963
Jun 24 2017 06:24
.blue-text {
color: rgb(0, 0, 225); cant go further
plzs help
Pethaf
@Pethaf
Jun 24 2017 06:25
You are missing a terminating "}"
Abhiraj DG
@abhirajdg
Jun 24 2017 06:25
Hello everyone. New guy here. Can anyone help me get started with the certifications?
Where do I start?
Pethaf
@Pethaf
Jun 24 2017 06:26
.blue-text { color: rgb(0,0,255);
neiljaitly7963
@neiljaitly7963
Jun 24 2017 06:26
no i missed it while copying it from the screen
Pethaf
@Pethaf
Jun 24 2017 06:26
You might even get away with
neiljaitly7963
@neiljaitly7963
Jun 24 2017 06:26

<style>
.red-text {
color: rgb(255, 0, 0);
}
.orchid-text {
color: rgb(218, 112, 214);
}
.sienna-text {
color: rgb(160, 82, 45);
}
.blue-text {
color: rgb(0, 0, 225);
}
</style>

<h1 class="red-text">I am red!</h1>

<h1 class="orchid-text">I am orchid!</h1>

<h1 class="sienna-text">I am sienna!</h1>

<h1 class="blue-text">I am blue!</h1>

it is showing error only in the blue color
Pethaf
@Pethaf
Jun 24 2017 06:28
Aha.
You are writing .blue-text { color:rgb(0,0,225)
oHuKc
@oHuKc
Jun 24 2017 06:28
@Pethaf oh, thanks a lot, I didn't notice :)
CamperBot
@camperbot
Jun 24 2017 06:28
ohukc sends brownie points to @pethaf :sparkles: :thumbsup: :sparkles:
:cookie: 346 | @pethaf |http://www.freecodecamp.com/pethaf
Pethaf
@Pethaf
Jun 24 2017 06:28
what you want is .blue-text { color: rgb(0,0,255); }
faraz khan
@faizcode4u
Jun 24 2017 06:30
what for form is used?
mreeve1
@mreeve1
Jun 24 2017 06:47

Hi all! Can someone help me on the id attribute? It says I need one in my form element to move on, but it currently looks like this:

<form action="submit-cat-photo" id="cat-photo-form">
It does have a green background by using '#' in the style element, but says I still need one in form.

KinderPreet Singh
@kindercappy
Jun 24 2017 06:47
which challenge? @mreeve1
mreeve1
@mreeve1
Jun 24 2017 06:48
45 @kindercappy
KinderPreet Singh
@kindercappy
Jun 24 2017 06:49
challenge name
mreeve1
@mreeve1
Jun 24 2017 06:50
"Use an ID Attribute to Style an Element:
KinderPreet Singh
@kindercappy
Jun 24 2017 06:52
your id is fine @mreeve1
show the whole form code
mreeve1
@mreeve1
Jun 24 2017 06:52
<form action="/submit-cat-photo" id="cat-photo-form" >

<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit
</button>
</form>
@kindercappy
KinderPreet Singh
@kindercappy
Jun 24 2017 06:53
refresh browser @mreeve1
mreeve1
@mreeve1
Jun 24 2017 06:54
Interesting, it still says I haven't given the form element an id attribute @kindercappy
ACSlater8
@ACSlater8
Jun 24 2017 06:55
can someone help me with my map challenge 121?
i mean 122
KinderPreet Singh
@kindercappy
Jun 24 2017 06:56
Post challenge name. Easy to find @ACSlater8
ACSlater8
@ACSlater8
Jun 24 2017 06:57
Storing Values with the Assignment Operator
i just need to get "a" to equal the contents of "b"
KinderPreet Singh
@kindercappy
Jun 24 2017 06:57
your code?
@ACSlater8
show your code @ACSlater8
ACSlater8
@ACSlater8
Jun 24 2017 06:59

// Setup
var a;
var b = 2;

// Only change code below this line
var a = 7;
var b= 7;

KinderPreet Singh
@kindercappy
Jun 24 2017 06:59
you dont need to var a and b again
ACSlater8
@ACSlater8
Jun 24 2017 06:59
what do i put tho
KinderPreet Singh
@kindercappy
Jun 24 2017 07:00
the way you put 7 into a
ACSlater8
@ACSlater8
Jun 24 2017 07:00
a should be assigned to b with =