These are chat archives for FreeCodeCamp/Help

20th
Feb 2017
dounuts100
@dounuts100
Feb 20 2017 00:00
Can anyone help me?
kseoul
@kseoul
Feb 20 2017 00:00
sure
dounuts100
@dounuts100
Feb 20 2017 00:00
How do I paste my code into here to show you?
penguio
@penguio
Feb 20 2017 00:00
copy paste
``` but dont forget those
on both sides they should three of them
kseoul
@kseoul
Feb 20 2017 00:00
sdfjsdfdaf
cool beans
dounuts100
@dounuts100
Feb 20 2017 00:01

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

Andrew Shieh
@andrewlikes
Feb 20 2017 00:01
Ctrl a, ctrl c, ctrl v
dronerlucky
@dronerlucky
Feb 20 2017 00:01
<style>
.thin-red-border {
border-color: red;
border-width: 5px;
border-style: solid;
}
</style> like this? (its the example)
dounuts100
@dounuts100
Feb 20 2017 00:01
Pasted it
Andrew Shieh
@andrewlikes
Feb 20 2017 00:01
Yup
penguio
@penguio
Feb 20 2017 00:01
Yeah @dronerlucky do it like that
dronerlucky
@dronerlucky
Feb 20 2017 00:01
ok thanks
Andrew Shieh
@andrewlikes
Feb 20 2017 00:01
What's your question dounut
kseoul
@kseoul
Feb 20 2017 00:01
@dounuts100 whats the question
dounuts100
@dounuts100
Feb 20 2017 00:01
How do I change the font-size between the style tag?
penguio
@penguio
Feb 20 2017 00:02
font-size: value;
erondon
@erondon
Feb 20 2017 00:02
Guys, what do you think of my almost finished tribute page ?http://codepen.io/erondon/full/qRgqRd/
Andrew Shieh
@andrewlikes
Feb 20 2017 00:02
Fontsize of what element/class
dounuts100
@dounuts100
Feb 20 2017 00:02
Where do I insert it?
Andrew Shieh
@andrewlikes
Feb 20 2017 00:02
In CSS
The style tags
dounuts100
@dounuts100
Feb 20 2017 00:02
The first tag?
kseoul
@kseoul
Feb 20 2017 00:02
what element are you changing
dounuts100
@dounuts100
Feb 20 2017 00:02
h1 {
font-size: 30px;
}
kseoul
@kseoul
Feb 20 2017 00:03
oh yea that's how you do it
dounuts100
@dounuts100
Feb 20 2017 00:03
Where would that go?
kseoul
@kseoul
Feb 20 2017 00:03
in between your style tags
penguio
@penguio
Feb 20 2017 00:03
in between your style tags
Andrew Shieh
@andrewlikes
Feb 20 2017 00:03
@erondon looks good
dounuts100
@dounuts100
Feb 20 2017 00:03
What is a style tag?
penguio
@penguio
Feb 20 2017 00:03
<style></style>
dounuts100
@dounuts100
Feb 20 2017 00:03
"</style>" this?
kseoul
@kseoul
Feb 20 2017 00:03
<style> </style> everything you want to design goes in between there
dronerlucky
@dronerlucky
Feb 20 2017 00:03
@penguio its still not working,though i did it exactly like the picture,with the green and all that
Andrew Shieh
@andrewlikes
Feb 20 2017 00:03
Sounds like a super hero
dounuts100
@dounuts100
Feb 20 2017 00:03
The one with the slash?"
Andrew Shieh
@andrewlikes
Feb 20 2017 00:03
Dr. Manhattan
kseoul
@kseoul
Feb 20 2017 00:03
<style> is the start of a tag
penguio
@penguio
Feb 20 2017 00:04
Can you link me your url @dronerlucky
kseoul
@kseoul
Feb 20 2017 00:04
</style> is the end of the tag
dronerlucky
@dronerlucky
Feb 20 2017 00:04
how
dounuts100
@dounuts100
Feb 20 2017 00:04
oooh, Thanks
kseoul
@kseoul
Feb 20 2017 00:04
you have to put it in between
erondon
@erondon
Feb 20 2017 00:04
@andrewlikes yeah, he's from the Watchmen
dounuts100
@dounuts100
Feb 20 2017 00:04
Thanks
kseoul
@kseoul
Feb 20 2017 00:04
@dounuts100 no problem
penguio
@penguio
Feb 20 2017 00:04
copy the link, that's in your bar where you type web addresses. paste it in here
Andrew Shieh
@andrewlikes
Feb 20 2017 00:04
@erondon damn I still haven't watched it yet
dronerlucky
@dronerlucky
Feb 20 2017 00:04
i could copy and paste on to here
Andrew Shieh
@andrewlikes
Feb 20 2017 00:04
Is he the one that can produce clones
penguio
@penguio
Feb 20 2017 00:04
@dronerlucky yeah you can
dronerlucky
@dronerlucky
Feb 20 2017 00:04
ok
dounuts100
@dounuts100
Feb 20 2017 00:05

<style>
h1 {
font-size: 30px;
}
</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>

erondon
@erondon
Feb 20 2017 00:05
@andrewlikes hahaha yeah
dounuts100
@dounuts100
Feb 20 2017 00:05
I inserted it between the liens
lines*
its long
Andrew Shieh
@andrewlikes
Feb 20 2017 00:05
Please just paste the code
No point in linking
dronerlucky
@dronerlucky
Feb 20 2017 00:06
ok
thats also long
penguio
@penguio
Feb 20 2017 00:06
@dronerlucky your image in the class it should also thick-green-border
dronerlucky
@dronerlucky
Feb 20 2017 00:06
what do you mean?
ahuv
@ahuv
Feb 20 2017 00:07

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

penguio
@penguio
Feb 20 2017 00:07
@dronerlucky <img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> yours only has smaller-image, add thick-green-border
ahuv
@ahuv
Feb 20 2017 00:07
im trying to nest elements but apparently mine is wrong?
dronerlucky
@dronerlucky
Feb 20 2017 00:08
to the pic?
or smaller-image?
Andrew Shieh
@andrewlikes
Feb 20 2017 00:08
@ahuv nest what into what
ahuv
@ahuv
Feb 20 2017 00:08
nest <a> into <p>
dounuts100
@dounuts100
Feb 20 2017 00:08
Do i insert h1 {
font-size: 30px;
} inside of the "<>" or in between them
Andrew Shieh
@andrewlikes
Feb 20 2017 00:09
You forgot the period before the final p tag
ahuv
@ahuv
Feb 20 2017 00:09
tried that it didnt work
Andrew Shieh
@andrewlikes
Feb 20 2017 00:09
Sorry I don't understand your question @dounuts100
dronerlucky
@dronerlucky
Feb 20 2017 00:09
then what do i do with the <img class="class1 class2
Andrew Shieh
@andrewlikes
Feb 20 2017 00:10
But that needs to go in your style tags aka CSS
dounuts100
@dounuts100
Feb 20 2017 00: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>

dronerlucky
@dronerlucky
Feb 20 2017 00:10
im really confused
dounuts100
@dounuts100
Feb 20 2017 00:10
Where would I insert the font-size of 16px?
Andrew Shieh
@andrewlikes
Feb 20 2017 00:10
@ahuv restart your browser. Your code looks fine
Manish Giri
@Manish-Giri
Feb 20 2017 00:10
@dounuts100 in style tags
dounuts100
@dounuts100
Feb 20 2017 00:11
all right I see the style tags
But inside of the < >
Andrew Shieh
@andrewlikes
Feb 20 2017 00:11
@dronerlucky that's just an example of how to seperate your classes when assigning them to an element
twlst
@twlst
Feb 20 2017 00:11
@dounuts100 no. Between <style> and </style>.
dounuts100
@dounuts100
Feb 20 2017 00:11
oooh those lines
Thanks
dronerlucky
@dronerlucky
Feb 20 2017 00:11
ok
Lucas Scalzo
@Lu314
Feb 20 2017 00:11

.smaller-image {
width: 100px;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid:
}
</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. "> how do I add that into the img code ??

Manish Giri
@Manish-Giri
Feb 20 2017 00:12
@Lu314 class="classA classB classC"
Andrew Shieh
@andrewlikes
Feb 20 2017 00:12
Space after smaller-image to add another class
Manish Giri
@Manish-Giri
Feb 20 2017 00:12
that's the syntax
JazzCard
@JazzCard
Feb 20 2017 00:12
can anyone explain how I'd make the image smaller while also making the div.row smaller as well? Currently when I try to make the image smaller using bootstrap, the div.row stays the same height. https://codepen.io/JazzCard/pen/jyjyba
dronerlucky
@dronerlucky
Feb 20 2017 00:12
im still confused
twlst
@twlst
Feb 20 2017 00:12
@dounuts100 <style> marks where the CSS starts. font-size is CSS, so you place it inside style, while HTML (h3, p, etc) goes outside of style.
ahuv
@ahuv
Feb 20 2017 00:12
@andrewlikes thanks it worked!
CamperBot
@camperbot
Feb 20 2017 00:12
ahuv sends brownie points to @andrewlikes :sparkles: :thumbsup: :sparkles:
:cookie: 225 | @andrewlikes |http://www.freecodecamp.com/andrewlikes
Andrew Shieh
@andrewlikes
Feb 20 2017 00:12
@dronerlucky do you know what an element is
dronerlucky
@dronerlucky
Feb 20 2017 00:13
p h1 h2?
Lucas Scalzo
@Lu314
Feb 20 2017 00:13
@Manish-Giri Its still not working for me, dont know wat Im doing wrong
Manish Giri
@Manish-Giri
Feb 20 2017 00:13
@Lu314 show code..
Andrew Shieh
@andrewlikes
Feb 20 2017 00:13
OK good. So when you are asked to play e
dronerlucky
@dronerlucky
Feb 20 2017 00:13
e?'
Andrew Shieh
@andrewlikes
Feb 20 2017 00:14
Oops
dronerlucky
@dronerlucky
Feb 20 2017 00:14
its ok
Anh Nguyen
@tiremon112
Feb 20 2017 00:14
:wave:
Andrew Shieh
@andrewlikes
Feb 20 2017 00:14
When you're asked to place something in between an element, how would you do it
Brianna
@brisourceful
Feb 20 2017 00:14
@JazzCard change the height and width of the image in your CSS
Lucas Scalzo
@Lu314
Feb 20 2017 00:14

@Manish-Giri }
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid:
}
</style>

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

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

dounuts100
@dounuts100
Feb 20 2017 00:14
It doesn't work
Manish Giri
@Manish-Giri
Feb 20 2017 00:14
wow
Andrew Shieh
@andrewlikes
Feb 20 2017 00:15
If I asked you to place the element h1 in between the element h2 what would you do
twlst
@twlst
Feb 20 2017 00:15
@dounuts100 show your code.
Manish Giri
@Manish-Giri
Feb 20 2017 00:15
@Lu314 <img class="classA classB classC"
what is this?
I was just showing you the syntax of adding multiple classes to an element
dronerlucky
@dronerlucky
Feb 20 2017 00:15
<h2> blahblahblahblah</h2>
Manish Giri
@Manish-Giri
Feb 20 2017 00:15
you put them one after the other, separated by spaces
@Lu314
Andrew Shieh
@andrewlikes
Feb 20 2017 00:15
No droner
That's wrong
Manish Giri
@Manish-Giri
Feb 20 2017 00:15
your classes are smaller-image and thick-green-border
dronerlucky
@dronerlucky
Feb 20 2017 00:15
oh...
Andrew Shieh
@andrewlikes
Feb 20 2017 00:16
I asked you to place the element h1 in between h2 element
Madhu Sujan
@leoneutrino
Feb 20 2017 00:16
hello guys i typed the right code for smaller image, but it didn't worked
dounuts100
@dounuts100
Feb 20 2017 00:16

style p {
font-size: 16px;
} >
.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>

Madhu Sujan
@leoneutrino
Feb 20 2017 00:16
.smaller-image {
width: 100px;
}
dronerlucky
@dronerlucky
Feb 20 2017 00:16
im getting really confused
Madhu Sujan
@leoneutrino
Feb 20 2017 00:16
<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
.smaller-image {
width: 100px;
}
</style>
Manish Giri
@Manish-Giri
Feb 20 2017 00:16
@dounuts100 style tags should be closed first
HereToCode123
@HereToCode123
Feb 20 2017 00:16
is this wrong?
Andrew Shieh
@andrewlikes
Feb 20 2017 00:16
You need to start over @dronerlucky
dounuts100
@dounuts100
Feb 20 2017 00:16
How do I close a style tag?
HereToCode123
@HereToCode123
Feb 20 2017 00:16
<img class="img-responsive thick-green-border" src="https://bit.ly/fcc-running-cats">
dronerlucky
@dronerlucky
Feb 20 2017 00:16
ok
kseoul
@kseoul
Feb 20 2017 00:16
style p {
font-size: 16px;
} >
.red-text {
color: red;
}
</style> is wrong
twlst
@twlst
Feb 20 2017 00:16
@dounuts100 </style> is how you close it.
Madhu Sujan
@leoneutrino
Feb 20 2017 00:16
can anyone help with my issue ??
HereToCode123
@HereToCode123
Feb 20 2017 00:17
<img class="img-responsive thick-green-border" src="https://bit.ly/fcc-running-cats">
dounuts100
@dounuts100
Feb 20 2017 00:17

<style p { font-size: 16px; } >
.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>

dronerlucky
@dronerlucky
Feb 20 2017 00:17
k, reset
kseoul
@kseoul
Feb 20 2017 00:17
<style p { font-size: 16px; } > is wrong
dronerlucky
@dronerlucky
Feb 20 2017 00:17
im going to take a break
dounuts100
@dounuts100
Feb 20 2017 00:17
How would I correct it?
kseoul
@kseoul
Feb 20 2017 00:17
<style>
Andrew Shieh
@andrewlikes
Feb 20 2017 00:18
@dronerlucky I meant you should start from challenge 1 and make sure you know what an element is
kseoul
@kseoul
Feb 20 2017 00:18
code in here
</style>
Madhu Sujan
@leoneutrino
Feb 20 2017 00:18
hello ?
dronerlucky
@dronerlucky
Feb 20 2017 00:18
...
twlst
@twlst
Feb 20 2017 00:18
@dounuts100 your starting tag is <style>. font-size goes outside of that.
Madhu Sujan
@leoneutrino
Feb 20 2017 00:18
<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
.smaller-image {
width: 100px;
}
</style>
dounuts100
@dounuts100
Feb 20 2017 00:18
oh
</style>
Vered Rekanati
@veredrec
Feb 20 2017 00:18
@leoneutrino It seems like your code is fine. Maybe the mistake is in a different place? Can you send all of the code please?
kseoul
@kseoul
Feb 20 2017 00:18
<style>
code in ehre
</style>
dounuts100
@dounuts100
Feb 20 2017 00:18
it worked!
kseoul
@kseoul
Feb 20 2017 00:18
great
dounuts100
@dounuts100
Feb 20 2017 00:18
Thanks :D
HereToCode123
@HereToCode123
Feb 20 2017 00:18
Fortunately, with Bootstrap, all we need to do is add the img-responsive class to your image. Do this, and the image should perfectly fit the width of your page.
Madhu Sujan
@leoneutrino
Feb 20 2017 00:19
@veredrec

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

kseoul
@kseoul
Feb 20 2017 00:19
yw =)
Madhu Sujan
@leoneutrino
Feb 20 2017 00:19
here it is
Andrew Shieh
@andrewlikes
Feb 20 2017 00:19
@leoneutrino what's your question
Vered Rekanati
@veredrec
Feb 20 2017 00:19
@leoneutrino I see this class in the css but not in the html. is it there?
Madhu Sujan
@leoneutrino
Feb 20 2017 00:20
i couldn't resize my image @andrewlikes
huh ? @veredrec
Andrew Shieh
@andrewlikes
Feb 20 2017 00:20
That's because your image doesn't have a class
HereToCode123
@HereToCode123
Feb 20 2017 00:20
@ThunderSlender hey
Andrew Shieh
@andrewlikes
Feb 20 2017 00:20
IMG class=
Vered Rekanati
@veredrec
Feb 20 2017 00:20
@leoneutrino add the class="smaller-image" to the img in the html
Andrew Shieh
@andrewlikes
Feb 20 2017 00:20
Give it the smaller-image claaa
Class
About @davidnodavid
CamperBot
@camperbot
Feb 20 2017 00:21
:cookie: 18 | @davidnodavid |http://www.freecodecamp.com/davidnodavid
Daniel Aguila
@MxLooney
Feb 20 2017 00:21
does anyone know how to copy and paste the code with the black background?
kseoul
@kseoul
Feb 20 2017 00:21
yes i do
Vered Rekanati
@veredrec
Feb 20 2017 00:22
@leoneutrino Is it working?
Madhu Sujan
@leoneutrino
Feb 20 2017 00:22
so i do need to add the code class="smaller-image {width: 100px;"
Daniel Aguila
@MxLooney
Feb 20 2017 00:22
so... how do you do it?
kseoul
@kseoul
Feb 20 2017 00:22
no put the smaller image{width blahblah} inside your style tags
copy the code and paste it in where you are trying to put it in
Vered Rekanati
@veredrec
Feb 20 2017 00:23
@leoneutrino in the html part, before the src, you can add the class
Madhu Sujan
@leoneutrino
Feb 20 2017 00:23
yeah it is inside in the style tags
kseoul
@kseoul
Feb 20 2017 00:23
the class= part goes into the html
where you want to use the smaller-image class
Sean
@coolguysean280
Feb 20 2017 00:24
I am at a complete loss right now. If someone could assist, I would be greatful.
Vered Rekanati
@veredrec
Feb 20 2017 00:24
@leoneutrino the style is in the <style> and that's good, but for style to be applied on the right element, you need to add the class and its name (small-image) next to the source.
HereToCode123
@HereToCode123
Feb 20 2017 00:24
@coolguysean280 I will
penguio
@penguio
Feb 20 2017 00:24
@coolguysean280 what's your issue
Sean
@coolguysean280
Feb 20 2017 00:24

Thanks! Here are the instrcutions: Using .addClass(), add only one class at a time to the same element, three different ways:

Add the animated class to all elements with type button.

Add the shake class to all the buttons with class .btn.

Add the btn-primary class to the button with id #target1.

Note
You should only be targeting one element and adding only one class at a time. Altogether, your three individual selectors will end up adding the three classes shake, animated, and btn-primary to #target1.

Mikeyn92
@Mikeyn92
Feb 20 2017 00:24

Im trying to learn hex code and it says use the hex code for the color red, green, orang...etc instead of the word orsnge. I did that and the text changed the correct colors and eberything but it still wont let me pass. Whats wrong with my code?

<style>
.red-text {
color: FF0000;
}
.green-text {
color: 00FF00;
}
.dodger-blue-text {
color: 2998E4;
}
.orange-text {
color: FFA500;
}
</style>

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

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

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

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

Sean
@coolguysean280
Feb 20 2017 00:25
and my code:
$("button") .addClass ("animated");
$(".btn") .addClass ("shake");
$("#target1") .addClass ("btn-primary");
Madhu Sujan
@leoneutrino
Feb 20 2017 00:25
thanks @veredrec
CamperBot
@camperbot
Feb 20 2017 00:25
leoneutrino sends brownie points to @veredrec :sparkles: :thumbsup: :sparkles:
:cookie: 293 | @veredrec |http://www.freecodecamp.com/veredrec
kseoul
@kseoul
Feb 20 2017 00:25
use #00F00;
Madhu Sujan
@leoneutrino
Feb 20 2017 00:25
everyone thanks :)
Vered Rekanati
@veredrec
Feb 20 2017 00:25
@leoneutrino did it work?
Anh Nguyen
@tiremon112
Feb 20 2017 00:25
'''
CamperBot
@camperbot
Feb 20 2017 00:25
:bulb: to format code use backticks! ``` more info
HereToCode123
@HereToCode123
Feb 20 2017 00:25
@coolguysean280 what are you trying to do?
Lucas Scalzo
@Lu314
Feb 20 2017 00:25

}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid:
}
</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. "> what am I doing wrong??

Sean
@coolguysean280
Feb 20 2017 00:25
I'm not really sure.
Note
You should only be targeting one element and adding only one class at a time. Altogether, your three individual selectors will end up adding the three classes shake, animated, and btn-primary to #target1.
Madhu Sujan
@leoneutrino
Feb 20 2017 00:26
yeah i was a bit late to response 😅😅
Vered Rekanati
@veredrec
Feb 20 2017 00:26
No problem! I'm glad you did it :)
Sean
@coolguysean280
Feb 20 2017 00:26
Here is where I have a red x thingy: Only add one class with each of your three selectors.
penguio
@penguio
Feb 20 2017 00:27
@coolguysean280 , you need to select each element by their id, and use .addClass()
Sean
@coolguysean280
Feb 20 2017 00:28
how do I do that?
penguio
@penguio
Feb 20 2017 00:28
first one you select by using button, and addClass() of animated.
Sean
@coolguysean280
Feb 20 2017 00:28
It says "Add the animated class to all elements with type button."
and I have
$("button") .addClass ("animated")
penguio
@penguio
Feb 20 2017 00:29
second one you select by using .btn and addClass() shake
Richard Blake
@RichardBlake
Feb 20 2017 00:29
@Mikeyn92 you are missing the # before the code for the color rg #00ff00
Daniel Aguila
@MxLooney
Feb 20 2017 00:29
<h1>hi</h1>
penguio
@penguio
Feb 20 2017 00:29
third one @coolguysean280 you select by #target, and addClass() btn-primary
Daniel Aguila
@MxLooney
Feb 20 2017 00:29
nope
Hello911
@Hello911
Feb 20 2017 00:29
function rot13(str) { // LBH QVQ VG!
  var array=str.split(' ');
  for(var i=0; i<array.length;i++){
    array.push(array[i].split(""));
  }

  return array;
}

// Change the inputs below to test
rot13("IM JOE");
I want to make ([["I","M"],["J","O","E"]]. WHat is wrong?
Sean
@coolguysean280
Feb 20 2017 00:30
like this?
$("#target1") .addClass ("btn-primary");
penguio
@penguio
Feb 20 2017 00:30
exactly like that
Daniel Aguila
@MxLooney
Feb 20 2017 00:30
@Hello911 hey how do you show the coding on chat like that?
Sean
@coolguysean280
Feb 20 2017 00:30
That's what I already have and it's not taking it
Josh Allison
@Joshpallison
Feb 20 2017 00:30
on the create a form element... I'm confused on what it wants me to do. "Nest your text input element within a form element." is the only part i have left
penguio
@penguio
Feb 20 2017 00:30
@coolguysean280 can you copy paste your code
kseoul
@kseoul
Feb 20 2017 00:31
@hello911 return array[i].split("");
Sean
@coolguysean280
Feb 20 2017 00:31
<script>
$(document).ready(function() {
$("button") .addClass ("animated");
$(".btn") .addClass ("shake");
$("#target1") .addClass ("btn-primary");


});
</script>
twlst
@twlst
Feb 20 2017 00:31
@Joshpallison it wants you to put your input inside the form. so <form> text input element </form>
Hello911
@Hello911
Feb 20 2017 00:31
@MxLooney Do (code)
AldoBenitez95
@AldoBenitez95
Feb 20 2017 00:31
I'm coding for a few hours, how long will it take me?
Hello911
@Hello911
Feb 20 2017 00:32
@Hello911 Do ``````
Andrew Shieh
@andrewlikes
Feb 20 2017 00:32
Is JavaScript as daunting as it looks?
AldoBenitez95
@AldoBenitez95
Feb 20 2017 00:32
Im making the freecodecamp challenge
Hello911
@Hello911
Feb 20 2017 00:32
Code right in between
Brianna
@brisourceful
Feb 20 2017 00:32
@andrewlikes yes and no
Daniel Aguila
@MxLooney
Feb 20 2017 00:32
ok
Josh Allison
@Joshpallison
Feb 20 2017 00:32
@twlst right. thanks. not sure why i didnt get that.
CamperBot
@camperbot
Feb 20 2017 00:32
joshpallison sends brownie points to @twlst :sparkles: :thumbsup: :sparkles:
:cookie: 124 | @twlst |http://www.freecodecamp.com/twlst
kseoul
@kseoul
Feb 20 2017 00:32
@andrewlikes it's nothing like html & css
Daniel Aguila
@MxLooney
Feb 20 2017 00:32
<h1>test</h2>
Brianna
@brisourceful
Feb 20 2017 00:32
@andrewlikes I started a full-stack JS bootcamp two weeks ago and at times I want to blow my brains out and at times it makes total sense.
twlst
@twlst
Feb 20 2017 00:32
@AldoBenitez95 it depends on how much programming exp you have and how good you are at problem solving. Some people will take longer than others.
kseoul
@kseoul
Feb 20 2017 00:33
@brisourceful are you learning Node?
Andrew Shieh
@andrewlikes
Feb 20 2017 00:33
It looks like alot of logic and arithmetic
Daniel Aguila
@MxLooney
Feb 20 2017 00:33

``<h1>test</h2>

<p>test</p>

Brianna
@brisourceful
Feb 20 2017 00:33
@kseoul yes we are
AldoBenitez95
@AldoBenitez95
Feb 20 2017 00:33
How many steps does the challenge have?
Daniel Aguila
@MxLooney
Feb 20 2017 00:33

``<h1>test</h1>

<p>test</p> ``

AldoBenitez95
@AldoBenitez95
Feb 20 2017 00:34
Im here now
Make Dead Links using the Hash Symbol
Brianna
@brisourceful
Feb 20 2017 00:34
@andrewlikes arithmetic is very light but logic yes there is loads of it
Andrew Shieh
@andrewlikes
Feb 20 2017 00:34
Three back ticks @MxLooney
dounuts100
@dounuts100
Feb 20 2017 00:34

<img src="https:bit.ly/fcc-relaxing-cat" alt="Image of relaxing cat">

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

penguio
@penguio
Feb 20 2017 00:34
$(document).ready(function() { $("button").addClass("animated"); $(".btn").addClass("shake"); $("#target1").addClass("btn-primary") }); @coolguysean280 your code is correct, it's the exact same thing i have
dounuts100
@dounuts100
Feb 20 2017 00:34
Where would the "src" go?
twlst
@twlst
Feb 20 2017 00:34
@AldoBenitez95 go to the Map section on the website to see how many steps there are.
kseoul
@kseoul
Feb 20 2017 00:34
@brisourceful cool! I want to learn Node but I'm still stuck on these projects
Sean
@coolguysean280
Feb 20 2017 00:34
Is there a bug on the website then?
penguio
@penguio
Feb 20 2017 00:34
@sean what's it saying the error is
Sean
@coolguysean280
Feb 20 2017 00:34
"Only add one class with each of your three selectors."
Brianna
@brisourceful
Feb 20 2017 00:35
@kseoul you'll get there! These online tutorial programs are tough because you can't skip ahead but don't worry, you'll learn it soon.
AldoBenitez95
@AldoBenitez95
Feb 20 2017 00:35
I'm not in the middle lol
haha
kseoul
@kseoul
Feb 20 2017 00:35
@brisourceful I want to be fullstack Node too...
penguio
@penguio
Feb 20 2017 00:35
can you link me your exercise pm me it
dounuts100
@dounuts100
Feb 20 2017 00:35
Where would you insert an "src"
penguio
@penguio
Feb 20 2017 00:35
@coolguysean280
Brianna
@brisourceful
Feb 20 2017 00:35
@kseoul have you started learning about the DOM?
penguio
@penguio
Feb 20 2017 00:35
link the exercise but pm me it
twlst
@twlst
Feb 20 2017 00:35
@dounuts100 inside img. <img src=“link” >
Daniel Aguila
@MxLooney
Feb 20 2017 00:36
<p>test</p>
dounuts100
@dounuts100
Feb 20 2017 00:36

<img src="https:bit.ly/fcc-relaxing-cat" alt="Image of relaxing cat">

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

Sean
@coolguysean280
Feb 20 2017 00:36
@penguio ok
Daniel Aguila
@MxLooney
Feb 20 2017 00:36
okay thank you
dounuts100
@dounuts100
Feb 20 2017 00:36
Where would it go in that?
AldoBenitez95
@AldoBenitez95
Feb 20 2017 00:36
What happens if I leave the challenge? I lose all progress or can I save it and continue later?
Andrew Shieh
@andrewlikes
Feb 20 2017 00:36
Node is what I want to jump into after im done with all this front end web development
kseoul
@kseoul
Feb 20 2017 00:36
@brisourceful No not yet...
twlst
@twlst
Feb 20 2017 00:37
@dounuts100 I just showed you where it goes? It goes inside img. <img src=“link”>. Think of it as a sentence. “the image source is ‘link’."
Brianna
@brisourceful
Feb 20 2017 00:37
@andrewlikes yeah node is pretty cool.
@kseoul you'll learn about the DOM when you learn Node. It's pretty cool.
dounuts100
@dounuts100
Feb 20 2017 00:37
Yeah I did that
kseoul
@kseoul
Feb 20 2017 00:37
@brisourceful how would you explain it to someone who doesn't know?
twlst
@twlst
Feb 20 2017 00:37
That’s all you do. That’s where src goes.
kseoul
@kseoul
Feb 20 2017 00:37
@brisourceful aka me :)
dounuts100
@dounuts100
Feb 20 2017 00:38
Why wont it let me go D:
Coy Sanders
@coymeetsworld
Feb 20 2017 00:38
@MelanieJay sorry, was out getting lunch. Can you see this?
Andrew Shieh
@andrewlikes
Feb 20 2017 00:38
@dounuts100 why did you place your IMG allll the way at the top lol
dounuts100
@dounuts100
Feb 20 2017 00:38
lol woops
Melanie
@MelanieJay
Feb 20 2017 00:38
@coymeetsworld YES! thank you so much it was a firefox setting i had changed without thinking
CamperBot
@camperbot
Feb 20 2017 00:38
melaniejay sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2150 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Feb 20 2017 00:39
ah i see, np @MelanieJay
dounuts100
@dounuts100
Feb 20 2017 00:39
I added the "src" still wont work
kseoul
@kseoul
Feb 20 2017 00:39
@brisourceful nevertheless, I'll just keep going at it! Have you created any functional websites yet?
Sean
@coolguysean280
Feb 20 2017 00:40
@penguio thank you very much, that got it
CamperBot
@camperbot
Feb 20 2017 00:40
coolguysean280 sends brownie points to @penguio :sparkles: :thumbsup: :sparkles:
:cookie: 148 | @penguio |http://www.freecodecamp.com/penguio
Andrew Shieh
@andrewlikes
Feb 20 2017 00:40
@dounuts100 show
dounuts100
@dounuts100
Feb 20 2017 00:40

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

<img src="https:bit.ly/fcc-relaxing-cat" alt="Image of relaxing cat">

Andrew Shieh
@andrewlikes
Feb 20 2017 00:40
What is the error?
What's stopping you from passing
Coy Sanders
@coymeetsworld
Feb 20 2017 00:40
the src isn't right
dounuts100
@dounuts100
Feb 20 2017 00:41
It states "Your image should have a src attribute that points to the kitten image."
Coy Sanders
@coymeetsworld
Feb 20 2017 00:41
look at it again
Brianna
@brisourceful
Feb 20 2017 00:41
@kseoul DOM is document object model and it allows you to manipulate the framework of HTML. Instead of hard coding 20+ lines of code in your HTML files you can simply create elements to the DOM using JS to input the lines of code to your HTML page. It's a little difficult to explain via writing but there are tons of resources out there on DOM.
twlst
@twlst
Feb 20 2017 00:41
@dounuts100 your src isn’t pointing to a valid link. Just copypaste the link instead of typing it out.
dounuts100
@dounuts100
Feb 20 2017 00:41
oh allright
aprilchomp
@aprilchomp
Feb 20 2017 00:41

Hello, could someone help me figure out whats wrong with my code? The task: Nest two div class="col-xs-6" elements within your div class="row" element. My Code: <div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<div class="col-xs-6">

  </div>
</div>

</div>
</div>

dounuts100
@dounuts100
Feb 20 2017 00:42
thanks
Coy Sanders
@coymeetsworld
Feb 20 2017 00:42
columns need to be side-to-side @aprilchomp
kseoul
@kseoul
Feb 20 2017 00:42
@brisourceful kind of like calling it with a function for your element to show a certain thing?
aprilchomp
@aprilchomp
Feb 20 2017 00:42
@coymeetsworld ok, so just put them on the same line of code?
kseoul
@kseoul
Feb 20 2017 00:42
@brisourceful or like templates?
Coy Sanders
@coymeetsworld
Feb 20 2017 00:42
no not same line
you have a row that has a nested column that has a nested column
Brianna
@brisourceful
Feb 20 2017 00:43
@kseoul yes very similar to a template.
dounuts100
@dounuts100
Feb 20 2017 00:43
It worked :D thanks
Coy Sanders
@coymeetsworld
Feb 20 2017 00:43
you want a row with 2 nested columns, side to side
twlst
@twlst
Feb 20 2017 00:43
@aprilchomp no. You’re nesting the column inside the other column. But they should be next to each other.
Lucas Scalzo
@Lu314
Feb 20 2017 00:43
I need help
twlst
@twlst
Feb 20 2017 00:43
Yeah what Coy said.
QuartzzCoder
@QuartzzCoder
Feb 20 2017 00:43
I need help
kseoul
@kseoul
Feb 20 2017 00:43
@brisourceful cool!!! sounds like it will save a bunch of time
Lucas Scalzo
@Lu314
Feb 20 2017 00:43

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

Brianna
@brisourceful
Feb 20 2017 00:43
@kseoul omg it saves a butt load of time! Definitely worth learning
nfridz
@nfridz
Feb 20 2017 00:43
hey!
Lucas Scalzo
@Lu314
Feb 20 2017 00:44
I lamost got it but Im not quite there yet
aprilchomp
@aprilchomp
Feb 20 2017 00:44
Ooooohhhh!!! Duh!!! @coymeetsworld @twlst THANK YOU!
CamperBot
@camperbot
Feb 20 2017 00:44
aprilchomp sends brownie points to @coymeetsworld and @twlst :sparkles: :thumbsup: :sparkles:
:cookie: 125 | @twlst |http://www.freecodecamp.com/twlst
:star2: 2151 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Feb 20 2017 00:44
yw
Andrew Shieh
@andrewlikes
Feb 20 2017 00:44
@Lu314 what are we looking at
twlst
@twlst
Feb 20 2017 00:44
@Lu314 your border style ends with “:” instead of a semi-colon.
kseoul
@kseoul
Feb 20 2017 00:44
I can't wait! Thanks @brisourceful for the info :+1:
CamperBot
@camperbot
Feb 20 2017 00:44
kseoul sends brownie points to @brisourceful :sparkles: :thumbsup: :sparkles:
:cookie: 23 | @brisourceful |http://www.freecodecamp.com/brisourceful
Lucas Scalzo
@Lu314
Feb 20 2017 00:44
@twlst thanx
CamperBot
@camperbot
Feb 20 2017 00:44
lu314 sends brownie points to @twlst :sparkles: :thumbsup: :sparkles:
:cookie: 126 | @twlst |http://www.freecodecamp.com/twlst
Brianna
@brisourceful
Feb 20 2017 00:44
@kseoul you're very welcome!
nfridz
@nfridz
Feb 20 2017 00:45
i'm having some problems near the start :(

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

Lucas Scalzo
@Lu314
Feb 20 2017 00:45
it worked, thanks
Andrew Shieh
@andrewlikes
Feb 20 2017 00:45
Yeah thanks for sharing @brisourceful
Brianna
@brisourceful
Feb 20 2017 00:45
@andrewlikes anytime! :)
nfridz
@nfridz
Feb 20 2017 00:45
I need to change the font size of the second <p> without using a class
to 16px
QuartzzCoder
@QuartzzCoder
Feb 20 2017 00:45

What is wrong?!? <h2 style="color: blue">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>

Brianna
@brisourceful
Feb 20 2017 00:46
@nfridz why can't you use another class?
Andrew Shieh
@andrewlikes
Feb 20 2017 00:46
@nfridz just style the p element in CSS
QuartzzCoder
@QuartzzCoder
Feb 20 2017 00:46
how
im a noob
twlst
@twlst
Feb 20 2017 00:46
@QuartzzCoder I’m pretty sure in that challenge you’re supposed to make it red.
nfridz
@nfridz
Feb 20 2017 00:46
its one the requirements "Do not add a class attribute to the second p element."
Brianna
@brisourceful
Feb 20 2017 00:46

@nfridz do:

p {
font: 16px;
}

QuartzzCoder
@QuartzzCoder
Feb 20 2017 00:47
what does that mean @nfridz
I got here by someones video
twlst
@twlst
Feb 20 2017 00:47
@QuartzzCoder they’re talking about different code. You’re supposed to make your text red, not blue.
QuartzzCoder
@QuartzzCoder
Feb 20 2017 00:48
oh\
Andrew Shieh
@andrewlikes
Feb 20 2017 00:48
Font-size: 16px;
QuartzzCoder
@QuartzzCoder
Feb 20 2017 00:48
thanks :smile:
nfridz
@nfridz
Feb 20 2017 00:48
where would i put that line?
Brianna
@brisourceful
Feb 20 2017 00:48
@andrewlikes thanks I was just about to correct myself
CamperBot
@camperbot
Feb 20 2017 00:48
brisourceful sends brownie points to @andrewlikes :sparkles: :thumbsup: :sparkles:
:cookie: 226 | @andrewlikes |http://www.freecodecamp.com/andrewlikes
Andrew Shieh
@andrewlikes
Feb 20 2017 00:48
Style tags
Brianna
@brisourceful
Feb 20 2017 00:48
@nfridz in your CSS
kseoul
@kseoul
Feb 20 2017 00:49
<style> ALLL THE CODE GOES EHRE </style>
here*
oops
Andrew Shieh
@andrewlikes
Feb 20 2017 00:49
^need to pin that somehow
kseoul
@kseoul
Feb 20 2017 00:49
No kidding lol
nfridz
@nfridz
Feb 20 2017 00:49
one second
Brianna
@brisourceful
Feb 20 2017 00:49
@andrewlikes hell yes! it's like ground hog day all over
dounuts100
@dounuts100
Feb 20 2017 00:50
<style>
.larger-image {
width: 500px;
}
</style>
twlst
@twlst
Feb 20 2017 00:50
I think the issue is that the site isn’t very clear that they’re jumping between HTML and CSS, and that CSS goes inside style.
dounuts100
@dounuts100
Feb 20 2017 00:50
Where would that go? After the link
kseoul
@kseoul
Feb 20 2017 00:50
@dounuts100 where would what go? The .larger-image class?
nfridz
@nfridz
Feb 20 2017 00:50
nailed it!
dounuts100
@dounuts100
Feb 20 2017 00:50
Yeah it's supposed to be a smaller
nfridz
@nfridz
Feb 20 2017 00:50
thanks :)
Brianna
@brisourceful
Feb 20 2017 00:51
@twlst you're 100% right. Technically you should never put your styling in your HTML but since they are doing in the same editor they get confused.
kseoul
@kseoul
Feb 20 2017 00:51
@brisourceful Well, I guess they want everyone to start from the basics.. I hear google uses inline styling to reduce load times
Melanie
@MelanieJay
Feb 20 2017 00:52
hey guys i'm stuck trying to change my <div> background color where in the code to i put the command?
Brianna
@brisourceful
Feb 20 2017 00:52
@nfridz Yay! The reason why that worked is because you created a class for your other p tag so therefore when you specify 'p' in your styling sheet it only applies to just 'p' tags with no class.
kseoul
@kseoul
Feb 20 2017 00:52
@MelanieJay between the <style> </style> tag
Brianna
@brisourceful
Feb 20 2017 00:52
@kseoul true but in the real world you always have more than one file, one for HTML, one for CSS, one for JS and so on.
kseoul
@kseoul
Feb 20 2017 00:53
@MelanieJay and give your div tag <div class="NAME HERE">
Melanie
@MelanieJay
Feb 20 2017 00:54
@kseoul thanks! ill give it another try.. originally i just put the .silver-background under my style tag but didnt know how to link it to my div
CamperBot
@camperbot
Feb 20 2017 00:54
melaniejay sends brownie points to @kseoul :sparkles: :thumbsup: :sparkles:
:cookie: 277 | @kseoul |http://www.freecodecamp.com/kseoul
kseoul
@kseoul
Feb 20 2017 00:54
that's right you got it :)
dounuts100
@dounuts100
Feb 20 2017 00:56
<style>
.larger-image {
width: 500px;
}
</style>
Where Would that go?
kseoul
@kseoul
Feb 20 2017 00:56
that goes in your <head> </head> tag
Saboor Malik
@MathematicsCoding
Feb 20 2017 00:56
@kseoul
dounuts100
@dounuts100
Feb 20 2017 00:56

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

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

h2 {
font-family: Lobster, Monospace;
}

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

</style>

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

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

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

Saboor Malik
@MathematicsCoding
Feb 20 2017 00:57
Which challenge are you on?
Advanced Scripting?
kseoul
@kseoul
Feb 20 2017 00:57
@MathematicsCoding intermediate projects wiki page right now
Saboor Malik
@MathematicsCoding
Feb 20 2017 00:58
Oh
dounuts100
@dounuts100
Feb 20 2017 00:58
I know this is a dumb question; but where is the head tag?
Saboor Malik
@MathematicsCoding
Feb 20 2017 00:58
Find it...
CamperBot
@camperbot
Feb 20 2017 00:58
find it
nothing found
Saboor Malik
@MathematicsCoding
Feb 20 2017 00:58
LOL
kseoul
@kseoul
Feb 20 2017 00:58
oh you don't have one
Nathan Vu
@NathanVu
Feb 20 2017 00:58
To get started, we should nest all of our HTML in a div element with the class container-fluid.
Saboor Malik
@MathematicsCoding
Feb 20 2017 00:58
bye'
Brianna
@brisourceful
Feb 20 2017 00:58
@dounuts100 right after the html tag
Nathan Vu
@NathanVu
Feb 20 2017 00:58
I'm not sure where to put the divs?
dounuts100
@dounuts100
Feb 20 2017 00:58
OOOH
Thanks
twlst
@twlst
Feb 20 2017 00:59
@dounuts100 you don’t have <head> tags in FCC because they do it for you in the background.
Nathan Vu
@NathanVu
Feb 20 2017 00:59
Basically an open and . close div from the beginning and end
kseoul
@kseoul
Feb 20 2017 00:59
@dounuts100 what is your challenge?
twlst
@twlst
Feb 20 2017 00:59
Which is sort of stupid since you need <head> tags in the real world.
dounuts100
@dounuts100
Feb 20 2017 00:59
I'm on the first challenge
The cat app one
kseoul
@kseoul
Feb 20 2017 00:59
what's the question
Brianna
@brisourceful
Feb 20 2017 00:59
@twlst my point exactly
Bassem Elsarty
@Elsarty
Feb 20 2017 01:00
https://www.freecodecamp.com/challenges/create-a-form-element#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3Cform%20fccfaa%3D%22%2Furl-where-you-want-to-submit-form-data%22%3E%3C%2Fform%3E%20%0A%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%3Cul%3E%0A%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%3C%2Ful%3E%0A%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%3Col%3E%0A%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%3C%2Fol%3E%0A%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%3E%0A
i'm stuck
dounuts100
@dounuts100
Feb 20 2017 01:00
Where I would put the image resizing area but I got it
Bassem Elsarty
@Elsarty
Feb 20 2017 01:00
I wrote the <form>
I don't really know how I can nest it tho, where?
kseoul
@kseoul
Feb 20 2017 01:00
can you post your code in between code here
```
penguio
@penguio
Feb 20 2017 01:00
@Elsarty create a form element <form></form> and nest <input type="text"> inside of it
kseoul
@kseoul
Feb 20 2017 01:01
instead of a link
twlst
@twlst
Feb 20 2017 01:01
@dounuts100 since you’re asking a lot of questions about basically each challenge I’m going to recommend maybe trying to re-read the instructions and the examples provided? Because a lot of it is very obvious from their example code.
Jay Jariwala
@jayjariwala
Feb 20 2017 01:01
@NathanVu No! <div> is just a html tag which stands for division. It's default css display property is block. so whatever you put between that element will be considered as a block.
eman5608
@eman5608
Feb 20 2017 01:02
sigh such vague instruction on where challenge wants me to place elements
kseoul
@kseoul
Feb 20 2017 01:02
Just take a breath and re-read and think carefully
penguio
@penguio
Feb 20 2017 01:02
@eman5608 what do you mean?
kseoul
@kseoul
Feb 20 2017 01:02
take it step by step
eman5608
@eman5608
Feb 20 2017 01:03
'Line up Form Elements Responsively with" Bootstrap challenge
<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-4">
      <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
    </div>
    <div class="col-xs-4">
      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
    </div>
    <div class="col-xs-4">
      <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">
    <div class="row">
      <div class="col-xs-6">
        <label><input type="radio" name="indoor-outdoor"> Indoor</label>
      </div>
      <div class="col-xs-6">
        <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-4">
        <label><input type="checkbox" name="personality"> Loving</label>
      </div>
      <div class="col-xs-4">
        <label><input type="checkbox" name="personality"> Lazy</label>
      </div>
      <div class="col-xs-4">
        <label><input type="checkbox" name="personality"> Crazy</label>
      </div>
    </div>
    <input type="text" class="form-control" placeholder="cat photo URL" required>
    <button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Submit</button>
  </form>
</div>
Bassem Elsarty
@Elsarty
Feb 20 2017 01:03
@penguio I can't get it done for some reason
How do I post a code agian?
kseoul
@kseoul
Feb 20 2017 01:04
```
then code here
```
close it
Bassem Elsarty
@Elsarty
Feb 20 2017 01:04
ok lemme find where tf is dat on my keyboard xd
kseoul
@kseoul
Feb 20 2017 01:05
its above your tab key
penguio
@penguio
Feb 20 2017 01:05
create a form element <form></form> and nest <input type="text"> inside of it
Bassem Elsarty
@Elsarty
Feb 20 2017 01:05

<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;
  }
<form action="<input type-text"></form> 

</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">
twlst
@twlst
Feb 20 2017 01:06
<div class=“test”></div>
penguio
@penguio
Feb 20 2017 01:06
@Elsarty <form action="/url-where-you-want-to-submit-form-data"></form> like you have this but the action should have submit action="/submit-cat-photo" and you have no <input type="text">
Bassem Elsarty
@Elsarty
Feb 20 2017 01:08
<form action="/submit-cat-photo"></form>
<input type="text">
penguio
@penguio
Feb 20 2017 01:08
@Elsarty put it in between the opening and closing form tags
<form action="/submit-cat-photo"> HERE HERE HERE HERE </form>
Bassem Elsarty
@Elsarty
Feb 20 2017 01:09
it for some reason isnt working either XD
sry ive just started
<form action="/submit-cat-photo"><input type="text"></form>
penguio
@penguio
Feb 20 2017 01:10
<input type="text" placeholder="cat photo URL">
@Elsarty you have it below , you need to put that one in there
Bassem Elsarty
@Elsarty
Feb 20 2017 01:11
<form action="/submit-cat-photo"><input type="text" placeholder="cat photo URL"></form>
penguio
@penguio
Feb 20 2017 01:11
Yes
Bassem Elsarty
@Elsarty
Feb 20 2017 01:11
why isnt it working still? XD
penguio
@penguio
Feb 20 2017 01:12
Place the for below the ordered list
form below the the ordered @Elsarty
Bassem Elsarty
@Elsarty
Feb 20 2017 01:13
@penguio i love you, thanks dude <3
CamperBot
@camperbot
Feb 20 2017 01:13
elsarty sends brownie points to @penguio :sparkles: :thumbsup: :sparkles:
:cookie: 151 | @penguio |http://www.freecodecamp.com/penguio
Bassem Elsarty
@Elsarty
Feb 20 2017 01:13
sorry for being kinda retarded im still new xd
Nathan Vu
@NathanVu
Feb 20 2017 01:13
I know how to take a screen shot from my new mac book. How do I send a file to share it with you guys in the group chatroom?
penguio
@penguio
Feb 20 2017 01:14
@Elsarty it's no problem. It takes a bit of getting used too.
Melanie
@MelanieJay
Feb 20 2017 01:16
hey guys im stuck on "Give your form element the id cat-photo-form." where in the code to i put the id command?
do*
dounuts100
@dounuts100
Feb 20 2017 01:16
I tried everything
It wont work

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

Where would <style>
.smaller-image {
width: 100px;
}
</style>
Manish Giri
@Manish-Giri
Feb 20 2017 01:17
@MelanieJay in the opening <form> tag...
penguio
@penguio
Feb 20 2017 01:18
@dounuts100 you have to <style></style> one over your h2 and one below your p
Andrew Shieh
@andrewlikes
Feb 20 2017 01:18
@MelanieJay ID is an attribute, not a command
penguio
@penguio
Feb 20 2017 01:18
Nevermind read the wrong @dounuts100
Andrew Shieh
@andrewlikes
Feb 20 2017 01:19
@penguio order in CSS doesn't matter
Melanie
@MelanieJay
Feb 20 2017 01:19
@Manish-Giri thank you!
CamperBot
@camperbot
Feb 20 2017 01:19
melaniejay sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4301 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Feb 20 2017 01:19
@MelanieJay :+1:
penguio
@penguio
Feb 20 2017 01:19
.smaller-image { width: 100px; } goes in between your style tags <style> here</style> then you have
Melanie
@MelanieJay
Feb 20 2017 01:19
@andrewlikes thank you for the correction :)
CamperBot
@camperbot
Feb 20 2017 01:19
melaniejay sends brownie points to @andrewlikes :sparkles: :thumbsup: :sparkles:
:cookie: 227 | @andrewlikes |http://www.freecodecamp.com/andrewlikes
Andrew Shieh
@andrewlikes
Feb 20 2017 01:20
Np!
penguio
@penguio
Feb 20 2017 01:20
@andrewlikes i read it wrong, i thought he had two<style></style> one on top and one on bottom, then i read what he wrote
dounuts100
@dounuts100
Feb 20 2017 01:21
still doesn't work
Andrew Shieh
@andrewlikes
Feb 20 2017 01:21
@dounuts100 can you tell me the difference between CSS and HTML
Manish Giri
@Manish-Giri
Feb 20 2017 01:21
coz you're doing it wrong...
penguio
@penguio
Feb 20 2017 01:21
@dounuts100 did you add in smaller-image in your class?
dounuts100
@dounuts100
Feb 20 2017 01:21
I guess html makes text and stuff
no idea what css does
Manish Giri
@Manish-Giri
Feb 20 2017 01:22
@dounuts100 you should do the html/css lessons on codeacademy first. Then return to fcc.
dounuts100
@dounuts100
Feb 20 2017 01:22
allright
Claudio Restifo
@Marmiz
Feb 20 2017 01:34
@Manish-Giri :wave:
William Rosales
@WilliamRR23
Feb 20 2017 01:39
hello everyone can i get some help here i am very new to coding and i am currently doing a free code camp assignment and i am trying to resize my p element how would i do that?
Manish Giri
@Manish-Giri
Feb 20 2017 01:39
@Marmiz hey buddy :wave:
William Rosales
@WilliamRR23
Feb 20 2017 01:39
here is my code

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

QuartzzCoder
@QuartzzCoder
Feb 20 2017 01:39
Need help turning it into CSS
CedricGB
@CedricGB
Feb 20 2017 01:40
@WilliamRR23 I did it two days ago, it's write on the explaination no ?
nfridz
@nfridz
Feb 20 2017 01:40

@brisourceful

@nfridz Yay! The reason why that worked is because you created a class for your other p tag so therefore when you specify 'p' in your styling sheet it only applies to just 'p' tags with no class.

exactly i had the code out of my CSS before that
William Rosales
@WilliamRR23
Feb 20 2017 01:40
it does but whenever i try and put it in with under the <style> it wont do it
am i doing it wrong
QuartzzCoder
@QuartzzCoder
Feb 20 2017 01:41
Help need to turn it into CSS:

<h2 style="color: red">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>

William Rosales
@WilliamRR23
Feb 20 2017 01:41
or should i put it with the <p>?
twlst
@twlst
Feb 20 2017 01:41
@WilliamRR23 you have a period after </style>.
William Rosales
@WilliamRR23
Feb 20 2017 01:41
oh crap didnt see that
thanks but it does not seem to have changed anything
nfridz
@nfridz
Feb 20 2017 01:43
Hi William, remember <style> ALLL THE CODE GOES HERE </style>
William Rosales
@WilliamRR23
Feb 20 2017 01:43

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

</style>

nfridz
@nfridz
Feb 20 2017 01:44
i just did that one
p {
font: 16px;
}
if you add that in your CSS it should work
twlst
@twlst
Feb 20 2017 01:45
It should be font-size??
nfridz
@nfridz
Feb 20 2017 01:46
p {
font-size: 16px;
}
mkmarbella
@mkmarbella
Feb 20 2017 01:46
Can someone tell me what im doing wrong?
I'm on the one where you make the img size smaller

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

William Rosales
@WilliamRR23
Feb 20 2017 01:46
@nfridz thank you it worked this is very confusing how am i suppose to know when to and a p or if i should use brakes
CamperBot
@camperbot
Feb 20 2017 01:46
williamrr23 sends brownie points to @nfridz :sparkles: :thumbsup: :sparkles:
:warning: @nfridz's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Claudio Restifo
@Marmiz
Feb 20 2017 01:47
@mkmarbella you haven't assigned the smaller image class to the image
Andrea
@andreasandpiper
Feb 20 2017 01:47
hello. Learning how to code. Currently working on the first "Tribute Project". How can i easily put information from Wikipedia onto my site?
mkmarbella
@mkmarbella
Feb 20 2017 01:48
@Marmiz got ittttt thanks :)
CamperBot
@camperbot
Feb 20 2017 01:48
mkmarbella sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 663 | @marmiz |http://www.freecodecamp.com/marmiz
Claudio Restifo
@Marmiz
Feb 20 2017 01:49
@WilliamRR23 when writing the styles you HAVE to specify for what element.
Yo do it by creating a class or by targeting directly the html elements
.custom-class {
  //declaration
}

p {
//declarations
}
@andreasandpiper if it's only text you can copy and paste in the section you want it displayed.
Otherwise you need to use API and AJAX/JSON (which will be explained later in FCC i guess)
nfridz
@nfridz
Feb 20 2017 01:54
how do i ``Nest the existing img element within an a element.
i need to nest <a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></a>
twlst
@twlst
Feb 20 2017 01:55
You’ve already nested it.
Melanie
@MelanieJay
Feb 20 2017 01:56
any of you play video games often? i keep typing "xp" instead of "px" lol
kseoul
@kseoul
Feb 20 2017 01:57
what do you play?
brains23
@brains23
Feb 20 2017 02:02
​ I need to turn<a href="http://www.freecatphotoapp.com">cat photos</a>.</p>
into a dead link how?
Coy Sanders
@coymeetsworld
Feb 20 2017 02:03
color property @Health-in-Happiness, not background-color
color is for the foreground, i.e. text
vitortx
@vitortx
Feb 20 2017 02:03
color: green; it's
twlst
@twlst
Feb 20 2017 02:04
@brains23 replace the link with “#”. It should be right in the instructions.
vitortx
@vitortx
Feb 20 2017 02:04
below background-color in body <styles>
Car
@Health-in-Happiness
Feb 20 2017 02:06
@coymeetsworld Thanks so much @__@ I missed that part. Thank you!
CamperBot
@camperbot
Feb 20 2017 02:06
health-in-happiness sends brownie points to @coymeetsworld and @__ :sparkles: :thumbsup: :sparkles:
:warning: @__'s account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
:star2: 2152 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Feb 20 2017 02:06
yw @Health-in-Happiness
nfridz
@nfridz
Feb 20 2017 02:06
@twlst it says the img element needs to be nested within an a element
Lucas Scalzo
@Lu314
Feb 20 2017 02:06
Help
brains23
@brains23
Feb 20 2017 02:06
thanks @twlst I thought it was saying replace 'href' with #
CamperBot
@camperbot
Feb 20 2017 02:06
brains23 sends brownie points to @twlst :sparkles: :thumbsup: :sparkles:
:cookie: 127 | @twlst |http://www.freecodecamp.com/twlst
twlst
@twlst
Feb 20 2017 02:07
@nfridz You already nested it. Nesting is when you put something inside another thing. You already put the img element inside <a href>.
Lucas Scalzo
@Lu314
Feb 20 2017 02:07
how do I next the img element into the a element??

<a href="#">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. ">

Thomson
@taolucks
Feb 20 2017 02:07
hi guys, i need help :(
Lucas Scalzo
@Lu314
Feb 20 2017 02:07
and will the class be affected??
Thomson
@taolucks
Feb 20 2017 02:08
in the challenge Return Early Pattern for Functions
how to "Modify the function abTest so that if a or b are less than 0 the function will immediately exit with a value of undefined."
Manish Giri
@Manish-Giri
Feb 20 2017 02:08
@taolucks what's the problem?
Devman
@devancadman
Feb 20 2017 02:08
Hello Everyone Whats the difference from using the Normal Website https://www.freecodecamp.com Vs. the Beta Site https://beta.freecodecamp.com ????
Thomson
@taolucks
Feb 20 2017 02:08

@Manish-Giri // Setup
function abTest(a, b) {
// Only change code below this line

case a < 0;
return undefied;

// Only change code above this line

return Math.round(Math.pow(Math.sqrt(a) + Math.sqrt(b), 2));
}

// Change values below to test your code
abTest(2,2);

Manish Giri
@Manish-Giri
Feb 20 2017 02:08
@devancadman beta has newer, advanced lessons, but also has a lot of bugs..
Thomson
@taolucks
Feb 20 2017 02:09
I am not sure how to modify
Miguel Ochoa
@maogfcc
Feb 20 2017 02:09
Good evening campers.....By mistake to enter freecodecamp, select the new user option, I putted my email, the application deleted all my history and created me as a new account .... I can not believe ... anything suggestions, please ??
Manish Giri
@Manish-Giri
Feb 20 2017 02:09
@taolucks what does this do? case a < 0;
@taolucks you need to make an if statement, that checks if a or b is lesser than 0, if it is, return undefined..
Thomson
@taolucks
Feb 20 2017 02:09
it is wrong code I believe.. @Manish-Giri
twlst
@twlst
Feb 20 2017 02:10
@maogfcc Best bet is to email the FCC staff directly but I’m not sure if they can restore it.
Devman
@devancadman
Feb 20 2017 02:10
@Manish-Giri Okay Thanks
CamperBot
@camperbot
Feb 20 2017 02:10
devancadman sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4302 | @manish-giri |http://www.freecodecamp.com/manish-giri
Thomson
@taolucks
Feb 20 2017 02:10

if a or b < 0;
return undefied;

like this ?

function abTest(a, b) {
// Only change code below this line

if a or b < 0;
return undefied;

// Only change code above this line

return Math.round(Math.pow(Math.sqrt(a) + Math.sqrt(b), 2));
}

twlst
@twlst
Feb 20 2017 02:10
@Lu314 the class won’t be affected, just try to re-read the instructions because it should be clear how to nest your img element within the a element.
Thomson
@taolucks
Feb 20 2017 02:11
there is two return statement here
Manish Giri
@Manish-Giri
Feb 20 2017 02:11
Lucas Scalzo
@Lu314
Feb 20 2017 02:11
@twlst the closing tags to me is the most difficult part also
twlst
@twlst
Feb 20 2017 02:12
@Lu314 it’s just <a href=“link”><img></img></a>.
Devman
@devancadman
Feb 20 2017 02:13
Does Any one know when the freecodecamp will update to include SASS, REACT, D3??
And Update to Video Challenges??
Thomson
@taolucks
Feb 20 2017 02:13
yes, I did. I think I mess up the format @Manish-Giri @Manish-Giri
Manish Giri
@Manish-Giri
Feb 20 2017 02:13
@taolucks you should review that challenge then..
Miguel Ochoa
@maogfcc
Feb 20 2017 02:14
@twlst I connect with the Github account and there the application kept the history
Thomson
@taolucks
Feb 20 2017 02:14
@Manish-Giri My question is can I do " if a or b <0"? it tells me its not correct
@Manish-Giri or i have to do two if statement
thank you anyway @Manish-Giri
CamperBot
@camperbot
Feb 20 2017 02:16
taolucks sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4303 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Feb 20 2017 02:17
@taolucks no
first, there is no or keyword, it's ||
if you read that MDN link I posted
and you need to check for both a and b
so like if ( a < 10 || b < 10)
Thomson
@taolucks
Feb 20 2017 02:19
@taolucks
oh, I forget the " | | "
@Manish-Giri thank you !
CamperBot
@camperbot
Feb 20 2017 02:19
taolucks sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:warning: taolucks already gave manish-giri points
Manish Giri
@Manish-Giri
Feb 20 2017 02:20
:+1:
William Rosales
@WilliamRR23
Feb 20 2017 02:25
hello everyone quick question
Greg
@greggy16d
Feb 20 2017 02:25
having a tuff time with this exercise. please help
William Rosales
@WilliamRR23
Feb 20 2017 02:25
do you all find it easier to code with a mac book or a windows laptop
Greg
@greggy16d
Feb 20 2017 02:26

You can build web forms that actually submit data to a server using nothing more than pure HTML. You can do this by specifying an action on your form element.
For example:

<form action="/url-where-you-want-to-submit-form-data"></form>
Nest your text field in a form element. Add the action="/submit-cat-photo" attribute to this form element.

Run tests (ctrl + enter)

Reset
Help
Bug

Nest your text input element within a form element.

Make sure your form has an action attribute which is set to /submit-cat-photo

Make sure your form element has a closing tag.

penguio
@penguio
Feb 20 2017 02:26
@WilliamRR23 i use linux sort of similar to mac, and i find it a bit easier then windows for sure.
Manish Giri
@Manish-Giri
Feb 20 2017 02:26
@greggy16d what's the problem?
Greg
@greggy16d
Feb 20 2017 02:27
how do I nest the text input element within a form element?
Manish Giri
@Manish-Giri
Feb 20 2017 02:27
it goes inside the form tags
My bootstrap nav bar wont work so I cant work on it, any help
Greg
@greggy16d
Feb 20 2017 02:28
ok lemme try again
LiamAumann
@Aumann-Liam
Feb 20 2017 02:29
Why does it work on here?
NVM
I thought that it was working but it wasnt
retry
See the navbar just makes that weird brand link appear
penguio
@penguio
Feb 20 2017 02:31
@starhawk501 your .p {font-size: 16px;} remove the . and just select the element. the . is only for classes
John
@starhawk501
Feb 20 2017 02:31
@penguio Thank you
CamperBot
@camperbot
Feb 20 2017 02:31
starhawk501 sends brownie points to @penguio :sparkles: :thumbsup: :sparkles:
:cookie: 152 | @penguio |http://www.freecodecamp.com/penguio
John
@starhawk501
Feb 20 2017 02:33
@penguio That did the trick thanks for your time
CamperBot
@camperbot
Feb 20 2017 02:33
starhawk501 sends brownie points to @penguio :sparkles: :thumbsup: :sparkles:
:warning: starhawk501 already gave penguio points
penguio
@penguio
Feb 20 2017 02:35
@starhawk501 no problem
Claudio Restifo
@Marmiz
Feb 20 2017 02:36
@Chummmy that's because you have added a navbar classes to an a here:
 <a class="navbar-brand" href="#">Brand</a>
LiamAumann
@Aumann-Liam
Feb 20 2017 02:37
Weird, i just copied the navbar from bootstrap to edit it later. What line is it on so i can fix it?
wissmesa
@wissmesa
Feb 20 2017 02:39

<style>
.red-text {
color: red;
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
}

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

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

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

where i put
the link
LiamAumann
@Aumann-Liam
Feb 20 2017 02:40
take it out of the style tag
put it at the top @wissmesa
wissmesa
@wissmesa
Feb 20 2017 02:40
ohh ok
Claudio Restifo
@Marmiz
Feb 20 2017 02:40
@wissmesa top of the page, outside and before the style tag
kseoul
@kseoul
Feb 20 2017 02:40
in the head tag
<head></head>
wissmesa
@wissmesa
Feb 20 2017 02:41
Your h2 element should use the font Lobster. they want this
theromancoder
@theromancoder
Feb 20 2017 02:41
hi
need help
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
im not understanding this
Thomson
@taolucks
Feb 20 2017 02:41
@Manish-Giri Hi, I need help :)
theromancoder
@theromancoder
Feb 20 2017 02:41

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

Manish Giri
@Manish-Giri
Feb 20 2017 02:41
@taolucks what's up
theromancoder
@theromancoder
Feb 20 2017 02:42
this is my code
Claudio Restifo
@Marmiz
Feb 20 2017 02:42
@Manish-Giri summoned on request! lol :P
Thomson
@taolucks
Feb 20 2017 02:42
challenge : Counting Cards
theromancoder
@theromancoder
Feb 20 2017 02:42
but its asking me Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
Thomson
@taolucks
Feb 20 2017 02:42

var count = 0;

function cc(card) {
// Only change code below this line
if (card == 2 || card == 3 || card == 4 || card == 5 || card == 6) {
count += 1;
}
if (card == 7 || card == 8 || card == 9) {
count = count + 0;
}
if (card == 10 || card == "J" || card == "K" || card == "A") {
count -= 1;
}
if (count >0) {
return count + " Bet";
}
if (count <=0) {
return count + "Hold";
}
// Only change code above this line
}

// Add/remove calls to test your function.
// Note: Only the last will display
cc(2,3,4,5,6);

Manish Giri
@Manish-Giri
Feb 20 2017 02:42
@Marmiz :see_no_evil:
theromancoder
@theromancoder
Feb 20 2017 02:42
any help please
?
Manish Giri
@Manish-Giri
Feb 20 2017 02:42
@taolucks return count + "Hold";
missing a space here.
kseoul
@kseoul
Feb 20 2017 02:42
@theromancoder just put it in between the style tag
theromancoder
@theromancoder
Feb 20 2017 02:43
i did
kseoul
@kseoul
Feb 20 2017 02:43
show me what you did
LiamAumann
@Aumann-Liam
Feb 20 2017 02:43
@theromancoder between the style tags is where you have to write the style code.
theromancoder
@theromancoder
Feb 20 2017 02:43

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

Claudio Restifo
@Marmiz
Feb 20 2017 02:43
@theromancoder give the p element.
you added it as a property of red-text
Thomson
@taolucks
Feb 20 2017 02:43
ok, now i got two case left is wrong "Cards Sequence 10, J, Q, K, A should return "-5 Hold"
Cards Sequence 3, 7, Q, 8, A should return "-1 Hold""
Chaya Posner
@Chaya1234
Feb 20 2017 02:43
Hey, I'm new and I'm kinda stuck can someone help me?
kseoul
@kseoul
Feb 20 2017 02:43
red-text element is not a p element
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:44
red-text is also are not an element
Chaya Posner
@Chaya1234
Feb 20 2017 02:44
I don't know how to put a class in.
LiamAumann
@Aumann-Liam
Feb 20 2017 02:44
you first declare what element you want to style like a p element and the use the {} as a place to write the styles @theromancoder
theromancoder
@theromancoder
Feb 20 2017 02:44
The first p element should have the class red-text.
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:44
Yeah
theromancoder
@theromancoder
Feb 20 2017 02:44
this is what it says
wissmesa
@wissmesa
Feb 20 2017 02:44
guys i put in the top of the code the link
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:44
Put the class then
wissmesa
@wissmesa
Feb 20 2017 02:44
but they say this
Your h2 element should use the font Lobster.
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:44
Add lobster to font-family
Chaya Posner
@Chaya1234
Feb 20 2017 02:44
nvm
theromancoder
@theromancoder
Feb 20 2017 02:44
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
kseoul
@kseoul
Feb 20 2017 02:44
make a new element for your p like such p {
}
theromancoder
@theromancoder
Feb 20 2017 02:45
i have done this or am i missing something
LiamAumann
@Aumann-Liam
Feb 20 2017 02:45
@theromancoder you condused me with the question so i gave a wrong answer
Leonora Duzy
@Laduzy17
Feb 20 2017 02:45
Need help on this please.
Your img element should have the class thick-green-border.
Give your image a border width of 10px.
Give your image a border style of solid.
The border around your img element should be green.
<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 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>
kseoul
@kseoul
Feb 20 2017 02:45
and put in font-size:16px in the p element
theromancoder
@theromancoder
Feb 20 2017 02:45
how
kseoul
@kseoul
Feb 20 2017 02:45
p {
CODE IN HERE
}
which will be font-size:16px;
same as red text
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:45
p { xxxx:xxxx;
}
kseoul
@kseoul
Feb 20 2017 02:45
.red-text {
CODE IN HERE
}
which is color: red;
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:46
Anyway what does id attribute do?
theromancoder
@theromancoder
Feb 20 2017 02:47
nothing
Thomson
@taolucks
Feb 20 2017 02:47
hi , how to put the code looks like yours @MathematicsCoding in the chat room?
penguio
@penguio
Feb 20 2017 02:47
@Laduzy17 you have to create a class called .thick-green-border {} in between your style tags, and they have an example to your left how to use the properties border-width: value; border-style: value;`````` border-color:value;
kseoul
@kseoul
Feb 20 2017 02:47
nothing what
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:47
Click markdown help
penguio
@penguio
Feb 20 2017 02:47
This text editing thing is annoying :'(
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:47
They will show you how
theromancoder
@theromancoder
Feb 20 2017 02:47
sorry you wasn't speaking to me
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:47
Its in message box
Leonora Duzy
@Laduzy17
Feb 20 2017 02:47
@penguio thank you. let me try that
CamperBot
@camperbot
Feb 20 2017 02:47
laduzy17 sends brownie points to @penguio :sparkles: :thumbsup: :sparkles:
:cookie: 153 | @penguio |http://www.freecodecamp.com/penguio
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:48
There are two symbols
Thomson
@taolucks
Feb 20 2017 02:48
@Manish-Giri ok, now i got two case left is wrong "Cards Sequence 10, J, Q, K, A should return "-5 Hold"
Cards Sequence 3, 7, Q, 8, A should return "-1 Hold""
theromancoder
@theromancoder
Feb 20 2017 02:48
still getting this " Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%."
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:48
Click one of them that say markdown help
kseoul
@kseoul
Feb 20 2017 02:48
what did you put
Chaya Posner
@Chaya1234
Feb 20 2017 02:49
hey could someone tell me how to put in a class because i don't understand how
theromancoder
@theromancoder
Feb 20 2017 02:49
im confused im sure i have done everything
what am i missing
kseoul
@kseoul
Feb 20 2017 02:49
@theromancoder what did you put?
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:49
Did you click run tests
theromancoder
@theromancoder
Feb 20 2017 02:49

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

kseoul
@kseoul
Feb 20 2017 02:49
@theromancoder you put font size in the red-text class
not the p element
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:50
Yeah
Leonora Duzy
@Laduzy17
Feb 20 2017 02:50
@Chaya1234 its usually in the example and usually you put it in between the class tag
theromancoder
@theromancoder
Feb 20 2017 02:50
could you show me were to put it?
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:50
...
kseoul
@kseoul
Feb 20 2017 02:50
you put it under the red-text class
theromancoder
@theromancoder
Feb 20 2017 02:50
write the code?
kseoul
@kseoul
Feb 20 2017 02:50
no
you type it
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:50
Yeah
Chaya Posner
@Chaya1234
Feb 20 2017 02:50
oh thx
Manish Giri
@Manish-Giri
Feb 20 2017 02:50
@taolucks post your challenge URL here, click "run tests" First..
theromancoder
@theromancoder
Feb 20 2017 02:50
in the p section?
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:50
There is no way to write...
Yes
kseoul
@kseoul
Feb 20 2017 02:50
type in p {
code here
}
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:51
Jeez
[Click it](URL)
Chaya Posner
@Chaya1234
Feb 20 2017 02:51

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

<h2>CatPhotoApp</h2>

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

Saboor Malik
@MathematicsCoding
Feb 20 2017 02:51
Do that
Thomson
@taolucks
Feb 20 2017 02:51
is that work? @Manish-Giri
Chaya Posner
@Chaya1234
Feb 20 2017 02:51
that is my code could someone tell me what is wrong with it?
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:52
Yeah
You didnt add the class
kseoul
@kseoul
Feb 20 2017 02:52
you need to assign a class
Leonora Duzy
@Laduzy17
Feb 20 2017 02:52
@Chaya1234 whats the challenge?
Manish Giri
@Manish-Giri
Feb 20 2017 02:52
@taolucks where's the code for card Q?
kseoul
@kseoul
Feb 20 2017 02:52
red-text to your h2 element
or p element
Chaya Posner
@Chaya1234
Feb 20 2017 02:52
use a CSS class to style an element @Laduzy17
Thomson
@taolucks
Feb 20 2017 02:52
@Manish-Giri ..oh, sorry, I miss that, let me try
kseoul
@kseoul
Feb 20 2017 02:53
@Chaya1234 you need to assign your red-text class to your element
Thomson
@taolucks
Feb 20 2017 02:53
@Manish-Giri thank you, you are my hero
CamperBot
@camperbot
Feb 20 2017 02:53
taolucks sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:warning: taolucks already gave manish-giri points
Manish Giri
@Manish-Giri
Feb 20 2017 02:53
haha
welcome @taolucks
Leonora Duzy
@Laduzy17
Feb 20 2017 02:53

@Chaya1234 just like this <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 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>

Chaya Posner
@Chaya1234
Feb 20 2017 02:54
oh ok thx :)
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:54
Eightball
CamperBot
@camperbot
Feb 20 2017 02:54
@MathematicsCoding :8ball: cannot predict now :sparkles:
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:54
Eightball guess my age
CamperBot
@camperbot
Feb 20 2017 02:54
@MathematicsCoding :8ball: yes. Definitely :sparkles:
Leonora Duzy
@Laduzy17
Feb 20 2017 02:54
@Chaya1234 that helps?
Chaya Posner
@Chaya1234
Feb 20 2017 02:54
ya
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:54
Eightball What's 2*2
CamperBot
@camperbot
Feb 20 2017 02:54
@MathematicsCoding :8ball: yes :sparkles:
kseoul
@kseoul
Feb 20 2017 02:54
Eightball Should i go to bed?
CamperBot
@camperbot
Feb 20 2017 02:54
@kseoul :8ball: concentrate and ask again :sparkles:
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:55
Lol
Chaya Posner
@Chaya1234
Feb 20 2017 02:55
thx :) @Laduzy17
CamperBot
@camperbot
Feb 20 2017 02:55
chaya1234 sends brownie points to @laduzy17 :sparkles: :thumbsup: :sparkles:
:cookie: 21 | @laduzy17 |http://www.freecodecamp.com/laduzy17
Claudio Restifo
@Marmiz
Feb 20 2017 02:55
@Laduzy17 by giving away code you're not helping the camper to understand where he/she was making a mistakes thus more likely to keep on doing it in the future
Leonora Duzy
@Laduzy17
Feb 20 2017 02:55
lol
kseoul
@kseoul
Feb 20 2017 02:55
Eightball CONCENTRATING Should I go to bed?
CamperBot
@camperbot
Feb 20 2017 02:55
@kseoul :8ball: concentrate and ask again :sparkles:
Lucas Scalzo
@Lu314
Feb 20 2017 02:55

<p class="red-text">

<ul>
<lil> chase the red dot </li>
<li> eat the grass </li>
<li> purr <li>
</ul>

<p class="red-text"> </p> what am I doing wrong??

Leonora Duzy
@Laduzy17
Feb 20 2017 02:55
opps sorry
kseoul
@kseoul
Feb 20 2017 02:55
i lack focus :(
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:55
xD
theromancoder
@theromancoder
Feb 20 2017 02:55
still stuck
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:55
SHouldn't you go to bed?
theromancoder
@theromancoder
Feb 20 2017 02:55
sorry im a noob
Lucas Scalzo
@Lu314
Feb 20 2017 02:55
its saying my li element doesnt have a closing tag, how??
kseoul
@kseoul
Feb 20 2017 02:56
@theromancoder how are you stuck ?
yes i should =)
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:56
Claudio Restifo
@Marmiz
Feb 20 2017 02:56

@Lu314

<li> purr <li>

missing the closing /

Leonora Duzy
@Laduzy17
Feb 20 2017 02:56
remember @theromancoder if you stuck go to rule number 2 at freecode camp.
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:58
What's id attribute?
kseoul
@kseoul
Feb 20 2017 02:58
its like a class attribute
Saboor Malik
@MathematicsCoding
Feb 20 2017 02:58
What for?
Carlos Vazquez
@carlosvazquez94
Feb 20 2017 02:58
Hey guys, I'm stuck here. It's telling me my a element isn't nested in my p element but I'm pretty sure it is. What am I missing?
kseoul
@kseoul
Feb 20 2017 02:58
its the same
but class you can use it on many elements
id you can only use it on one thing
like an image or a link
you can't use the same id on different elements in your html
but you can with class
Busby10
@Busby10
Feb 20 2017 03:00
@carlosvazquez94 can you post the lines of code that are giving you trouble
Carlos Vazquez
@carlosvazquez94
Feb 20 2017 03:00
<p>View more <a href="http://freecatphotoapp.com">cat photos</a>
</p>
Claudio Restifo
@Marmiz
Feb 20 2017 03:01
@MathematicsCoding id are unique identifier across your page.
Busby10
@Busby10
Feb 20 2017 03:01
which test is it failing
Carlos Vazquez
@carlosvazquez94
Feb 20 2017 03:01
Number 29
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:02
Now I know what ID attribute are for
Busby10
@Busby10
Feb 20 2017 03:02
if you scroll down on the left hand side it should show you the tests with green ticks or red x's @carlosvazquez94
kseoul
@kseoul
Feb 20 2017 03:03
your welcome
Busby10
@Busby10
Feb 20 2017 03:03
@carlosvazquez94 is it failing all the tests there? or just some?
Claudio Restifo
@Marmiz
Feb 20 2017 03:04
@MathematicsCoding you'll learn to hate them when working with jQuery... no worries :P
Carlos Vazquez
@carlosvazquez94
Feb 20 2017 03:04
You need an a element that links to "http://www.freecatphotoapp.com".
Just some:
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).
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:04
@Marmiz
I was on jQuery and went back to beginning to start over
just in case
Ananya Kaushik
@AnnaK691
Feb 20 2017 03:05
Hey! So I'm trying to add the classes animated and fadeOut to target3 and I dont know what I'm doing wrong. Here's what I've written <script>
$(document).ready(function() {
$("button").addClass("animated bounce");
$(".well").addClass("animated shake");
$("target3").addClass("animated fadeOut");
});
</script>
Can someone help?
Oh i got. Forgot the #
Manish Giri
@Manish-Giri
Feb 20 2017 03:06
yep
Busby10
@Busby10
Feb 20 2017 03:06
@carlosvazquez94 from what I can see it looks right, make sure you have spelled everything correctly and maybe try refreshing
Claudio Restifo
@Marmiz
Feb 20 2017 03:06
@carlosvazquez94 can you please link the challenge name?
Carlos Vazquez
@carlosvazquez94
Feb 20 2017 03:07
It's called Nest an Anchor Element Within a Paragraph
Thanks guys. All I had to do was refresh it and try again, and it worked
Busby10
@Busby10
Feb 20 2017 03:10
@carlosvazquez94 no problems
Claudio Restifo
@Marmiz
Feb 20 2017 03:10
@carlosvazquez94 to start fix the url
<a href="http://freecatphotoapp.com">
You need an a element that links to "http://www.freecatphotoapp.com".
and then you'll see it working
penguio
@penguio
Feb 20 2017 03:12
@AnnaK691 fadeOut() not addClass()
on your #target3
Andrew Shieh
@andrewlikes
Feb 20 2017 03:13
about @davidnodavid
CamperBot
@camperbot
Feb 20 2017 03:13
:cookie: 18 | @davidnodavid |http://www.freecodecamp.com/davidnodavid
Ntsoumou
@Ntsoumou
Feb 20 2017 03:14
Hey I need some help on this one:<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target4") .html("<em> target4 </em>");
});
</script>
I am trying to get target4 which is an ID and emphasize it
Manish Giri
@Manish-Giri
Feb 20 2017 03:14
@Ntsoumou put the #
penguio
@penguio
Feb 20 2017 03:14
whoops
Manish Giri
@Manish-Giri
Feb 20 2017 03:14
and lose the space
Ntsoumou
@Ntsoumou
Feb 20 2017 03:14
@Manish-Giri It does not seem to work even when I add the #
penguio
@penguio
Feb 20 2017 03:15
I keep forgetting theirs "animated fadeOut" and a function fadeOut in jquery :facepunch:
Manish Giri
@Manish-Giri
Feb 20 2017 03:16
@Ntsoumou $("#target4") - lose the space after this
joshfer2000
@joshfer2000
Feb 20 2017 03:16
<label><input type="checkbox"name="personality"> Crazy</label> Is this considered a radio button or does it need to be <input type="radio">
Andrew Shieh
@andrewlikes
Feb 20 2017 03:16
yes josh
input type radio is a radio button
input type checkbox is a checkbox button
joshfer2000
@joshfer2000
Feb 20 2017 03:17
oh thanks haha
im still a noob so...
Andrew Shieh
@andrewlikes
Feb 20 2017 03:18
me too :P
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:18
Hey who use brackets?
Andrew Shieh
@andrewlikes
Feb 20 2017 03:19
everyone
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:19
..
Do you?
joshfer2000
@joshfer2000
Feb 20 2017 03:19
depends lol
Andrew Shieh
@andrewlikes
Feb 20 2017 03:19
what do you mean by brackets
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:19
Text editor
Andrew Shieh
@andrewlikes
Feb 20 2017 03:19
example?
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:19
I forgot how to create new file in html
Andrew Shieh
@andrewlikes
Feb 20 2017 03:19
ohhh no idea
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:19
Like coding in text editor
BLah.html
Idk how to add it
Ntsoumou
@Ntsoumou
Feb 20 2017 03:20
@Manish-Giri Thank you it worked
CamperBot
@camperbot
Feb 20 2017 03:20
ntsoumou sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
Andrew Shieh
@andrewlikes
Feb 20 2017 03:20
that sounds advanced
CamperBot
@camperbot
Feb 20 2017 03:20
:star2: 4305 | @manish-giri |http://www.freecodecamp.com/manish-giri
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:20
Not really
Its just text editor
badalsaibo
@heyDante
Feb 20 2017 03:20
advanced version of notepad.
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:20
Oh
I thought he was talking about adding that file to text editor
Andrew Shieh
@andrewlikes
Feb 20 2017 03:21
so i'm flying through the javascript portion but i'm afraid i'm going to eventually forget all this.. I hope it's intuitive like HTML/CSS
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:21
@heyDante DO you use it?
badalsaibo
@heyDante
Feb 20 2017 03:21
@MathematicsCoding I use Atom
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:21
@andrewlikes Add it in notes or text editor to remember
So you can review them
@heyDante Well do you know how to add new file to it?
wissmesa
@wissmesa
Feb 20 2017 03:22

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

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

badalsaibo
@heyDante
Feb 20 2017 03:22
@MathematicsCoding like??
wissmesa
@wissmesa
Feb 20 2017 03:23
still says me that no have the class asigned
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:23
Like add "Blah.html" to that text editor
You know?
badalsaibo
@heyDante
Feb 20 2017 03:23
@MathematicsCoding creat a file as something.html then start doing your work
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:23
Yeah
Daniel Aguila
@MxLooney
Feb 20 2017 03:23
<style></style>
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:23
I created it but I couldnt click that file in brackets...
Busby10
@Busby10
Feb 20 2017 03:23
@wissmesa what class is it looking for? and where should if be assigned?
@wissmesa you have two </style> tags
badalsaibo
@heyDante
Feb 20 2017 03:24
@MathematicsCoding idk about brackets tho
wissmesa
@wissmesa
Feb 20 2017 03:24
the want a class
that haves this
Give your image a border width of 10px.
Give your image a border style of solid.
The border around your img element should be green.
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:25
okay
wissmesa
@wissmesa
Feb 20 2017 03:25
i think that i see the problem
Jordank
@Jordankin
Feb 20 2017 03:25
hello everyone, i have a question that may be simple to you guys, heres my task : Use the jQuery addClass() function to give the classes animated and shake to all your elements with the class well
Busby10
@Busby10
Feb 20 2017 03:25
@wissmesa Look at the <style> and </style> tags you have
Jordank
@Jordankin
Feb 20 2017 03:26

and heres my solutions thats is wrong, <script>
$(document).ready(function() {
$("button").addClass("animated bounce");

$(".well").addclass("animated shake");

});
</script>

Busby10
@Busby10
Feb 20 2017 03:26
@Busby10 there should only be one of each, one at the start of your CSS and one at the end
badalsaibo
@heyDante
Feb 20 2017 03:26
@Jordankin .addClass != .addclass
Jordank
@Jordankin
Feb 20 2017 03:26
oh
thank you
duh
Andrew Shieh
@andrewlikes
Feb 20 2017 03:27

function timesFive(num) { return num * 5; }

Can anyone explain why this returns a value of 25?

what does num mean
badalsaibo
@heyDante
Feb 20 2017 03:28
@andrewlikes num is something that takes the input from user.
it can be anyname you like.
Busby10
@Busby10
Feb 20 2017 03:28
@andrewlikes You call a function in your code like this: timesFive(5); . When the function is called, the input (in this case, 5) will be assigned to the variable 'num'
badalsaibo
@heyDante
Feb 20 2017 03:29
Andrew Shieh
@andrewlikes
Feb 20 2017 03:29
ah thanks @Busby10 @heyDante I kept trying to call the function but it wouldn't work, I think i should restart the editor
CamperBot
@camperbot
Feb 20 2017 03:29
andrewlikes sends brownie points to @busby10 and @heydante :sparkles: :thumbsup: :sparkles:
:cookie: 221 | @busby10 |http://www.freecodecamp.com/busby10
:cookie: 453 | @heydante |http://www.freecodecamp.com/heydante
Busby10
@Busby10
Feb 20 2017 03:30
@andrewlikes no problems
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:30
Finally
Figured it out
New file --> Save as...
Of course
badalsaibo
@heyDante
Feb 20 2017 03:34
@MathematicsCoding lol
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:35
Yeah
It said that I cannot rename..
So I had to click "Save as"
neneh2p
@neneh2p
Feb 20 2017 03:35
hi can anyone tell me what's wrong with this: <input type="cat photo URL" placeholder="cat photo URL">
Rider
@RiderStud
Feb 20 2017 03:36
could anyone help me getting dualboot ubuntu 16.04 with windows 8.1
Manish Giri
@Manish-Giri
Feb 20 2017 03:36
@neneh2p type="cat photo URL" is wrong..
badalsaibo
@heyDante
Feb 20 2017 03:36
@RiderStud install windows 8.1 first
neneh2p
@neneh2p
Feb 20 2017 03:37
@Manish-Giri thanks. How do I fix it?
CamperBot
@camperbot
Feb 20 2017 03:37
neneh2p sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4306 | @manish-giri |http://www.freecodecamp.com/manish-giri
Rider
@RiderStud
Feb 20 2017 03:37
actually I've intalled windows
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:37
I want linux installed on my mac
xj0219
@xj0219
Feb 20 2017 03:37
when i learn nest an anchor element within a paragraph, i found a question, the paragraph's text is View more <a>cat phots</a> , but there is a black space in letter more and cat , but it's no use
Manish Giri
@Manish-Giri
Feb 20 2017 03:38
@neneh2p it should probably be type="text"
Busby10
@Busby10
Feb 20 2017 03:38
@neneh2p Make sure it is typed exactly as in the description of the challange
Rider
@RiderStud
Feb 20 2017 03:39
@heyDante I've already installed window and even ubuntu but at the time of installing ubuntu finally it ask me for restart.
badalsaibo
@heyDante
Feb 20 2017 03:40
@MathematicsCoding im saving money for a mac
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:40
Nice
badalsaibo
@heyDante
Feb 20 2017 03:40
@RiderStud there are numerous forums about this issue. follow that
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:40
Macbook or iMac?
badalsaibo
@heyDante
Feb 20 2017 03:41
@MathematicsCoding Macbook
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:41
Well macbook obviously
New one or early 2015?
badalsaibo
@heyDante
Feb 20 2017 03:41
the cheaper haha
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:41
So early 2015?
Rider
@RiderStud
Feb 20 2017 03:42
@heyDante can't this work here
badalsaibo
@heyDante
Feb 20 2017 03:42
yep, the Air looks affordable
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:42
Yeah Air have a powerful battery
But Pro one are faster than Air
badalsaibo
@heyDante
Feb 20 2017 03:42
@RiderStud idk. im probably busy. i have exams dude
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:42
Battery verus Speed
WEll
Light verus Heavy
badalsaibo
@heyDante
Feb 20 2017 03:43
Battery. im not much into heavy processing
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:43
I see
Rider
@RiderStud
Feb 20 2017 03:43
@heyDante ok then anyone else could help me with dual boot issue
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:43
I chose pro over air
brittwood
@brittwood
Feb 20 2017 03:44
How do I give my div element the class silver-background?

.silver-background {
background-color: silver;
}
</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>

<div>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
</div>

Saboor Malik
@MathematicsCoding
Feb 20 2017 03:44
Give div element a class
<div class="....
brittwood
@brittwood
Feb 20 2017 03:45
@MathematicsCoding Do I place that in the style section?
ThunderSlender
@ThunderSlender
Feb 20 2017 03:45
help
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:45
No :p
ThunderSlender
@ThunderSlender
Feb 20 2017 03:45

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

Saboor Malik
@MathematicsCoding
Feb 20 2017 03:45
Just add that class to div element
ThunderSlender
@ThunderSlender
Feb 20 2017 03:45
how do i insert the pixel
s
i dont get it
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:45
...
ThunderSlender
@ThunderSlender
Feb 20 2017 03:45
i need 16 pixels
brittwood
@brittwood
Feb 20 2017 03:45
@MathematicsCoding Okay, thanks!
CamperBot
@camperbot
Feb 20 2017 03:45
brittwood sends brownie points to @mathematicscoding :sparkles: :thumbsup: :sparkles:
:cookie: 58 | @mathematicscoding |http://www.freecodecamp.com/mathematicscoding
ThunderSlender
@ThunderSlender
Feb 20 2017 03:45
in this
helpppppppppppppppppp
@MathematicsCoding
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:46
Yes?
ThunderSlender
@ThunderSlender
Feb 20 2017 03:46

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

i need to insert 16 pixels
can
t
do it
ughhh
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:46
border-width: 10px;
Joseph Livengood
@JosephLivengood
Feb 20 2017 03:46
@ThunderSlender Link the challenge :)
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:46
Thats a hint
ThunderSlender
@ThunderSlender
Feb 20 2017 03:47
okay
Change the Font Size of an Element
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:47
Why didnt you start over...
thats
the
link
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:48
[Click it](URL)
ThunderSlender
@ThunderSlender
Feb 20 2017 03:48
sorry
its long
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:48
You see..
Lucas Scalzo
@Lu314
Feb 20 2017 03:48
I need help
ThunderSlender
@ThunderSlender
Feb 20 2017 03:49
i got google
Lucas Scalzo
@Lu314
Feb 20 2017 03:49

Im having trouble nesting the input within the form element <input type="text" placeholder="cat photo URL">

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

ThunderSlender
@ThunderSlender
Feb 20 2017 03:49
helllllllllllllllllllllllllllllllllllppppppppppppppppppppppppppppppppp
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:49
Yeah
wissmesa
@wissmesa
Feb 20 2017 03:49
how i put the a?
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:49
Because I put google.com instead of "url"
Joseph Livengood
@JosephLivengood
Feb 20 2017 03:49
@ThunderSlender Look slike its asking you to 'create an entry for p elements and set the font-size to 16 pixels (16px)' like
p {
  font-size: 16px;
}
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:49
...
wissmesa
@wissmesa
Feb 20 2017 03:49

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

Saboor Malik
@MathematicsCoding
Feb 20 2017 03:49
Dont give out the answer :p
Manish Giri
@Manish-Giri
Feb 20 2017 03:49
@JosephLivengood :wave:
ThunderSlender
@ThunderSlender
Feb 20 2017 03:49
why
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:50
You wont learn anything if you got the answer
You have to figure it out yourself
ThunderSlender
@ThunderSlender
Feb 20 2017 03:50
sorry
@MathematicsCoding
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:50
Yeah its ok
Joseph Livengood
@JosephLivengood
Feb 20 2017 03:50
@Manish-Giri :) hello
ThunderSlender
@ThunderSlender
Feb 20 2017 03:51
some anoonymous member was here
literally he freaked me out
stevej
@SteveJ123
Feb 20 2017 03:52
hi @mstellaris
I got struck here in css style
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:52
@ThunderSlender What was the name?
stevej
@SteveJ123
Feb 20 2017 03:53
.red-text @mstellaris
ThunderSlender
@ThunderSlender
Feb 20 2017 03:53
i forgot
sorry
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:54
Did fCC go offline?
Busby10
@Busby10
Feb 20 2017 03:56
@MathematicsCoding the site? I'm still using it
Lucas Scalzo
@Lu314
Feb 20 2017 03:57
I need help
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:57
WEll it went offline for me
observer4
@observer4
Feb 20 2017 03:58
Hi, I got stuck on how to comment out the Lobster font while keeping the lobster font. It looks like this: "Comment out your call to Google for the Lobster font by putting <!-- in front of it. Be sure to close your comment by adding -->." the hints also say that I have to have the the lobster element
Saboor Malik
@MathematicsCoding
Feb 20 2017 03:58
Yeah
<!-- at front of link in the top and --> at the end
Busby10
@Busby10
Feb 20 2017 03:58
@observer4 the call to google is the line up the top of your code, before the css starts
Lucas Scalzo
@Lu314
Feb 20 2017 03:59

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

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

<form action="<input type="text" placeholder="cat photo URL">" </form> is this how I should nest the form element??