These are chat archives for FreeCodeCamp/Help

23rd
May 2017
Opas Onucheyo
@Opas4op
May 23 2017 00:00
so it would assume them automatically?
Mr-Benjamin
@Mr-Benjamin
May 23 2017 00:00
@thekholm80 okay good though. chrome is my current, I can try explorer
Opas Onucheyo
@Opas4op
May 23 2017 00:00
@Mr-Benjamin better mozilla
Kyle Holm
@thekholm80
May 23 2017 00:00
@Mr-Benjamin that's really weird, I've done them all on Chrome
maybe google doesn't like you
tomluk777
@tomluk777
May 23 2017 00:00
@thekholm80 what's funny is that i tried that in another website and it didn't work as well
Mr-Benjamin
@Mr-Benjamin
May 23 2017 00:01
@Opas4op thanks @thekholm80 well maybe I dont like google then!
CamperBot
@camperbot
May 23 2017 00:01
mr-benjamin sends brownie points to @opas4op and @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 788 | @thekholm80 |http://www.freecodecamp.com/thekholm80
:cookie: 25 | @opas4op |http://www.freecodecamp.com/opas4op
Kyle Holm
@thekholm80
May 23 2017 00:01
@Mr-Benjamin lol
Opas Onucheyo
@Opas4op
May 23 2017 00:01
hahaha rebel @Mr-Benjamin
Sam Erickson
@samerickson
May 23 2017 00:01
Why doesn't this remove non numeric characters from my string str.replace(/[^0-9a-z]/gi, '');
Kyle Holm
@thekholm80
May 23 2017 00:02
@Manish-Giri had any luck with your GoL?
Mr-Benjamin
@Mr-Benjamin
May 23 2017 00:02
I think gogle heard me. job done
google
Kyle Holm
@thekholm80
May 23 2017 00:02
@Mr-Benjamin :+1:
Manish Giri
@Manish-Giri
May 23 2017 00:02
@thekholm80 none :disappointed:
Kyle Holm
@thekholm80
May 23 2017 00:02
they're always listening
Manish Giri
@Manish-Giri
May 23 2017 00:02
doing some servlets stuff
atm
Kyle Holm
@thekholm80
May 23 2017 00:02
@Manish-Giri maybe after graduation
Manish Giri
@Manish-Giri
May 23 2017 00:03
lol
I'll finish GoL this week
no matter what
Opas Onucheyo
@Opas4op
May 23 2017 00:03
so if i had 3 different classes, when i want to call them in the code, i should just assign 1-3 and it would do the assignment based on the order? > @Opas4op I think you just have the first class and then add the class type into the quotes
MrSpock
@DrSpock123
May 23 2017 00:03
How do I stop getting these messages sent to my computer's screen, please help me before I start to scream.
Kyle Holm
@thekholm80
May 23 2017 00:04
@DrSpock123 settings (next to your picture) -> Notifications
MrSpock
@DrSpock123
May 23 2017 00:04
thanks
Thanks Kyle, I just sighed a big breath of relief.
Kyle Holm
@thekholm80
May 23 2017 00:05
lol
tomluk777
@tomluk777
May 23 2017 00:06
yea it was abug
thank anyway
rulas004
@rulas004
May 23 2017 00:09
@thekholm80
Kyle Holm
@thekholm80
May 23 2017 00:09
@rulas004
rulas004
@rulas004
May 23 2017 00:09
hey there
Kyle Holm
@thekholm80
May 23 2017 00:10
howdy
Matt
@MattP598
May 23 2017 00:10
need some help please

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

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

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

nikstorm
@nikstorm
May 23 2017 00:11
@MattP598 Hello? what problem&
?
Redbone
@reddred
May 23 2017 00:11
Need Help Please. <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> Not sure how to assign .silver-background {
background-color: silver;
} to my div element. Cant figure out to put the class= on my div element correct.
robert stretz
@Banenoname
May 23 2017 00:12
@CharlieBucket thank you so much for all the help!
CamperBot
@camperbot
May 23 2017 00:12
banenoname sends brownie points to @charliebucket :sparkles: :thumbsup: :sparkles:
Tim Porter
@potato8
May 23 2017 00:12
@reddred can you send a link
CamperBot
@camperbot
May 23 2017 00:12
:cookie: 71 | @charliebucket |http://www.freecodecamp.com/charliebucket
bardcodes
@bardcodes
May 23 2017 00:12
Stuck on the tribute page challenge :(
Steven S.
@steven-github
May 23 2017 00:13
what’s is it?
Redbone
@reddred
May 23 2017 00:13
@potato8 not sure what you mean, send the link
Matt
@MattP598
May 23 2017 00:13
It's telling me your image should have a src attribute that points to the kitten image, but i have that
bardcodes
@bardcodes
May 23 2017 00:13
how do I make this huge image https://www.wired.com/wp-content/uploads/2015/11/wired_can-prosthetics-outperform-real-limbs-1.jpg fit into the browser? I tried <img class="img-responsive> but it does nothing
Tim Porter
@potato8
May 23 2017 00:13
@reddred yes
Opas Onucheyo
@Opas4op
May 23 2017 00:14
@Manish-Giri so if i had 3 different classes, when i want to call them in the code, i should just assign 1-3 and it would do the assignment based on the order?
Dapper
@kvg-16
May 23 2017 00:14

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

Charlie C
@CharlieBucket
May 23 2017 00:14
@reddred in openning div add class="silver-background"
nikstorm
@nikstorm
May 23 2017 00:14
@reddred <div class="silver-background">
Opas Onucheyo
@Opas4op
May 23 2017 00:14
@Mr-Benjamin so if i had 3 different classes, when i want to call them in the code, i should just assign 1-3 and it would do the assignment based on the order?
Kyle Holm
@thekholm80
May 23 2017 00:15
@Opas4op no, give each of your classes a unique name, then add them where you wish to use them
Redbone
@reddred
May 23 2017 00:15
@nikstorm Thanks let me give that a shot.
CamperBot
@camperbot
May 23 2017 00:15
reddred sends brownie points to @nikstorm :sparkles: :thumbsup: :sparkles:
:cookie: 16 | @nikstorm |http://www.freecodecamp.com/nikstorm
Opas Onucheyo
@Opas4op
May 23 2017 00:16
Screen Shot 2017-05-21 at 8.12.11 PM.png
@thekholm80 it was in relation to this exercise
Screen Shot 2017-05-21 at 8.12.11 PM.png
Kyle Holm
@thekholm80
May 23 2017 00:16
<style>
.blue-text {
  color: blue;
}

.big-text {
  font-size: 50px;
}

.small-margin {
  margin: 2%;
}
</style>
<div class='blue-text big-text small-margin'></div>
Opas Onucheyo
@Opas4op
May 23 2017 00:17
oh now i get it, i took it literally @thekholm80
Kyle Holm
@thekholm80
May 23 2017 00:17
:+1:
Dapper
@kvg-16
May 23 2017 00:17
can someone private dm me please with help
bardcodes
@bardcodes
May 23 2017 00:18
so... about that huge img :P
Matt
@MattP598
May 23 2017 00:18

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

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

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

h2 {
font-family: Lobster, Monospace;
}

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

Redbone
@reddred
May 23 2017 00:18
@nikstorm Thanks bro!
CamperBot
@camperbot
May 23 2017 00:18
reddred sends brownie points to @nikstorm :sparkles: :thumbsup: :sparkles:
:warning: reddred already gave nikstorm points
ScottBland
@ScottBland
May 23 2017 00:18
can anyone help me with why this button will not click to facebook
<a herf="https://www.facebook.com/CrissAngel/"><button id="facebook-button" class="btn btn-default fa fa-facebook">Facebook</a></button>
nikstorm
@nikstorm
May 23 2017 00:19
And remember: using id's for styling elements is not recommended by W3C.
Marcayle Stennett
@kingmmarc21
May 23 2017 00:19
where do you put the anchor elements
nikstorm
@nikstorm
May 23 2017 00:20
@ScottBland <a><button></a></button> - you broke tag order
Steven S.
@steven-github
May 23 2017 00:20

@ScottBland

<a href="https://www.facebook.com/CrissAngel/“ id="facebook-button" class="btn btn-default”>Facebook <i class=“ fa fa-facebook”></i></a>

nikstorm
@nikstorm
May 23 2017 00:20
herf??? href
Dapper
@kvg-16
May 23 2017 00:21
help please
nikstorm
@nikstorm
May 23 2017 00:21
@kvg-16 ?
rulas004
@rulas004
May 23 2017 00:21
href is @steven-github
Fallon
@fallonbg8
May 23 2017 00:21
question
rulas004
@rulas004
May 23 2017 00:22
what happen
ScottBland
@ScottBland
May 23 2017 00:22
so <button> first then <a> then close </a> then close </button>
Fallon
@fallonbg8
May 23 2017 00:22
I'm trying to make a dead link with a href attribute set to a #
nikstorm
@nikstorm
May 23 2017 00:24
@ScottBland <button> isn't needed here at all. <a> is possible to stylize as button
ScottBland
@ScottBland
May 23 2017 00:25
so then <a href="https://twitter.com/CrissAngel?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" style="button"></a>? @nikstorm
or would it be style="btn btn-defult fa fa-twitter" @nikstorm
Dapper
@kvg-16
May 23 2017 00:27
can someone please dm me with help
ScottBland
@ScottBland
May 23 2017 00:28
@samerickson i am useing bootstrap container fluid
Marcayle Stennett
@kingmmarc21
May 23 2017 00:29
How do you make your a element a dead link with a href attribute set to #
Manish Giri
@Manish-Giri
May 23 2017 00:30
@kingmmarc21 you make href equal to #
Marcayle Stennett
@kingmmarc21
May 23 2017 00:30
@Manish-Giri That didn't work
Manish Giri
@Manish-Giri
May 23 2017 00:31
@kingmmarc21 show code
Manish Giri
@Manish-Giri
May 23 2017 00:31
lol
would be a pain
but I could yeah
Kyle Holm
@thekholm80
May 23 2017 00:31
D3 is killing me
Manish Giri
@Manish-Giri
May 23 2017 00:31
:stuck_out_tongue:
rulas004
@rulas004
May 23 2017 00:32
is difficult??
Kyle Holm
@thekholm80
May 23 2017 00:32
follow a tutorial, write same code, get different results. :-1:
@rulas004 if you know javascript it's not bad, i'm just not having good luck
rulas004
@rulas004
May 23 2017 00:33
jaja lol @thekholm80
GhelardiniLLC
@GhelardiniLLC
May 23 2017 00:34
Anyone past tutorial 114? I need help with this prompt: Make the second child in each of your well elements bounce. You must target the children of element with the target class.
Kyle Holm
@thekholm80
May 23 2017 00:34
@GhelardiniLLC what have you tried?
GhelardiniLLC
@GhelardiniLLC
May 23 2017 00:35
$(".left-well:nth-child(2)").addClass("animated bounce");
$(".right-well:nth-child(2)").addClass("animated bounce");
rulas004
@rulas004
May 23 2017 00:36
Your stylesheet should declare a red-text class and have its color set to red. helppp please
Kyle Holm
@thekholm80
May 23 2017 00:36
is this the 'target even numbered children' challenge?
Manish Giri
@Manish-Giri
May 23 2017 00:36
@thekholm80 lol
rulas004
@rulas004
May 23 2017 00:36
helppp
Kyle Holm
@thekholm80
May 23 2017 00:37
@GhelardiniLLC anyway, i think your jQuery selector should point at the .target class
Naomi832
@Naomi832
May 23 2017 00:37
@rulas004 , what's wrong?
rulas004
@rulas004
May 23 2017 00:37
that thing is not correct the page says
Mr-Benjamin
@Mr-Benjamin
May 23 2017 00:37
@thekholm80
sraza6
@sraza6
May 23 2017 00:37

hey i dont understand what im doing wrong with this challenge

<body>
<script>
const dataset = [
[ 34, 78 ],
[ 109, 280 ],
[ 310, 120 ],
[ 79, 411 ],
[ 420, 220 ],
[ 233, 145 ],
[ 333, 96 ],
[ 222, 333 ],
[ 78, 320 ],
[ 21, 123 ]
];


const w = 500;
const h = 500;

const svg = d3.select("body")
.append("svg")
.attr("width", w)
.attr("height", h);

svg.selectAll("circle")
.data(dataset)
.enter()
.append("circle")
.attr("cx", (d, i) => d[0])
.attr("cy", (d, i) => h - d[1])
.attr("r", 5);

svg.selectAll("text")
.data(dataset)
.enter()
.append("text")
// Add your code below this line
.text((d) => d)
.attr("x",(d,i)=> d[0]+5)
.attr("y", (d,i)=> h-d[1]);


// Add your code above this line
</script>
</body>

please help

Mr-Benjamin
@Mr-Benjamin
May 23 2017 00:37
<script>
$(document).ready(function() {
$("button").addclass
$("btn").addclass
$("target1").addclass("animated shake btn-primary");
});
</script>
Manish Giri
@Manish-Giri
May 23 2017 00:37

@GhelardiniLLC

You must target the children of element with the target class.

Naomi832
@Naomi832
May 23 2017 00:37
@rulas004 , sorry, i just popped in, give me a min
Manish Giri
@Manish-Giri
May 23 2017 00:38
@GhelardiniLLC look at that instruction
Kyle Holm
@thekholm80
May 23 2017 00:38

@Manish-Giri

When your half drunk uncle tries to do the Cupid Shuffle...

Mr-Benjamin
@Mr-Benjamin
May 23 2017 00:38
why you no work
Manish Giri
@Manish-Giri
May 23 2017 00:38
lol
GhelardiniLLC
@GhelardiniLLC
May 23 2017 00:38
@thekholm80 it's the Target the specific Child of an Element challenge ;)
Kyle Holm
@thekholm80
May 23 2017 00:38

@GhelardiniLLC

Make the second child in each of your well elements bounce. You must target the children of element with the target class.

which class are you targeting?
GhelardiniLLC
@GhelardiniLLC
May 23 2017 00:39
Here is the example: $(".target:nth-child(3)").addClass("animated bounce");
The classes are left-well and right-well
Manish Giri
@Manish-Giri
May 23 2017 00:39
nope
Kyle Holm
@thekholm80
May 23 2017 00:39
you should use the class target, just like the instructions say
GhelardiniLLC
@GhelardiniLLC
May 23 2017 00:40
ahhhhh!!!! thank you!
Kyle Holm
@thekholm80
May 23 2017 00:40

@Mr-Benjamin

$("button").addclass
$("btn").addclass

what's all this?

@GhelardiniLLC :+1:
Manish Giri
@Manish-Giri
May 23 2017 00:40
sorcery
Naomi832
@Naomi832
May 23 2017 00:40
@Mr-Benjamin , I think you might be missing an "#"
sraza6
@sraza6
May 23 2017 00:41

hey i dont understand what im doing wrong with this challenge

<body>
<script>
const dataset = [
[ 34, 78 ],
[ 109, 280 ],
[ 310, 120 ],
[ 79, 411 ],
[ 420, 220 ],
[ 233, 145 ],
[ 333, 96 ],
[ 222, 333 ],
[ 78, 320 ],
[ 21, 123 ]
];


const w = 500;
const h = 500;

const svg = d3.select("body")
.append("svg")
.attr("width", w)
.attr("height", h);

svg.selectAll("circle")
.data(dataset)
.enter()
.append("circle")
.attr("cx", (d, i) => d[0])
.attr("cy", (d, i) => h - d[1])
.attr("r", 5);

svg.selectAll("text")
.data(dataset)
.enter()
.append("text")
// Add your code below this line
.text((d) => d)
.attr("x",(d,i)=> d[0]+5)
.attr("y", (d,i)=> h-d[1]);


// Add your code above this line
</script>
</body>

please help

FORGOT TO MENTION: This is for D3

GhelardiniLLC
@GhelardiniLLC
May 23 2017 00:41
@thekholm80 @Manish-Giri Thank you!!!
CamperBot
@camperbot
May 23 2017 00:41
ghelardinillc sends brownie points to @thekholm80 and @manish-giri :sparkles: :thumbsup: :sparkles:
:cookie: 789 | @thekholm80 |http://www.freecodecamp.com/thekholm80
:star2: 5608 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
May 23 2017 00:41
:+1:
Naomi832
@Naomi832
May 23 2017 00:41
@Mr-Benjamin, I think it should be #target1
Kyle Holm
@thekholm80
May 23 2017 00:42
@sraza6 might want to check the beta bug reports to make sure your challenge is working properly, not all of beta works right
Mr-Benjamin
@Mr-Benjamin
May 23 2017 00:42
@Naomi832 of course of course damn brain
Naomi832
@Naomi832
May 23 2017 00:42
@Mr-Benjamin , I do the same thing all the time!
Mr-Benjamin
@Mr-Benjamin
May 23 2017 00:42
@thekholm80 I was adding as selectors like the instrutoion said. I am not getting the message thogh
instruction
@Naomi832 relieved much
Redbone
@reddred
May 23 2017 00:43
I love you guys! I'm really enjoying this coding stuff. Thank for all the help I get from here!
sraza6
@sraza6
May 23 2017 00:43
@thekholm80 where would i check that
Kyle Holm
@thekholm80
May 23 2017 00:43
@Mr-Benjamin a few things, addClass should have an upper-case C, also you need to actually add the class addClass('yourClass')
@sraza6 here I think
Sheik-Ali Rice
@probl3msovd
May 23 2017 00:45
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
sraza6
@sraza6
May 23 2017 00:45
@thekholm80 thank you !
CamperBot
@camperbot
May 23 2017 00:45
sraza6 sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 790 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Kyle Holm
@thekholm80
May 23 2017 00:45
@sraza6 :+1:
Sheik-Ali Rice
@probl3msovd
May 23 2017 00:45
"Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%." can anyone help me with this?
Kyle Holm
@thekholm80
May 23 2017 00:45
@probl3msovd what have you tried?
Mr-Benjamin
@Mr-Benjamin
May 23 2017 00:45
I saw that! and I was all like noo nooo they wouldnt want me to capitalize the c. They instructed "add one class within your three selectors and then say your target one shold have the clases ###,###,###
Manish Giri
@Manish-Giri
May 23 2017 00:46
noo nooo they wouldnt want me to capitalize the c.
why would you think that?
Kyle Holm
@thekholm80
May 23 2017 00:46
@Mr-Benjamin yeah, each of your selectors should add one class, so 3 selectors will add a total of 3 classes
Sheik-Ali Rice
@probl3msovd
May 23 2017 00:46
is there any way to show you what I put?
sraza6
@sraza6
May 23 2017 00:46
@thekholm80 by any chance did you happen to see anything wrong with my code
Kyle Holm
@thekholm80
May 23 2017 00:46
@probl3msovd copy / paste
@sraza6 Sorry, I'm just now learning D3 myself and you could probably teach me more than I can help you
Sheik-Ali Rice
@probl3msovd
May 23 2017 00:47

<style>-
.red-text {
color: red;
}
.font-entry {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
May 23 2017 00:47
@probl3msovd where did you get .font-entry from?
Naomi832
@Naomi832
May 23 2017 00:48
yea... I never heard of ".front-entry" before in HTML... but I am still new
ScottBland
@ScottBland
May 23 2017 00:48
so i made my first code pen and tribute anyoen want to take a look at it and let me know what you think https://codepen.io/Scottbland/full/zwyPeohttps://codepen.io/Scottbland/full/zwyPeo//
Kyle Holm
@thekholm80
May 23 2017 00:49
will you fix the link?
Sheik-Ali Rice
@probl3msovd
May 23 2017 00:49
used the font entry to change font size
Manish Giri
@Manish-Giri
May 23 2017 00:49
no
Kyle Holm
@thekholm80
May 23 2017 00:49
think you double-pasted
Manish Giri
@Manish-Giri
May 23 2017 00:49
target p elements directly
@probl3msovd
ScottBland
@ScottBland
May 23 2017 00:49
https://codepen.io/Scottbland/full/zwyPeo/ srry for the double paste
Sheik-Ali Rice
@probl3msovd
May 23 2017 00:49
how do I do that
Kyle Holm
@thekholm80
May 23 2017 00:50
@ScottBland ty!
CamperBot
@camperbot
May 23 2017 00:50
thekholm80 sends brownie points to @scottbland :sparkles: :thumbsup: :sparkles:
:cookie: 124 | @scottbland |http://www.freecodecamp.com/scottbland
Mr-Benjamin
@Mr-Benjamin
May 23 2017 00:50
weird instructions suggested I add three classes to the #target3 Missing somthing I am however I changed it up and added one class of the three individually with btn primary and button. prob solved
Sheik-Ali Rice
@probl3msovd
May 23 2017 00:50
targeting p is the only thing I seem to have forgotten how to do
Naomi832
@Naomi832
May 23 2017 00:50
@probl3msovd , in the lesson titled "Change the Font Size of an Element", it shows you how to change sizes
Manish Giri
@Manish-Giri
May 23 2017 00:50
@probl3msovd isn't there an example on the left?
Kyle Holm
@thekholm80
May 23 2017 00:50
image.png
@ScottBland what's this little guy doing up here?
there's a > in the top left corner
ScottBland
@ScottBland
May 23 2017 00:52
nice catch. @thekholm80 how did you take that pic ?
Kyle Holm
@thekholm80
May 23 2017 00:52
@ScottBland it's a utility that's part of XFCE for Linux
Sheik-Ali Rice
@probl3msovd
May 23 2017 00:53
I know how to change the font size. I just don't know how to target p
Kyle Holm
@thekholm80
May 23 2017 00:54
the example shows you how to target h2 elements, you target p elements the same way
Naomi832
@Naomi832
May 23 2017 00:54
in the "Change the Font Size of an Element" example, it shows you how to do it
just replace the h1
Kyle Holm
@thekholm80
May 23 2017 00:54
@ScottBland looks like you've covered all of the user stories
Naomi832
@Naomi832
May 23 2017 00:55
what @thekholm80 said, @probl3msovd
marjaljm
@marjaljm
May 23 2017 00:56
Hello World!
Belinda
@besumi
May 23 2017 00:56
@marjaljm hi there :)
quinsunshine
@quinsunshine
May 23 2017 00:57
help! how do i change the h2 eolmement style attribute to css style to element blue
ScottBland
@ScottBland
May 23 2017 00:57
@thekholm80 found it
Naomi832
@Naomi832
May 23 2017 00:58
@quinsunshine , what exercise are you on?
quinsunshine
@quinsunshine
May 23 2017 00:58
Use CSS Selectors to Style Elements
Naomi832
@Naomi832
May 23 2017 00:58
@marjaljm , hello!
ScottBland
@ScottBland
May 23 2017 00:58
@thekholm80 that is cool i run windows right now and have only been codeing for about 2 weeks
Naomi832
@Naomi832
May 23 2017 00:59
@quinsunshine , kk, did you see the example they gave on that page?
<style>
h2 {color: red;}
</style>
William Figueroa
@jwrios87
May 23 2017 00:59
hello everyone
quinsunshine
@quinsunshine
May 23 2017 00:59
ya
William Figueroa
@jwrios87
May 23 2017 00:59
can y'all help me with this problem?
quinsunshine
@quinsunshine
May 23 2017 00:59
i tried to change the red to blue its not working
Manish Giri
@Manish-Giri
May 23 2017 01:00
@thekholm80 do you know about queue?
Naomi832
@Naomi832
May 23 2017 01:00
They're asking to change the color to "blue" right?
quinsunshine
@quinsunshine
May 23 2017 01:00
ya
Kyle Holm
@thekholm80
May 23 2017 01:00
@ScottBland keep at it, it's worth it
Stephanie
@spdachelet
May 23 2017 01:00
How do you set the value of a placeholder attribute?
Aguietheonies
@Aguiethelonies
May 23 2017 01:00
can anyone help me with linking to external pages with anchor elements?
Kyle Holm
@thekholm80
May 23 2017 01:00
@Manish-Giri isn't Queue the guy who built all of James Bond's gadgets?
Manish Giri
@Manish-Giri
May 23 2017 01:00
@spdachelet placeholder="..."
Naomi832
@Naomi832
May 23 2017 01:00
@quinsunshine , try updating the color and see if that works
Manish Giri
@Manish-Giri
May 23 2017 01:00
lol
quinsunshine
@quinsunshine
May 23 2017 01:01
i tried
William Figueroa
@jwrios87
May 23 2017 01:01
a element should be a dead link with a href attribute set to "#" ???
quinsunshine
@quinsunshine
May 23 2017 01:01
doesn t work
Naomi832
@Naomi832
May 23 2017 01:01
can you show your code?
@quinsunshine ?
quinsunshine
@quinsunshine
May 23 2017 01:01

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

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

Stephanie
@spdachelet
May 23 2017 01:01
Thank you @Manish-Giri !
CamperBot
@camperbot
May 23 2017 01:01
spdachelet sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5609 | @manish-giri |http://www.freecodecamp.com/manish-giri
William Figueroa
@jwrios87
May 23 2017 01:01
a element should be a dead link with a href attribute set to "#" ?? can someone help me please
Naomi832
@Naomi832
May 23 2017 01:01
@quinsunshine , you don't have an h2 element in there
quinsunshine
@quinsunshine
May 23 2017 01:02
huh im confused
Naomi832
@Naomi832
May 23 2017 01:02
you only have an <p> element
in your code, you should have <h2>CatPhotoApp</h2>
quinsunshine
@quinsunshine
May 23 2017 01:02

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

thats the original
Naomi832
@Naomi832
May 23 2017 01:04
@quinsunshine , if you are trying to update the color to blue, then you would have to remove the 'style="color:red"'
Belinda
@besumi
May 23 2017 01:04
@jwrios87 <a href="#">Link</a>
William Figueroa
@jwrios87
May 23 2017 01:04
thanks belinda
quinsunshine
@quinsunshine
May 23 2017 01:04
oh okay i get it thank you
Naomi832
@Naomi832
May 23 2017 01:05
@quinsunshine , np
@Aguiethelonies , which exercise are you on?
Mr-Benjamin
@Mr-Benjamin
May 23 2017 01:06
can I remove classes like this
$("target1 target2 target3 target4 target5 target6").removeClass("btn-default");
need hashs
$("#target1 #target2 #target3 #target4 #target5 #target6").removeClass("btn-default");
Manish Giri
@Manish-Giri
May 23 2017 01:07
@Mr-Benjamin is that what the challenge asks?
Mr-Benjamin
@Mr-Benjamin
May 23 2017 01:07
Remove the btn-default class from all of your button elements.
oh hang on
Manish Giri
@Manish-Giri
May 23 2017 01:08
button elements.
Mr-Benjamin
@Mr-Benjamin
May 23 2017 01:09
yup buttons
thanks @Manish-Giri
CamperBot
@camperbot
May 23 2017 01:09
mr-benjamin sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5610 | @manish-giri |http://www.freecodecamp.com/manish-giri
Alessandro
@Arexss
May 23 2017 01:16
hey guys

can anyone help me understand what's wrong here?

https://www.freecodecamp.com/challenges/target-the-children-of-an-element-using-jquery#?solution=%0Afccss%0A%20%20%24(document).ready(function()%20%7B%0A%20%20%20%20%24(%22%23target1%22).css(%22color%22%2C%20%22red%22)%3B%0A%20%20%20%20%24(%22%23target1%22).prop(%22disabled%22%2C%20true)%3B%0A%20%20%20%20%24(%22%23target4%22).remove()%3B%0A%20%20%20%20%24(%22%23target2%22).appendTo(%22%23right-well%22)%3B%0A%20%20%20%20%24(%22%23target5%22).clone().appendTo(%22%23left-well%22)%3B%0A%20%20%20%20%24(%22%23target1%22).parent().css(%22background-color%22%2C%20%22red%22)%3B%0A%20%20%20%20%24(%22%23right-well%22).children().css(%22background-color%22%2C%20%22orange%22)%3B%0A%0A%20%20%7D)%3B%0Afcces%0A%0A%3C!--%20Only%20change%20code%20above%20this%20line.%20--%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Ch3%20class%3D%22text-primary%20text-center%22%3EjQuery%20Playground%3C%2Fh3%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23left-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22left-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target1%22%3E%23target1%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target2%22%3E%23target2%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target3%22%3E%23target3%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23right-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22right-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target4%22%3E%23target4%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target5%22%3E%23target5%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target6%22%3E%23target6%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A

JMillaCS
@JMillaCS
May 23 2017 01:16

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.

Naomi832
@Naomi832
May 23 2017 01:16
@Arexss , can you put in a code pen?
Manish Giri
@Manish-Giri
May 23 2017 01:17

@Arexss

Give all the children of your #right-well element a color of orange.

Alessandro
@Arexss
May 23 2017 01:17

<script>
  $(document).ready(function() {
    $("#target1").css("color", "red");
    $("#target1").prop("disabled", true);
    $("#target4").remove();
    $("#target2").appendTo("#right-well");
    $("#target5").clone().appendTo("#left-well");
    $("#target1").parent().css("background-color", "red");
    $("#right-well").children().css("background-color", "orange");

  });
</script>

<!-- Only change code above this line. -->

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <h4>#left-well</h4>
      <div class="well" id="left-well">
        <button class="btn btn-default target" id="target1">#target1</button>
        <button class="btn btn-default target" id="target2">#target2</button>
        <button class="btn btn-default target" id="target3">#target3</button>
      </div>
    </div>
    <div class="col-xs-6">
      <h4>#right-well</h4>
      <div class="well" id="right-well">
        <button class="btn btn-default target" id="target4">#target4</button>
        <button class="btn btn-default target" id="target5">#target5</button>
        <button class="btn btn-default target" id="target6">#target6</button>
      </div>
    </div>
  </div>
</div>
Manish Giri
@Manish-Giri
May 23 2017 01:17
it says color
JMillaCS
@JMillaCS
May 23 2017 01:17
Could someone please type in an example of correct cod for the previous prompt
Manish Giri
@Manish-Giri
May 23 2017 01:17
@Arexss why do you have background-color?
Alessandro
@Arexss
May 23 2017 01:17
ah
thank you :D
yeah i'm sleeping ahah
Margaret
@Margaret2
May 23 2017 01:17
@JMillaCS show what you've tried
JMillaCS
@JMillaCS
May 23 2017 01:18
<input type="text" placeholder="cat photo URL">, this is my input element. And this is my current could, that satisfies none of the requirements. <form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>
Margaret
@Margaret2
May 23 2017 01:18
@JMillaCS ok, are you on chrome
Kyle Holm
@thekholm80
May 23 2017 01:19
@Margaret2 cute birdies
Margaret
@Margaret2
May 23 2017 01:19
:smile:
@thekholm80 ty
CamperBot
@camperbot
May 23 2017 01:19
margaret2 sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 791 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Manish Giri
@Manish-Giri
May 23 2017 01:19
Spread spread spread my wings lalalalaalalalalalalalalla
slm-git
@slm-git
May 23 2017 01:20
Hi, my alt tag is failing a test. the code looks like this: <img src="https://bit.ly/fcc-relaxing-cat" alt="relax-a-cat"> is there something wrong?
Naomi832
@Naomi832
May 23 2017 01:20
@slm-git , which exercise are you on?
Margaret
@Margaret2
May 23 2017 01:20
@Manish-Giri from this song :fire:
slm-git
@slm-git
May 23 2017 01:21
@Naomi832 is that the number in the corner? 22
Kyle Holm
@thekholm80
May 23 2017 01:21
@Margaret2 oh dear
Margaret
@Margaret2
May 23 2017 01:21
:unamused:
Shara G Orr
@sharaorr
May 23 2017 01:21
hi, im stuck on how to give my form element the id cat-photo-form...here's my code, not sure what im doing wrong
<form id="cat-photo-form">
Margaret
@Margaret2
May 23 2017 01:21
@thekholm80 link wasn't for you :unamused:
Naomi832
@Naomi832
May 23 2017 01:21
@slm-git , whats the title of the lesson?
Margaret
@Margaret2
May 23 2017 01:21
@sharaorr where's the action attribute
Manish Giri
@Manish-Giri
May 23 2017 01:22
@Margaret2 why are you into k pop these days
slm-git
@slm-git
May 23 2017 01:22
@Naomi832 oh, sorry, it wasn't scrolled down... it's Add Images to your Website
Manish Giri
@Manish-Giri
May 23 2017 01:22
:thought_balloon:
Margaret
@Margaret2
May 23 2017 01:22
because I like it
duh
JMillaCS
@JMillaCS
May 23 2017 01:22
@Margaret2 yes, I am on chrome
Naomi832
@Naomi832
May 23 2017 01:23
@slm-git , someone in here will have to correct me in case I am wrong
Margaret
@Margaret2
May 23 2017 01:23
@JMillaCS ok, if you have version 58 or greater (you can check that in your settings chrome://settings) you can just refresh the page, if you don't, you need to update or use a different browser
Naomi832
@Naomi832
May 23 2017 01:24
@slm-git, I have to re-read the lesson but I think your alt image isn't what is supposed to show up, I think its the image in the src that you want to show up
Zane Rogers
@zanerogers1990
May 23 2017 01:25
hey guys, having issues nesting an img within my <a> element. I'm not sure where i am going wrong. Here's the html code : <p>Click here for <a href="#"><img src="http://bit.ly/fcc-running-cats" alt="three Kittens running towards the camera. "> cat photos</a>.</p>
Naomi832
@Naomi832
May 23 2017 01:25
@slm-git , idk if this is the issue -- but your "img" tag needs to be "self closing"
@slm-git it should look like this --> <img src="" alt="" />
Belinda
@besumi
May 23 2017 01:26
anyone have a sec to give feedback on my twitch.tv api challenge?
Naomi832
@Naomi832
May 23 2017 01:27
@zanerogers1990 , idk if this will solve it, but you should have an "/" at the end of you img tag
JMillaCS
@JMillaCS
May 23 2017 01:28
@Margaret2 INCREDIBLE! I had refreshed it earlier and nothing, but thanks for the help!
CamperBot
@camperbot
May 23 2017 01:28
jmillacs sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 2554 | @margaret2 |http://www.freecodecamp.com/margaret2
Margaret
@Margaret2
May 23 2017 01:28
:+1: :+1:
Zane Rogers
@zanerogers1990
May 23 2017 01:29
@Naomi832 thanks, probably a good habit to have the proper enclosure, unfortun it didn't work.
CamperBot
@camperbot
May 23 2017 01:29
zanerogers1990 sends brownie points to @naomi832 :sparkles: :thumbsup: :sparkles:
:cookie: 124 | @naomi832 |http://www.freecodecamp.com/naomi832
Naomi832
@Naomi832
May 23 2017 01:30
@zanerogers1990 , what's the title of the lesson?
Zane Rogers
@zanerogers1990
May 23 2017 01:30
@Naomi832 Turn an image into a link
Manish Giri
@Manish-Giri
May 23 2017 01:30
@Margaret2 are those the birdies keeping an :eyes: on you?
Amit Patel
@AmitP88
May 23 2017 01:30
Hey guys, do you know if the FCC statistics get updated or not? I'm just curious as to see how many people have completed the Front End Certs, etc up to this date
Margaret
@Margaret2
May 23 2017 01:32
@Manish-Giri no more birdies keeping an eye on me :( one got ate and the other left
Manish Giri
@Manish-Giri
May 23 2017 01:32
:scream:
Margaret
@Margaret2
May 23 2017 01:32
yeah it was so sad, they built a nest in our backyard, but something destroyed the nest and ate the mother :sob:
slm-git
@slm-git
May 23 2017 01:33
@Naomi832 thanks for the help, it looks like this is just a bug in the tester because the code looks fine
CamperBot
@camperbot
May 23 2017 01:33
slm-git sends brownie points to @naomi832 :sparkles: :thumbsup: :sparkles:
:cookie: 125 | @naomi832 |http://www.freecodecamp.com/naomi832
Manish Giri
@Manish-Giri
May 23 2017 01:33
:cry:
:sob:
Margaret
@Margaret2
May 23 2017 01:34
* circle of life :notes: *
slm-git
@slm-git
May 23 2017 01:36
@Naomi832 ah, found it... the "-" character isn't allowed in the alt tag because the test fails to work in that case
Manish Giri
@Manish-Giri
May 23 2017 01:37
@Margaret2 you still using vivaldi?
Margaret
@Margaret2
May 23 2017 01:37
yeah
Naomi832
@Naomi832
May 23 2017 01:37

@zanerogers1990 , I'm looking through my exercises -- this is what my code looked like
'''

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

CamperBot
@camperbot
May 23 2017 01:37
:bulb: to format code use backticks! ``` more info
Naomi832
@Naomi832
May 23 2017 01:38
gotta learn how to use back tics loool
@slm-git , sorry i didn't catch it
Manish Giri
@Manish-Giri
May 23 2017 01:38

`
Mr-Benjamin
@Mr-Benjamin
May 23 2017 01:38
$("#target1").prop ("disable", true); urm
Naomi832
@Naomi832
May 23 2017 01:38
@Manish-Giri , your totally using magic right now lol
Manish Giri
@Manish-Giri
May 23 2017 01:38
@Naomi832 lol :joy:
Naomi832
@Naomi832
May 23 2017 01:39
I think I used quotes LOL
Margaret
@Margaret2
May 23 2017 01:39
speaking of magic, did you guys see Trump with the glowing orb :joy: :joy:
Manish Giri
@Manish-Giri
May 23 2017 01:39
gosh
Nikolas William Bewiahn
@nibewiahn
May 23 2017 01:39
https://codepen.io/nibewiahn/pen/LyMdbb if i click in the image on cope pen it will open the link but doenst load the page, but if u just crtl +v same link http://zedokkdorag.weebly.com it loads....anyone can help?
Margaret
@Margaret2
May 23 2017 01:39
i was laughing so much this morning :joy: :joy:
Manish Giri
@Manish-Giri
May 23 2017 01:39
and I thought his stint with the sword dance would be the highlight of his trip
Devin Brown
@BizDev80
May 23 2017 01:39
has anyone else got stuck on the create a form element exercise? I know my code is right but for some reason I can't continue to the next exercise.
Naomi832
@Naomi832
May 23 2017 01:40
@BizDev80 , can we see your code?
@nibewiahn , I would help but i'm not that great with codepen
Nikolas William Bewiahn
@nibewiahn
May 23 2017 01:41
@Naomi832 sure do you now why it wont load the page?
Joy Chen
@Joycuber
May 23 2017 01:42
<form action=""></form>
Zane Rogers
@zanerogers1990
May 23 2017 01:42
@Naomi832 hey i figured it out, i was trying to use the example code, not the image i already had! ha silly me. Thanks for your help though!
CamperBot
@camperbot
May 23 2017 01:42
zanerogers1990 sends brownie points to @naomi832 :sparkles: :thumbsup: :sparkles:
:warning: zanerogers1990 already gave naomi832 points
Naomi832
@Naomi832
May 23 2017 01:42
hahahahaha;
Manish Giri
@Manish-Giri
May 23 2017 01:42
yay
:clap: @Naomi832
Devin Brown
@BizDev80
May 23 2017 01:43
<form action="/submit-cat-photo"><input type="text" placeholder="cat photo URL"></form>
AlexMinassianQC
@AlexMinassianQC
May 23 2017 01:43
hello, i have an issue with a site im building. there is a massive amount of space and scrolling towards the bottom of my page and I don't know how to get rid of it. Casn anyone help please?
Naomi832
@Naomi832
May 23 2017 01:43
@zanerogers1990 , I totally didn't catch that -- thats what I get looking through it so quickly!
I know magic too @Manish-Giri ;
@BizDev80 , what exercise are you on?
@AlexMinassianQC , do you have code we can look at?
Devin Brown
@BizDev80
May 23 2017 01:45
@AlexMinassianQC , create a form element
<form action="/submit-cat-photo"><input type="text" placeholder="cat photo URL"></form>
here is the html
for some reason there is massive space somwhere in the HTML
ive already verified and it and everything and it's still like this
im relatively new to code so apologies
validated**
Naomi832
@Naomi832
May 23 2017 01:49
@BizDev80 , the code that you have looks right to me. You have it placed at the bottom of the page right?
Devin Brown
@BizDev80
May 23 2017 01:50
@Naomi832 yes.
Sahel Hussain
@sahelhussain
May 23 2017 01:50
it says to make sure all of my div elements have a closing tag
here's my code

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

Eric Voigt
@ericvoigt
May 23 2017 01:51
jQuery first timer.. need some help
Naomi832
@Naomi832
May 23 2017 01:52
@BizDev80 and @AlexMinassianQC , I have to go to bed now. I'm certainly not an expert but if you guys still need help later feel free to DM me. I should be back on tomorrow evening
Eric Voigt
@ericvoigt
May 23 2017 01:52
oops wrong page
Devin Brown
@BizDev80
May 23 2017 01:52
It's saying that google chrome blocked the page because of unusual code. It must be some kind of bug.
Matt
@MattP598
May 23 2017 01:53
should be .... <form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>
Devin Brown
@BizDev80
May 23 2017 01:53
ok @Naomi832 thank you
CamperBot
@camperbot
May 23 2017 01:53
bizdev80 sends brownie points to @naomi832 :sparkles: :thumbsup: :sparkles:
:cookie: 126 | @naomi832 |http://www.freecodecamp.com/naomi832
Ara
@arajason
May 23 2017 01:54
@sahelhussain You have two div tags that have not been closed yet
shadowreturns
@shadowreturns
May 23 2017 01:56
hey guys Set The ID of an Element. Im stuck here. Could u please see what is wrong

<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;
}
.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 class="silver-background">
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
</div>

<form id="cat-photo-form" action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

anyone on ?
Nikolas William Bewiahn
@nibewiahn
May 23 2017 01:58
@Naomi832 so i read a lot about that and some how if u right click and open in a new page works if u run code pen in debug mode it works too...but if u do it on full page mode wont work...
Manish Giri
@Manish-Giri
May 23 2017 01:59
@shadowreturns where's the css to make it green?
Nikolas William Bewiahn
@nibewiahn
May 23 2017 01:59
@Naomi832 is there a way to simulate the right click ??? I am new at programing so i have no ideia
Belinda
@besumi
May 23 2017 02:01
@shadowreturns what is the challenge requiring you to do?
shadowreturns
@shadowreturns
May 23 2017 02:01
@Manish-Giri i only have "Give your form element the id of cat-photo-form" task
didnt encounter anything about any green
Manish Giri
@Manish-Giri
May 23 2017 02:01
@shadowreturns post the url
shadowreturns
@shadowreturns
May 23 2017 02:02
https://www.freecodecamp.com/challenges/set-the-id-of-an-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%20%20.silver-background%20%7B%0A%20%20%20%20background-color%3A%20silver%3B%0A%20%20%7D%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%3Cdiv%20class%3D%22silver-background%22%3E%0A%20%20%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%3C%2Fdiv%3E%0A%3Cform%20id%3D%3E%0A%3Cform%20id%3D%22cat-photo-app%22%20action%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%20checked%3E%20Indoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%20checked%3E%20Loving%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Energetic%3C%2Flabel%3E%0A%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%3C%2Fform%3E%0A
my god thats a big one
Belinda
@besumi
May 23 2017 02:02
@shadowreturns try resetting the project
your ID looks correct
William Figueroa
@jwrios87
May 23 2017 02:03
Nest your text input element within a form element. does anyone know?
PumpedUpKicks91
@PumpedUpKicks91
May 23 2017 02:03
Lol omg tour-de-frankenpost
lasthit03
@lasthit03
May 23 2017 02:03

Quick question: using hash symbol to make a dead link. <a #="http://www.freecatphotoapp.com">cat photos</p>

is this correct?

Kyle Holm
@thekholm80
May 23 2017 02:04
@lasthit03 nope
William Figueroa
@jwrios87
May 23 2017 02:04
no
Manish Giri
@Manish-Giri
May 23 2017 02:04
@shadowreturns open the link in an incognito window and see yourself what's wrong
William Figueroa
@jwrios87
May 23 2017 02:04
Nest your text input element within a form element. does anyone know?
Joe R.
@DarthBaine
May 23 2017 02:04
can someone help me with Prioritize One style over another I feel I am close but just missing something
shadowreturns
@shadowreturns
May 23 2017 02:04
@Manish-Giri
werid i didnt have that extra form id in my orginal
Roxroy
@roxroy
May 23 2017 02:05
@shadowreturns, check you code to make sure that there is just one opening <form tag , also set the id to cat-photo-form
Manish Giri
@Manish-Giri
May 23 2017 02:05
also you have cat-photo-app
shadowreturns
@shadowreturns
May 23 2017 02:06
@Manish-Giri ohhhh. My bad. Thanks Manish :)
CamperBot
@camperbot
May 23 2017 02:06
shadowreturns sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5611 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
May 23 2017 02:06
:+1:
William Figueroa
@jwrios87
May 23 2017 02:06
Nest your text input element within a form element. does anyone know?
lasthit03
@lasthit03
May 23 2017 02:06
Not yet
Joe R.
@DarthBaine
May 23 2017 02:06
@lasthit03 the # takes place of the link .. its not good wording
William Figueroa
@jwrios87
May 23 2017 02:07
can someone help me please I'm stuck
lasthit03
@lasthit03
May 23 2017 02:08
OH
I got it
@DarthBaine thank you
CamperBot
@camperbot
May 23 2017 02:08
lasthit03 sends brownie points to @darthbaine :sparkles: :thumbsup: :sparkles:
:warning: @darthbaine's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
William Figueroa
@jwrios87
May 23 2017 02:10
Nest your text input element within a form element. does anyone know?
Cesar Fernandez
@Diamond713
May 23 2017 02:10
Can create a web with apple phone
Can you*
?
Mr-Benjamin
@Mr-Benjamin
May 23 2017 02:13
<em>#target4</em>");
Ive completed the task but want to know what <em> is is it element or embed, task change text element with jquery
gabbykhval
@gabbykhval
May 23 2017 02:14
im on Use a CSS Class to Style an Element
and I'm very confused
anyone available to help?
Mr-Benjamin
@Mr-Benjamin
May 23 2017 02:15
@jwrios87 what do you have so far, ill try to help
Manish Giri
@Manish-Giri
May 23 2017 02:16
@Mr-Benjamin did you try searching what <em> is?
Mr-Benjamin
@Mr-Benjamin
May 23 2017 02:16
nope
yup
<em>yup</em>
gabbykhval
@gabbykhval
May 23 2017 02:19
here's what I need to do: Your h2 element should be red.
Your h2 element should have the class red-text.
Your stylesheet should declare a red-text class and have its color set to red.

heres what I have: <style>
h2 {.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>

Steven S.
@steven-github
May 23 2017 02:20

@gabbykhval

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

drummpro123
@drummpro123
May 23 2017 02:20
I need help
I'm trying to apply the font-family of Lobster to my h2 element and it is not working.
Here's my couple lines of code <h2 {font-family: Lobster; } class="red-text">CatPhotoApp</h2>
Steven S.
@steven-github
May 23 2017 02:21
@drummpro123 share what you have
gabbykhval
@gabbykhval
May 23 2017 02:21
now I need: Your h2 element should have the class red-text.
Adam
@iGiblee
May 23 2017 02:21
hey guys, can someone tell me what I did wrong calling the following script:
<script>
$(document).ready(function() {
});
</script>
gabbykhval
@gabbykhval
May 23 2017 02:22

this is what I have now: <style>
h2 {color: red;}
.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>

Manish Giri
@Manish-Giri
May 23 2017 02:22
@iGiblee refresh and submit
Steven S.
@steven-github
May 23 2017 02:22

@drummpro123

<style>
h2 {font-family: Lobster; }
</style>

Manish Giri
@Manish-Giri
May 23 2017 02:22
@gabbykhval h2 {color: red;} delete this
<h2>CatPhotoApp</h2> add the class here
gabbykhval
@gabbykhval
May 23 2017 02:22
ok
drummpro123
@drummpro123
May 23 2017 02:22
I've also tried making the font-family deceleration separate from the other lines
gabbykhval
@gabbykhval
May 23 2017 02:22
wait how do add it
drummpro123
@drummpro123
May 23 2017 02:23
@steven-github
Margaret
@Margaret2
May 23 2017 02:23
@gabbykhval look at the 2nd example in the instructions
Manish Giri
@Manish-Giri
May 23 2017 02:23
read the example
drummpro123
@drummpro123
May 23 2017 02:23
@steven-github so that specific change should always been in the style elements?
InigoMantoya
@InigoMantoya
May 23 2017 02:23

<style>
.red-text {
color: red;
}
h2 {
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.Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Margaret
@Margaret2
May 23 2017 02:23
@InigoMantoya READ the WHOLE instructions, don't just copy and paste the example
Adam
@iGiblee
May 23 2017 02:23
@Manish-Giri thank you so much! I was going crazy.
CamperBot
@camperbot
May 23 2017 02:23
igiblee sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5612 | @manish-giri |http://www.freecodecamp.com/manish-giri
Steven S.
@steven-github
May 23 2017 02:24

@drummpro123 yes or you can use the inline style instead like this:

<h2 style="font-family:Lobster;”>text</h2>

or use a class like this:

<h2 class=“className">text</h2>
and have your className like this:

<style>
.className { font-family: Lobster;}
</style>

InigoMantoya
@InigoMantoya
May 23 2017 02:24
@Margaret2 I did, and before my code looked a bit different, I just don't understand what I'm missing
Margaret
@Margaret2
May 23 2017 02:26
@InigoMantoya show how you tried
gabbykhval
@gabbykhval
May 23 2017 02:26
how do you add a red-text class to a p element
is it the same as h2?
Steven S.
@steven-github
May 23 2017 02:27

@gabbykhval yes <p class=“classNameHere”>text</p> and you need to define the class inside the <style> </style> tags

<style> .classNameHere { color: red; } </style>

InigoMantoya
@InigoMantoya
May 23 2017 02:27
@Margaret2 I put it on this thread before and then started all over since it did not meet all of the requirements
gabbykhval
@gabbykhval
May 23 2017 02:30
how do I enter font-size of 16px into <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>
Ming
@sammen1990
May 23 2017 02:31
<style> and </style> should be in the same element or different
Margaret
@Margaret2
May 23 2017 02:31
@InigoMantoya try again and show again
please
InigoMantoya
@InigoMantoya
May 23 2017 02:32
@Margaret2 ok will do, give me a minute or two please
Ming
@sammen1990
May 23 2017 02:32

<style>. h2 {color: blue;} </style>

<h2>CatPhotoApp</h2>

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

Margaret
@Margaret2
May 23 2017 02:32
@gabbykhval you have to make a new set of CSS brackets for p elements p { ... }
Ming
@sammen1990
May 23 2017 02:33
I did this why nothing changed blue
help......
Margaret
@Margaret2
May 23 2017 02:33
@sammen1990 take out the . before h2
Ming
@sammen1990
May 23 2017 02:34
@Margaret2 thank you!!!!!
CamperBot
@camperbot
May 23 2017 02:34
sammen1990 sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 2555 | @margaret2 |http://www.freecodecamp.com/margaret2
gabbykhval
@gabbykhval
May 23 2017 02:34

its still not right:<style>
.red-text {
color: red;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>
p {"font-size":16px}

<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
May 23 2017 02:34
@Margaret2 :confused:
Screenshot 2017-05-22 22.34.24.png
Steven S.
@steven-github
May 23 2017 02:36

@gabbykhval

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

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

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

gabbykhval
@gabbykhval
May 23 2017 02:37
thats still not right
Manish Giri
@Manish-Giri
May 23 2017 02:38
why do you have quotes around font-size
Margaret
@Margaret2
May 23 2017 02:38
@steven-github have you done these challenges?
Joe R.
@DarthBaine
May 23 2017 02:38
need help with Prioritize One Style Over Another can someone help me out?
Margaret
@Margaret2
May 23 2017 02:38
@steven-github because if not, you need to work through them yourself first before you try helping other people
gabbykhval
@gabbykhval
May 23 2017 02:39
this is the only one that I need now: Your p element should contain the first few words of the provided additional kitty ipsum text.
Margaret
@Margaret2
May 23 2017 02:39
@gabbykhval remove quotes around font-size
gabbykhval
@gabbykhval
May 23 2017 02:39
I did
Margaret
@Margaret2
May 23 2017 02:39
@gabbykhval put ; after 16px also
InigoMantoya
@InigoMantoya
May 23 2017 02:39

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

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

gabbykhval
@gabbykhval
May 23 2017 02:40
its still not right
Margaret
@Margaret2
May 23 2017 02:40
@InigoMantoya You need to set the font size of p elements to 16px. When you've tried to do that, let me know
Joe R.
@DarthBaine
May 23 2017 02:40
@gabbykhval what # are you on?
JFox1194
@JFox1194
May 23 2017 02:40

What am I doing wrong!?
<!--

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

<h2>CatPhotoApp</h2>

<p>Hello Paragraph</p><!--> -->

Margaret
@Margaret2
May 23 2017 02:41
@gabbykhval his code was also missing a > for the <p> in the second paragraph
don't copy and paste random people's stuff if you can help it
gabbykhval
@gabbykhval
May 23 2017 02:41
im on: Change the Font Size of an Element
Joe R.
@DarthBaine
May 23 2017 02:42
post your screen again please
RyanHuang06
@RyanHuang06
May 23 2017 02:43

<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target4").html("<em> #target4</em>");
});
</script>

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

Manish Giri
@Manish-Giri
May 23 2017 02:44
@RyanHuang06 "<em> #target4</em>");
RyanHuang06
@RyanHuang06
May 23 2017 02:44
?
Manish Giri
@Manish-Giri
May 23 2017 02:44
extra space
why?
Shara G Orr
@sharaorr
May 23 2017 02:46
hey guys, im still stuck on giving my form element the id cat-photo-form..here's myy code, any help is appreciated
<form action=<form id="cat-photo-form">
</form>
InigoMantoya
@InigoMantoya
May 23 2017 02:46
@Margaret2 ok I got it now, thanks for pointing that out
CamperBot
@camperbot
May 23 2017 02:46
inigomantoya sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 2556 | @margaret2 |http://www.freecodecamp.com/margaret2
Manish Giri
@Manish-Giri
May 23 2017 02:47
@sharaorr I remember sth like submit-cat-photo being there
where did it go?
Drudan
@Drudan
May 23 2017 02:47
Hi everyone, i have one question, sorry for my english, i'm brazilian guy.
Margaret
@Margaret2
May 23 2017 02:47
@sharaorr you need to have the action="/submit-cat-photo" AND the id on the same form element
JFox1194
@JFox1194
May 23 2017 02:47
Help!!
Vinitbajpa
@Vinitbajpa
May 23 2017 02:49
image.png
guys getting below error while trying to find 1st character of my string in java script, getting the letter correctly but still an error " use bracket notation ?" Pls help !!
:) Thanks I got it ... was changing the code above the line hehehe .. thanks anyways Ppl
Drudan
@Drudan
May 23 2017 02:52
image.png
help
Margaret
@Margaret2
May 23 2017 02:53
@Drudan you're not adding any classes to button or .btn

look at the lesson again:

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.

one class for each thing :point_up:

@Drudan
From0to1st
@From0to1st
May 23 2017 02:56
@Drudan nah bro, you need .addClass() for button, .btn, and #target1, but you need three attributes for #target1
Drudan
@Drudan
May 23 2017 02:58
thanks, sorry, i don't have good english for understand all lesson things.
Varun
@varunsangwan
May 23 2017 03:02
hi
Drudan
@Drudan
May 23 2017 03:02
hi
Varun
@varunsangwan
May 23 2017 03:02
I'm having a problem
Drudan
@Drudan
May 23 2017 03:02
write here
DanielJoo
@DanielJoo
May 23 2017 03:02

how Do I do this? can anyone help??

Nest all of your radio buttons inside one div with the class row.
Nest each of your radio buttons inside its own div with the class col-xs-6

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

Varun
@varunsangwan
May 23 2017 03:03
ok
how can I add A image
Drudan
@Drudan
May 23 2017 03:05
print ur screen and paste here, use the command Ctrl+v
Varun
@varunsangwan
May 23 2017 03:05
ok
FireShot Capture 12 - Change the Font Size of an Element I F_ - https___www.freecodecamp.com_chall.png
how can I complete this chalange
I am very new here
Megan
@wordsontour
May 23 2017 03:07

.red-text {
color: red;
}

p {
font-size: 16px;
}

remove your .font-size class.
DanielJoo
@DanielJoo
May 23 2017 03:08
Megan, will you be able to help me?
Varun
@varunsangwan
May 23 2017 03:08
thank you megan
Megan
@wordsontour
May 23 2017 03:08
Yw
Varun
@varunsangwan
May 23 2017 03:08
much appritiated
James D. Bohrman
@jdbohrman
May 23 2017 03:08

I need help on adding elements withing bootstrap wells.

<div class="well">
<div class="button">
<div class="button">
<div class="button">

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

    <div class="button">
    <div class="button">
    <div class="button">
Drudan
@Drudan
May 23 2017 03:08
@DanielJoo solution here <form action="/submit-cat-photo"> <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> <label><input type="checkbox" name="personality"> Loving</label> <label><input type="checkbox" name="personality"> Lazy</label>
DanielJoo
@DanielJoo
May 23 2017 03:08
oh thank you Drudan!!
Shara G Orr
@sharaorr
May 23 2017 03:08
still no luck :(
<form action="/submit-cat-photo"><form id="cat-photo-form">
Benkavod
@Benkavod
May 23 2017 03:10
@sharaorr are you missing an input tag?
Drudan
@Drudan
May 23 2017 03:11
@sharaorr remove <form id="cat-photo-form">
Megan
@wordsontour
May 23 2017 03:11
you also need to include the id with the action... <form action="/submit-cat-photo" id="cat-photo-form">
Ming
@sammen1990
May 23 2017 03:12

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

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

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

<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip</p>
omg how can I change the freaking font lol

how can I change the font I stuck for an hour on this shit lol
Benkavod
@Benkavod
May 23 2017 03:13
@sharaorr you also need to close your form element with </form>
Megan
@wordsontour
May 23 2017 03:13
@ming remove the quotations around your font-size. should be p {
font-size: 16px;
}
Benkavod
@Benkavod
May 23 2017 03:14
@sammen1990 also add ; after 16px
Ming
@sammen1990
May 23 2017 03:14
@wordsontour you saved my life thank you
CamperBot
@camperbot
May 23 2017 03:14
sammen1990 sends brownie points to @wordsontour :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @wordsontour |http://www.freecodecamp.com/wordsontour
Megan
@wordsontour
May 23 2017 03:14
Yw
James D. Bohrman
@jdbohrman
May 23 2017 03:16
Can anyone help me with adding elements withing bootstrap wells?
LukeWoolsey
@LukeWoolsey
May 23 2017 03:17
What are you trying to add?
Megan
@wordsontour
May 23 2017 03:18
@jdbohrman You need add the button element, rather than class, between your <div class="well">
<div class="well">
<button type="submit"></button>
<button type="submit"></button>
<button type="submit"></button>
</div>
James D. Bohrman
@jdbohrman
May 23 2017 03:19
Three button elements to each 'well' element <div class="well">
<div class="button">
<div class="button">
<div class="button">
  </div>
</div>
<div class="col-xs-6">
  <div class="well">
    <div class="button">
    <div class="button">
    <div class="button">'
LukeWoolsey
@LukeWoolsey
May 23 2017 03:20

<div class="well">

</div>

This creates the well. Then you add your elements which is button, in between.

So this would create a button within the well:

<div class="well">
<button>
</button>
</div>

James D. Bohrman
@jdbohrman
May 23 2017 03:20
@wordsontour Wow. Why do I forget the simplest things. THANKS!!! I'm still pretty discouraged that I forgot that.
CamperBot
@camperbot
May 23 2017 03:20
jdbohrman sends brownie points to @wordsontour :sparkles: :thumbsup: :sparkles:
:cookie: 121 | @wordsontour |http://www.freecodecamp.com/wordsontour
Megan
@wordsontour
May 23 2017 03:20
Yw! No worries, a lot to take in!
Will Waymel
@willwaymel
May 23 2017 03:24
hey all... getting a lot of error messages about cors like "Access to Font at 'https://production-assets.codepen.io/assets/telefon/bold/af889c53-1ee3-4868…50-3-b7a87e0fbd213943fae0c0ef5985635dd43fa9c24876b2725127a13ccaf4ab6a.woff' from origin 'http://codepen.io' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header has a value 'https://codepen.io' that is not equal to the supplied origin. Origin 'http://codepen.io' is therefore not allowed access." is the solution to do a full CORS request in javascript/jquery?
Kyle Holm
@thekholm80
May 23 2017 03:24
you can prepend your url with https://crossorigin.me/
the proxy will get around the CORS
Ewcampbell42
@Ewcampbell42
May 23 2017 03:25
Im stuck at Style Text Inputs as Form Controls. Should I delete the old classes from input and button? <input type="input form-control" placeholder="cat photo URL" required>
<button type="submit btn btn-primary">Submit<i class="fa fa-paper-plane"></i></button>
Kyle Holm
@thekholm80
May 23 2017 03:26
@willwaymel but it seems odd that you would be getting that error
usually we see that with API requests
LukeWoolsey
@LukeWoolsey
May 23 2017 03:28
@Ewcampbell42 Change input type to input type="form-control" and then change button type to button class=
Ewcampbell42
@Ewcampbell42
May 23 2017 03:29
Like this? I still get errors. <input class="form-control" placeholder="cat photo URL" required>
<button class="btn btn-primary">Submit<i class="fa fa-paper-plane"></i></button>
LukeWoolsey
@LukeWoolsey
May 23 2017 03:32
You need to add type="text" after the form control tag and then you're missing type="submit" which needs to go after btn btn-primary tag
Ewcampbell42
@Ewcampbell42
May 23 2017 03:33
@LukeWoolsey Thanks I was conflating the two
CamperBot
@camperbot
May 23 2017 03:33
ewcampbell42 sends brownie points to @lukewoolsey :sparkles: :thumbsup: :sparkles:
:cookie: 121 | @lukewoolsey |http://www.freecodecamp.com/lukewoolsey
Will Waymel
@willwaymel
May 23 2017 03:33
@thekholm80 I'm getting it also with my Api requests
danghv
@danghv
May 23 2017 03:33
p {
font-size: 16px;
font-family: Monospace;
}
Kyle Holm
@thekholm80
May 23 2017 03:33
@willwaymel are you a Pro user?
danghv
@danghv
May 23 2017 03:34
and i still got err "Your p element should still use the font Monospace."
Will Waymel
@willwaymel
May 23 2017 03:34
Of codepen.io? No @thekholm80
Hoang Thanh Tu
@hoangthanhtu
May 23 2017 03:35
@danghv show your code fully (include html part)
Kyle Holm
@thekholm80
May 23 2017 03:35
@willwaymel I'm just trying to understand the https://production-assets.codepen.io/assets/... link
Makopa
@makopa
May 23 2017 03:35
Good day everyone. my friends want to start his blog website, but he dont want to spend any money, what is the best hosting. or pre-blogging website?. dont if ill use. wordpress, githubpages, or what?
LukeWoolsey
@LukeWoolsey
May 23 2017 03:36
Wordpress probably for free @makopa Has a great platform for blogs, with a content management system
Ramya pilli
@ramyapilli
May 23 2017 03:36
Guys need a help how to change h1 element's text to say "Hello World" instead of "Hello".
LukeWoolsey
@LukeWoolsey
May 23 2017 03:36
@ramyapilli <h1>Hello World</h1>
Megan
@wordsontour
May 23 2017 03:36
<h1>Hello World</h1>
Makopa
@makopa
May 23 2017 03:36
@LukeWoolsey thanks woolsey! the blog i will be creating is very simple and static. it will do the job for be? and it will be permanent?
CamperBot
@camperbot
May 23 2017 03:36
makopa sends brownie points to @lukewoolsey :sparkles: :thumbsup: :sparkles:
:cookie: 122 | @lukewoolsey |http://www.freecodecamp.com/lukewoolsey
Hoang Thanh Tu
@hoangthanhtu
May 23 2017 03:37
no, plz post your code
danghv
@danghv
May 23 2017 03:37
@hoangthanhtu plz help me out, ty
CamperBot
@camperbot
May 23 2017 03:37
danghv sends brownie points to @hoangthanhtu :sparkles: :thumbsup: :sparkles:
:cookie: 338 | @hoangthanhtu |http://www.freecodecamp.com/hoangthanhtu
LukeWoolsey
@LukeWoolsey
May 23 2017 03:37
@makopa Yep its permanent and it'll definitely do the job for you. There's a lot of themes already made out there that will help you get started. Thousands of people use Wordpress, including businesses for their blogs
danghv
@danghv
May 23 2017 03:38

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

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

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>

Ramya pilli
@ramyapilli
May 23 2017 03:38
@LukeWoolsey but its not running
thaq @LukeWoolsey
Makopa
@makopa
May 23 2017 03:40
@LukeWoolsey thanks! ill dive into it now! :+1:
CamperBot
@camperbot
May 23 2017 03:40
makopa sends brownie points to @lukewoolsey :sparkles: :thumbsup: :sparkles:
:warning: makopa already gave lukewoolsey points
LukeWoolsey
@LukeWoolsey
May 23 2017 03:40
@danghv You have .red-text overriding the font with Lobster font. Remove font-family: Lobster; from the .red-text and try it
danghv
@danghv
May 23 2017 03:40
@hoangthanhtu it's ok, i got it, thanks anyway
CamperBot
@camperbot
May 23 2017 03:40
danghv sends brownie points to @hoangthanhtu :sparkles: :thumbsup: :sparkles:
:warning: danghv already gave hoangthanhtu points
danghv
@danghv
May 23 2017 03:41
@LukeWoolsey ty, i got it
CamperBot
@camperbot
May 23 2017 03:41
danghv sends brownie points to @lukewoolsey :sparkles: :thumbsup: :sparkles:
:cookie: 123 | @lukewoolsey |http://www.freecodecamp.com/lukewoolsey
Will Waymel
@willwaymel
May 23 2017 03:41
@thekholm80 maybe it's where I added the font in the CSS settings. Here's my pen. Was getting the error on chrome on my pc http://codepen.io/willwaymel/pen/BRONwq
Kyle Holm
@thekholm80
May 23 2017 03:42
@willwaymel I'm not getting errors and it's loading new quotes
image.png
@willwaymel loaded 6 quotes
Will Waymel
@willwaymel
May 23 2017 03:44
@thekholm80 I'm still getting the error, plus telling me i'm coming from "http://codepen.io"
Kyle Holm
@thekholm80
May 23 2017 03:44
that's strange
Jacob Ellis
@showtime8080
May 23 2017 03:45
man I've got some work to do
Will Waymel
@willwaymel
May 23 2017 03:46
@thekholm80 XMLHttpRequest cannot load https://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&callback=. The 'Access-Control-Allow-Origin' header has a value 'https://s.codepen.io' that is not equal to the supplied origin. Origin 'http://s.codepen.io' is therefore not allowed access.
Kyle Holm
@thekholm80
May 23 2017 03:48
image.png
that's strange, no errors and quotes loading
Will Waymel
@willwaymel
May 23 2017 03:50
@thekholm80 ok... well I have no idea. maybe i need to look into doing the full CORS request
Kyle Holm
@thekholm80
May 23 2017 03:51
I don't know what to suggest. I added the crossorigin.me link and then it started giving me CORS errors, without it it's working fine
Will Waymel
@willwaymel
May 23 2017 03:52
yeah, when I took it away it caused errors. ... when I add it to this quotes one it doesn't fix it (though for you it works fine. thanks anyway, i'll keep looking into it @thekholm80
CamperBot
@camperbot
May 23 2017 03:52
willwaymel sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 792 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Kyle Holm
@thekholm80
May 23 2017 03:53
good luck, sorry I can't be more help
Mr-Benjamin
@Mr-Benjamin
May 23 2017 03:54
Target a Specific Child of an Element Using jQuery. Im having trouble working out this challenge.
Dapper
@kvg-16
May 23 2017 03:54
help plz
Nahuel Ovejero
@NahuelOvejero
May 23 2017 03:54
@willwaymel are you getting that error in codepen?
Mr-Benjamin
@Mr-Benjamin
May 23 2017 03:55
example given
$(".target:nth-child(3)").addClass("animated bounce");
Kyle Holm
@thekholm80
May 23 2017 03:55
@Mr-Benjamin and what are you supposed to be doing?
Mr-Benjamin
@Mr-Benjamin
May 23 2017 03:56
second target element bounce using nth-child function
LukeWoolsey
@LukeWoolsey
May 23 2017 03:56
@Mr-Benjamin The number in brackets, 3 in your example, is the element number you target. Use that code and change it to 2
Mr-Benjamin
@Mr-Benjamin
May 23 2017 03:56
I can see a three in nth-child
Kyle Holm
@thekholm80
May 23 2017 03:56
what have you tried?
Mr-Benjamin
@Mr-Benjamin
May 23 2017 03:57
Ive tried adding in there, I wasnt sure if I needed a comma or somthing.
Ewcampbell42
@Ewcampbell42
May 23 2017 03:57

Im trying to add elements to my bootstrap wells. How do I make a new button element? Is this not correct?

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

LukeWoolsey
@LukeWoolsey
May 23 2017 03:57
@Ewcampbell42 Replace all <div class="button"></div> with <button></button>
Mr-Benjamin
@Mr-Benjamin
May 23 2017 03:58
$(".target:nth-child (3 6)").addClass("animated bounce")
Muhammad Hussain
@ReactorboY
May 23 2017 03:58
hey campers gd morning
Ewcampbell42
@Ewcampbell42
May 23 2017 03:58
@LukeWoolsey thanks
CamperBot
@camperbot
May 23 2017 03:58
ewcampbell42 sends brownie points to @lukewoolsey :sparkles: :thumbsup: :sparkles:
:warning: ewcampbell42 already gave lukewoolsey points
Mark Warren
@iam6e6f626f6479
May 23 2017 03:59
Dam that's a lot of closing diva
Docs
Divs
iPhone autocorrect sucks
Muhammad Hussain
@ReactorboY
May 23 2017 04:00
Android sucks too at this department @iam6e6f626f6479
Will Waymel
@willwaymel
May 23 2017 04:00
@NahuelOvejero yeah
Mr-Benjamin
@Mr-Benjamin
May 23 2017 04:01
the second element would be the one below the first element?
it may be i am all coded out today
Ansel Ayala
@anselayala
May 23 2017 04:02
Need help fellas
<form action="/submit-cat-photo">
  <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
  <label><input type="checkbox" name="personality" checked> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input type="checkbox" name="personality"> Energetic</label>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
  <h2 id="cat-photo-form">
    </form>
Need to add an h2 id that's nested in the form.
gdotten
@gdotten
May 23 2017 04:05
could someone help me with why my codepen is bugging out? it won't stop refreshing/being weird. http://codepen.io/gdotten/full/OmamGZ/
Muhammad Hussain
@ReactorboY
May 23 2017 04:05
@anselayala closing h2 tag missing
Dapper
@kvg-16
May 23 2017 04:07
help please anyone?
Ansel Ayala
@anselayala
May 23 2017 04:08
@ReactorboY Not working..
@kvg-16 With what buddy
then just fix the link when you fix your script
gdotten
@gdotten
May 23 2017 04:10
alrighty that helps. thank you
shiblee86
@shiblee86
May 23 2017 04:11
Hi. I am not passing the following instruction:
Nest the existing img element within an a element.
I wrote the following:

<p>Click Here for some <a href="#">
<br/><img class="kitten" src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera."> Photos
</a>
</p>

<img

<p>Click Here for some <a href="#">
<br/><img class="kitten" src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera."> Photos
</a>
</p>
The scond section
can someone please tell what am I doing incorrectly?
Thanks.
Claudio Restifo
@Marmiz
May 23 2017 04:12

@shiblee86

<a><img></a>

Missing the open anchor around the image

shiblee86
@shiblee86
May 23 2017 04:13
Isn't this the open anchor? <a href="#">
I removed the br tag
<p>Click Here for some <a href="#">
<img class="kitten" src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera."> Photos
</a>
Claudio Restifo
@Marmiz
May 23 2017 04:13
Oh yeah, it was hard to see in that messy format.
So why the br?
shiblee86
@shiblee86
May 23 2017 04:13
I am still seeing the same
Ming
@sammen1990
May 23 2017 04:13

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

<style>
.thick-green-border {
border-color:green;
border-width: 10px;
border-style: solid;
}
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

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

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

<img class="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>
I have trouble to apply the 5 pixel boarder

Megan
@wordsontour
May 23 2017 04:14
@anselayala You shouldn't be adding an H2 ID, you need to give the form element an ID. <form id="cat-photo-form" action="/submit-cat-photo">
@anselayala Remove the H2 ID line in your code.
Ming
@sammen1990
May 23 2017 04:14
@wordsontour megan could you help me again:)
Claudio Restifo
@Marmiz
May 23 2017 04:14
@shiblee86 make sure also to implement the correct text, the challenge will look for it
shiblee86
@shiblee86
May 23 2017 04:14
I wanted to bring the image on a second line
Megan
@wordsontour
May 23 2017 04:14
@sammen1990 I can try, what's up?
Ming
@sammen1990
May 23 2017 04:15

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

<style>
.thick-green-border {
border-color:green;
border-width: 10px;
border-style: solid;
}
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

I don't know if my border are right
and how can I add another class
Claudio Restifo
@Marmiz
May 23 2017 04:15
@shiblee86 don't get creative on the first challenges, they look for exact matches.
you'll have time to get creative on your first assgnment
miha
@mihec95
May 23 2017 04:15
how do i give my form elemnt an id???
Claudio Restifo
@Marmiz
May 23 2017 04:16
@sammen1990 to add a second class simply divide them with a space:
class=" class1 class2 class3 ..."
Ming
@sammen1990
May 23 2017 04:16
should I also label the class
between the styles
so confused lol
Megan
@wordsontour
May 23 2017 04:16
@mihec95 <form id="cat-photo-form" action="/submit-cat-photo">
Claudio Restifo
@Marmiz
May 23 2017 04:16
@sammen1990 what do you mean by "label the class"?
Megan
@wordsontour
May 23 2017 04:17
@ming if you are going to utilize a class in your HTML, it needs to be defined in a stylesheet somewhere.
Claudio Restifo
@Marmiz
May 23 2017 04:17
you have declared some class in style, add them as usual inside html
miha
@mihec95
May 23 2017 04:17

@wordsontour i already got a form:

<form action="/submit-cat-photo" >
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

@wordsontour just dont know where to put id attribute
Megan
@wordsontour
May 23 2017 04:17
You need to add the id to the first line.. <form id="cat-photo-form" action="/submit-cat-photo">
shiblee86
@shiblee86
May 23 2017 04:18
I got rid of all the fancy classes and copied and pasted from the challenge
Ming
@sammen1990
May 23 2017 04:18
@Marmiz got it thanks
CamperBot
@camperbot
May 23 2017 04:18
sammen1990 sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 882 | @marmiz |http://www.freecodecamp.com/marmiz
shiblee86
@shiblee86
May 23 2017 04:18

You can make elements into links by nesting them within an a element.

Nest your image within an a element. Here's an example:

<a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></a>

Remember to use # as your a element's href property in order to turn it into a dead link.

Place the existing image element within an anchor element.

Once you've done this, hover over your image with your cursor. Your cursor's normal pointer should become the link clicking pointer. The photo is now a link.

miha
@mihec95
May 23 2017 04:18
@wordsontour got it thank you
CamperBot
@camperbot
May 23 2017 04:18
mihec95 sends brownie points to @wordsontour :sparkles: :thumbsup: :sparkles:
:cookie: 122 | @wordsontour |http://www.freecodecamp.com/wordsontour
Megan
@wordsontour
May 23 2017 04:18
Yw!
shiblee86
@shiblee86
May 23 2017 04:19
<a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></a>
Still not passing the challenge
Claudio Restifo
@Marmiz
May 23 2017 04:20
@shiblee86 I believe the existing image had classes on it
Ansel Ayala
@anselayala
May 23 2017 04:21
@wordsontour THANKS!
CamperBot
@camperbot
May 23 2017 04:21
:cookie: 123 | @wordsontour |http://www.freecodecamp.com/wordsontour
anselayala sends brownie points to @wordsontour :sparkles: :thumbsup: :sparkles:
Megan
@wordsontour
May 23 2017 04:21
Yw!
@shiblee86 You need the classes that used to be on the image. <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
LukeWoolsey
@LukeWoolsey
May 23 2017 04:22
@shiblee86 Make sure you're also using the exact text they tell you to as well. Do not add any additional code, or it will fail
sarath1421
@sarath1421
May 23 2017 04:24
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
How to do it?
Claudio Restifo
@Marmiz
May 23 2017 04:25

@sarath1421 focus on this bit:

Between the style tags, give the p elements font-size of 16px

Markus Ivancsics
@ivancsicsmarkus
May 23 2017 04:25
@sarath1421 Do you have style tags?
sarath1421
@sarath1421
May 23 2017 04:25
<style>
.red-text {
color: red;

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

</style>
i have added like this. But not working
Megan
@wordsontour
May 23 2017 04:26
@sarath1421 you need to remove the <> around p.. should be p { font-size: 16px; }
Markus Ivancsics
@ivancsicsmarkus
May 23 2017 04:26
@sarath1421 This is not the way you should target a tag.
Douglas M.
@DougiePhreshh
May 23 2017 04:26
RGB hex code is not working in RGB challenge. I use the value given and have refreshed the page. Nothing is working.

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

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

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

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

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

Markus Ivancsics
@ivancsicsmarkus
May 23 2017 04:26
@sarath1421 You don’t need any < or >. Just the tag name, curly braces, properties.
sarath1421
@sarath1421
May 23 2017 04:26
Thanks a lot. It worked
Megan
@wordsontour
May 23 2017 04:27
@DougiePhreshh color: is for text only, I believe the challenge needs you to use background-color:
Which challenge are you on?
Harry Nguyen
@harrynguyen1993
May 23 2017 04:28
Hi all
Mukul Agrawal
@mukul09
May 23 2017 04:28
@DougiePhreshh i don't think there is something wrong with the code. try refreshing
Markus Ivancsics
@ivancsicsmarkus
May 23 2017 04:28
@ntluantma Hey!
Harry Nguyen
@harrynguyen1993
May 23 2017 04:28
I have a issue here
Nest each of your radio buttons inside its own div with the class col-xs-6
Megan
@wordsontour
May 23 2017 04:29
@DougiePhreshh Just checked past challenges - it's color: for the step you're on... nothing wrong with your code.
Markus Ivancsics
@ivancsicsmarkus
May 23 2017 04:29
@ntluantma Do you know what nesting means?
LukeWoolsey
@LukeWoolsey
May 23 2017 04:29
The challenge states to use 218, 112, 214 in orchid @DougiePhreshh
Mukul Agrawal
@mukul09
May 23 2017 04:29
@DougiePhreshh it should be 112 not 122
LukeWoolsey
@LukeWoolsey
May 23 2017 04:29
You use 122
Douglas M.
@DougiePhreshh
May 23 2017 04:30
@LukeWoolsey woooow. I am dyslexic
Harry Nguyen
@harrynguyen1993
May 23 2017 04:30
<div class= "row">

<div class="clo-xs-6"><input type="radio" name="indoor-outdoor"> Indoor</div>
 <div class="col-xs-6"><input type="radio" name="indoor-outdoor">  Outdoor</div>
  </div>
is this right?@ @ivancsicsmarkus
Douglas M.
@DougiePhreshh
May 23 2017 04:30
Thanks so much! @wordsontour @LukeWoolsey @mukul09
CamperBot
@camperbot
May 23 2017 04:30
dougiephreshh sends brownie points to @wordsontour and @lukewoolsey and @mukul09 :sparkles: :thumbsup: :sparkles:
:cookie: 282 | @mukul09 |http://www.freecodecamp.com/mukul09
:cookie: 124 | @wordsontour |http://www.freecodecamp.com/wordsontour
:cookie: 124 | @lukewoolsey |http://www.freecodecamp.com/lukewoolsey
Markus Ivancsics
@ivancsicsmarkus
May 23 2017 04:31
@ntluantma Yes it is.
Mukul Agrawal
@mukul09
May 23 2017 04:31
@DougiePhreshh :+1:
Megan
@wordsontour
May 23 2017 04:31
@ntluantma Your first div class should be 'col-xs-6', yours is clo-xs-6.
Harry Nguyen
@harrynguyen1993
May 23 2017 04:31
but I can not pass this step
Markus Ivancsics
@ivancsicsmarkus
May 23 2017 04:31
@ntluantma It’s not.
@ntluantma You need to nest it within a label tag.
Noth within a col-xs-6
@ntluantma
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
Harry Nguyen
@harrynguyen1993
May 23 2017 04:34
I have tried it
Gabe
@gabe0003
May 23 2017 04:35
hello, can anyone tell me how to create a script element? forgot it from previous lesson and can't find which lesson I learned it in
Ibrahim Shaikh
@ibm89
May 23 2017 04:35
Hello wrld
Harry Nguyen
@harrynguyen1993
May 23 2017 04:35
but not pass too @ @ivancsicsmarkus
Manish Giri
@Manish-Giri
May 23 2017 04:35
@gabe0003 just use script tags
Gabe
@gabe0003
May 23 2017 04:35
is it "<" these?
Manish Giri
@Manish-Giri
May 23 2017 04:36
<script> is the opening tag
James D. Bohrman
@jdbohrman
May 23 2017 04:36

I'm having trouble scripting tags

<script>
$(document).ready(function() {});
</script>

Gabe
@gabe0003
May 23 2017 04:36
@Manish-Giri thank you sir!
CamperBot
@camperbot
May 23 2017 04:36
gabe0003 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5614 | @manish-giri |http://www.freecodecamp.com/manish-giri
Lance
@texas2010
May 23 2017 04:36
and dont forget to close tag. :P
Manish Giri
@Manish-Giri
May 23 2017 04:36
@gabe0003 welcome
lol
Ansel Ayala
@anselayala
May 23 2017 04:39
<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;
  }

  .silver-background {
    background-color: silver;
  }
  #cat-photo-element {
    background-color: green;
  }
</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 class="silver-background">
  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
</div>

<form action="/submit-cat-photo" id="cat-photo-form">
  <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
  <label><input type="checkbox" name="personality" checked> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input type="checkbox" name="personality"> Energetic</label>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
Any help?
Giles Hanley
@GilesH1
May 23 2017 04:39
how do i give my h1 element a class
Manish Giri
@Manish-Giri
May 23 2017 04:40
@anselayala <form action="/submit-cat-photo" id="cat-photo-form">
what is the ID here
Dipjul
@dipjul
May 23 2017 04:40
<form action="/submit-cat-photo" id="cat-photo-form">
what's wrong?
q.Give your form element the id of cat-photo-form
Ansel Ayala
@anselayala
May 23 2017 04:40
I need to change the background for my id nested in my form tag
Manish Giri
@Manish-Giri
May 23 2017 04:40
what is the ID here
Markus Ivancsics
@ivancsicsmarkus
May 23 2017 04:40

@GilesH1

<tag class="class-hello"></tag>

Now replace tag with h1 and …-s with other content.

James D. Bohrman
@jdbohrman
May 23 2017 04:41
'<script>
$(document).ready(function() {});
</script>'
Help?
Ansel Ayala
@anselayala
May 23 2017 04:41
@Manish-Giri id="cat-photo-form"
Markus Ivancsics
@ivancsicsmarkus
May 23 2017 04:41
@jdbohrman What is the task?
Giles Hanley
@GilesH1
May 23 2017 04:41
Thanks @ivancsicsmarkus
CamperBot
@camperbot
May 23 2017 04:41
gilesh1 sends brownie points to @ivancsicsmarkus :sparkles: :thumbsup: :sparkles:
:cookie: 512 | @ivancsicsmarkus |http://www.freecodecamp.com/ivancsicsmarkus
Manish Giri
@Manish-Giri
May 23 2017 04:41
@anselayala and what is the ID here
 #cat-photo-element {
    background-color: green;
  }
James D. Bohrman
@jdbohrman
May 23 2017 04:42
@ivancsicsmarkus Script Tags and Document Ready Work
Ansel Ayala
@anselayala
May 23 2017 04:42
ummmm I dont know !
Manish Giri
@Manish-Giri
May 23 2017 04:42
where did you get this ID from #cat-photo-element {
Dhaval
@Dhavalc2012
May 23 2017 04:42
Background -color maybe
Lance
@texas2010
May 23 2017 04:42
that is example code lol
Markus Ivancsics
@ivancsicsmarkus
May 23 2017 04:42
@jdbohrman It passes for me.
Lance
@texas2010
May 23 2017 04:42
i think
Markus Ivancsics
@ivancsicsmarkus
May 23 2017 04:42
@jdbohrman Reload the page! (refresh)
Harry Nguyen
@harrynguyen1993
May 23 2017 04:43
<form action="/submit-cat-photo">

<div class= "row">

<div class="clo-xs-6">
<lable><input type="radio" name="indoor-outdoor"> Indoor</lable>
<lable><input type="radio" name="indoor-outdoor"> Outdoor</lable>
</div>
</div>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>

<button type="submit">Submit</button>
</form>
Manish Giri
@Manish-Giri
May 23 2017 04:43
yeah it is the example
Ansel Ayala
@anselayala
May 23 2017 04:43
\Its one of the task. TO put it in css form
Manish Giri
@Manish-Giri
May 23 2017 04:43
so you copy pasted the example?
Lance
@texas2010
May 23 2017 04:43
no you use wrong name. check again
Harry Nguyen
@harrynguyen1993
May 23 2017 04:43
I can not pass this step
Dhaval
@Dhavalc2012
May 23 2017 04:43
Css has form??? 😑😑😑
Mukul Agrawal
@mukul09
May 23 2017 04:43
@ntluantma its col not clo
Manish Giri
@Manish-Giri
May 23 2017 04:43
lol
Lance
@texas2010
May 23 2017 04:43
what? css has form? O_o
um
Ansel Ayala
@anselayala
May 23 2017 04:44
ITA OWN WAY . Sorry ive only been learning for two days
Claudio Restifo
@Marmiz
May 23 2017 04:44
@texas2010 @Manish-Giri :wave: :wave:
Dhaval
@Dhavalc2012
May 23 2017 04:44
😂😂😂😂
Manish Giri
@Manish-Giri
May 23 2017 04:44
@Marmiz :wave:
Lance
@texas2010
May 23 2017 04:44
@anselayala it is fine. they asked write name. dang i forget.
@Marmiz :wave:
Dhaval
@Dhavalc2012
May 23 2017 04:44
Form is just a tag and id is a tag
Markus Ivancsics
@ivancsicsmarkus
May 23 2017 04:44
@anselayala No problem! It is hard for everybody in the beginning.
Ansel Ayala
@anselayala
May 23 2017 04:44
just the # infront of the ID in CSS instead of .
Dhaval
@Dhavalc2012
May 23 2017 04:44
Form is an element sorry
Lance
@texas2010
May 23 2017 04:44
i forget what id name
Dhaval
@Dhavalc2012
May 23 2017 04:45
. Is for class
James D. Bohrman
@jdbohrman
May 23 2017 04:45
@ivancsicsmarkus Thanks that helped!
CamperBot
@camperbot
May 23 2017 04:45
jdbohrman sends brownie points to @ivancsicsmarkus :sparkles: :thumbsup: :sparkles:
:cookie: 513 | @ivancsicsmarkus |http://www.freecodecamp.com/ivancsicsmarkus
Lance
@texas2010
May 23 2017 04:45
@anselayala you doing right but you use wrong id name
Dhaval
@Dhavalc2012
May 23 2017 04:45

means id

...means id

#
Lance
@texas2010
May 23 2017 04:45
hey hey. someone know..
Claudio Restifo
@Marmiz
May 23 2017 04:45
@Dhavalc2012
wrap it inside a `
Levi Flint
@profelevi
May 23 2017 04:45
hey guys
Ansel Ayala
@anselayala
May 23 2017 04:46
What ID name do I use?
Claudio Restifo
@Marmiz
May 23 2017 04:46
# means id
Dhaval
@Dhavalc2012
May 23 2017 04:46
I cant 😂😂😂😂 using my phone
Ansel Ayala
@anselayala
May 23 2017 04:46
@profelevi HEy buddy
Levi Flint
@profelevi
May 23 2017 04:46
<input type="text" placeholder="cat photo URL"> <form action="/submit-cat-photo"> </form>
Ansel Ayala
@anselayala
May 23 2017 04:46
I know
Levi Flint
@profelevi
May 23 2017 04:46
this is my code
Dhaval
@Dhavalc2012
May 23 2017 04:46
Btw how r u
Lance
@texas2010
May 23 2017 04:46
give me a mins. i gonna to check on fcc challenge
Levi Flint
@profelevi
May 23 2017 04:46
and its still saying "nest your text input element within a form element."
James D. Bohrman
@jdbohrman
May 23 2017 04:46
Does anyone have any tips for visualizing jQuery? I'm a visual thinker and HTML was super easy for me so what are some ways to visualize some more logical languages?
Ansel Ayala
@anselayala
May 23 2017 04:46
https://www.freecodecamp.com/challenges/use-an-id-attribute-to-style-an-element#?solution=%0A<link href%3D"https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster" rel%3D"stylesheet" type%3D"text%2Fcss">%0A<style>%0A .red-text {%0A color%3A red%3B%0A }%0A%0A h2 {%0A font-family%3A Lobster%2C Monospace%3B%0A }%0A%0A p {%0A font-size%3A 16px%3B%0A font-family%3A Monospace%3B%0A }%0A%0A .thick-green-border {%0A border-color%3A green%3B%0A border-width%3A 10px%3B%0A border-style%3A solid%3B%0A border-radius%3A 50%25%3B%0A }%0A%0A .smaller-image {%0A width%3A 100px%3B%0A }%0A%0A .silver-background {%0A background-color%3A silver%3B%0A }%0A %23cat-photo-element {%0A background-color%3A green%3B%0A }%0A<%2Fstyle>%0A%0A<h2 class%3D"red-text">CatPhotoApp<%2Fh2>%0A%0A<p>Click here for <a href%3D"%23">cat photos<%2Fa>.<%2Fp>%0A%0A<a href%3D"%23"><img class%3D"smaller-image thick-green-border" alt%3D"A cute orange cat lying on its back. " src%3D"https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat"><%2Fa>%0A%0A<div class%3D"silver-background">%0A <p>Things cats love%3A<%2Fp>%0A <ul>%0A <li>cat nip<%2Fli>%0A <li>laser pointers<%2Fli>%0A <li>lasagna<%2Fli>%0A <%2Ful>%0A <p>Top 3 things cats hate%3A<%2Fp>%0A <ol>%0A <li>flea treatment<%2Fli>%0A <li>thunder<%2Fli>%0A <li>other cats<%2Fli>%0A <%2Fol>%0A<%2Fdiv>%0A%0A<form fccfaa%3D"%2Fsubmit-cat-photo" id%3D"cat-photo-form">%0A <label><input type%3D"radio" name%3D"indoor-outdoor" checked> Indoor<%2Flabel>%0A <label><input type%3D"radio" name%3D"indoor-outdoor"> Outdoor<%2Flabel>%0A <label><input type%3D"checkbox" name%3D"personality" checked> Loving<%2Flabel>%0A <label><input type%3D"checkbox" name%3D"personality"> Lazy<%2Flabel>%0A <label><input type%3D"checkbox" name%3D"personality"> Energetic<%2Flabel>%0A <input type%3D"text" placeholder%3D"cat photo URL" required>%0A <button type%3D"submit">Submit<%2Fbutton>%0A<%2Fform>%0A
Dhaval
@Dhavalc2012
May 23 2017 04:46
Input should always be inside form
Manish Giri
@Manish-Giri
May 23 2017 04:46
arre yaar iski toh
Lance
@texas2010
May 23 2017 04:47
sorry... i meant to say give me a mins. my bad.
Levi Flint
@profelevi
May 23 2017 04:47
I @Dhavalc2012 oh yeah?
Lance
@texas2010
May 23 2017 04:47

@anselayala

Try giving your form, which now has the id attribute of cat-photo-form, a green background.

Levi Flint
@profelevi
May 23 2017 04:48
<form action="/submit-cat-photo"> <input type="text" placeholder="cat photo URL"> </form>
this seemed to work
@Dhavalc2012
Thanks
Ansel Ayala
@anselayala
May 23 2017 04:48
Inside the ID ? id="cat-photo-form"... or a new one inside the form
Lance
@texas2010
May 23 2017 04:49
@anselayala you use wrong id name. that is why i trying to tell you about correct name.
correct name is cat-photo-form.
example name is cat-photo-element.
get it?
Ansel Ayala
@anselayala
May 23 2017 04:50
That is the correct one? In the previous one I was told to use that one instead of id="cat-photo-app"
Lance
@texas2010
May 23 2017 04:51
yeah challenge said Try giving your form, which now has the id attribute of cat-photo-form, a green background.
you could look at task. it said Give your form element the id of cat-photo-form.
Giles Hanley
@GilesH1
May 23 2017 04:51
how do i give my <style> a CSS class, its saying i dont have one but im prett sure i do
Manish Giri
@Manish-Giri
May 23 2017 04:52
@anselayala if you've got an injury on your left hand, would you treat your right leg instead?
Mukul Agrawal
@mukul09
May 23 2017 04:52
@GilesH1 share your code
Lance
@texas2010
May 23 2017 04:52
@Manish-Giri O_o
Giles Hanley
@GilesH1
May 23 2017 04:52
<style>
.pink-text{color:pink}
Manish Giri
@Manish-Giri
May 23 2017 04:52
:smiling_imp:
Ansel Ayala
@anselayala
May 23 2017 04:52
WHy would I ?
Giles Hanley
@GilesH1
May 23 2017 04:52
is that not right
Manish Giri
@Manish-Giri
May 23 2017 04:52
right
Lance
@texas2010
May 23 2017 04:52
@Manish-Giri sorry man. i dont get you lol
Ansel Ayala
@anselayala
May 23 2017 04:52
Im so lost......
Tinmyolwin
@Tinmyolwin
May 23 2017 04:52

@texas2010 can you tell me?I'll show you my code and instruction Nest all of your radio buttons inside one div with the class row.
Nest each of your radio buttons inside its own div with the class col-xs-6.
Make sure each of your div elements has a closing tag.

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

<style>
h2 {
font-family: Lobster, Monospace;
}

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

<div class="container-fluid">
<div class="row">
<div class="col-xs-8">
<h2 class="text-primary text-center">CatPhotoApp</h2>
</div>
<div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
</div>
</div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">
<div class="row">
<div class="col-xs-6">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-6">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-6">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
<p>Things cats <span class="text-danger">love:</span></p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</div>

Diego Martins
@diegovinicius55
May 23 2017 04:52
dudes, hello
Manish Giri
@Manish-Giri
May 23 2017 04:52
so WHY do you have cat-photo-element in style tags when you have cat-photo-form in HTML?
@anselayala
Diego Martins
@diegovinicius55
May 23 2017 04:53
can anyone help me to check my code for the back.ground
Ansel Ayala
@anselayala
May 23 2017 04:53
<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;
  }

  .silver-background {
    background-color: silver;
  }
  #cat-photo-element {
    background-color: green;
  }
</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 class="silver-background">
  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
</div>

<form action="/submit-cat-photo" id="cat-photo-form">
  <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
  <label><input type="checkbox" name="personality" checked> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input type="checkbox" name="personality"> Energetic</label>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
Mukul Agrawal
@mukul09
May 23 2017 04:53
@GilesH1 there is no semicolon (;) after color:pink
Ansel Ayala
@anselayala
May 23 2017 04:53
What am i DOING WRONG
sorry for caps
Diego Martins
@diegovinicius55
May 23 2017 04:53
nested in a div?
Giles Hanley
@GilesH1
May 23 2017 04:53
still says im wrong
Lance
@texas2010
May 23 2017 04:53
@anselayala you forget to change name.
Manish Giri
@Manish-Giri
May 23 2017 04:53
we've told you like 10 times already
Giles Hanley
@GilesH1
May 23 2017 04:53
This is the challenge: Your <style> should have a pink-text CSS class with its color set to pink.
Manish Giri
@Manish-Giri
May 23 2017 04:53
so WHY do you have cat-photo-element in style tags when you have cat-photo-form in HTML?
Lance
@texas2010
May 23 2017 04:53
#cat-photo-element to #cat-photo-form
Manish Giri
@Manish-Giri
May 23 2017 04:54
lol
such formatting
much wow
:smiling_imp:
Ansel Ayala
@anselayala
May 23 2017 04:54
@Manish-Giri I thought I was supposed to put it there? It was apart of my previous task
Lance
@texas2010
May 23 2017 04:54
oh
Giles Hanley
@GilesH1
May 23 2017 04:54
This is my whole style element <style>
.pink-text{color:pink;}
body {
background-color: black;
font-family: Monospace;
color: green;
}
</style>
Ansel Ayala
@anselayala
May 23 2017 04:54
THANKSSS JUST CHANGED IT!! @texas2010 @Manish-Giri
Giles Hanley
@GilesH1
May 23 2017 04:55
What is wrong with my pink-text class
Lance
@texas2010
May 23 2017 04:55
@anselayala i think cat-photo-app name is a example.
cbot! are you still awake? where is my cookie?
Ansel Ayala
@anselayala
May 23 2017 04:55
.pink-text {
color: pink ;
}
CamperBot
@camperbot
May 23 2017 04:55
you called?
Ansel Ayala
@anselayala
May 23 2017 04:55
@camperbot Yes
Lance
@texas2010
May 23 2017 04:56
okay. i better going to sleep soon.
Mukul Agrawal
@mukul09
May 23 2017 04:56
@GilesH1 where is your HTML code
Giles Hanley
@GilesH1
May 23 2017 04:56
My what
Lance
@texas2010
May 23 2017 04:56
your code!
Mukul Agrawal
@mukul09
May 23 2017 04:57
@GilesH1 your <h1> or <p> elements
Giles Hanley
@GilesH1
May 23 2017 04:57
oh its below
Ansel Ayala
@anselayala
May 23 2017 04:57
What are repos?
Giles Hanley
@GilesH1
May 23 2017 04:57

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

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

How do i like screenshot it and send it here
Mukul Agrawal
@mukul09
May 23 2017 04:58
@GilesH1 try refreshing your page
Giles Hanley
@GilesH1
May 23 2017 04:58
oh that worked..
thanks @mukul09
CamperBot
@camperbot
May 23 2017 04:58
gilesh1 sends brownie points to @mukul09 :sparkles: :thumbsup: :sparkles:
:cookie: 283 | @mukul09 |http://www.freecodecamp.com/mukul09
Susann
@Waldfrau
May 23 2017 04:58
Good Morning all together! Beside freecodecamp-tasks i try everything out with a editor-document. till now everything work fine, only the <link XY stylesheet> etc.... they can not be implemented in my editor document and it jsut dont work out. do someone know why?
Deshmani Kewat
@kickasslucky
May 23 2017 05:02
Your image should be 100 pixels wide. Browser zoom should be at 100%.
how to achieve this ^
Ansel Ayala
@anselayala
May 23 2017 05:02
use this

```
that^^
sarath1421
@sarath1421
May 23 2017 05:03
Your a element should have the anchor text of "cat photos".
You need an a element that links to http://freecatphotoapp.com
Make sure your a element has a closing tag.
Where to add this a element

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

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

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

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

Ansel Ayala
@anselayala
May 23 2017 05:04
Send me your challenge @sarath1421 I'll look through it
jazmynejack
@jazmynejack
May 23 2017 05:05
so the first lesson in jquery is acting up is not showing up on the right
Megan
@wordsontour
May 23 2017 05:05
Are you on Google Chrome and you are getting an error in place of the app? @jazmynejack
Mukul Agrawal
@mukul09
May 23 2017 05:05
@sarath1421 you can put it after your h1 element
Deshmani Kewat
@kickasslucky
May 23 2017 05:05
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. " class=smaller-image {width: 100px:} > This doesn't seem to work :(
jazmynejack
@jazmynejack
May 23 2017 05:06
yes i'm using google chrome
Megan
@wordsontour
May 23 2017 05:06
@kickasslucky Your class should be in quotations, and the "width:100px" should be defined in the <style> tags above your HTML in the .smaller-image class.
Rahul Zhade
@rzhade3
May 23 2017 05:06
@kickasslucky You can't define your class rules within the HTML like that, you gotta use a style tag
Megan
@wordsontour
May 23 2017 05:07
@jazmynejack I had the same issue, and could not get around it even after reviewing FCC's blogs. They indicated they were working on it, I just defaulted to using Firefox until the app lesson was completed.
Mark Warren
@iam6e6f626f6479
May 23 2017 05:07
class=""
miha
@mihec95
May 23 2017 05:07
how do i nest all of my HTL in a div element with the class 'container-fluid'
HTML*
Deshmani Kewat
@kickasslucky
May 23 2017 05:07
got it !
jazmynejack
@jazmynejack
May 23 2017 05:07
oh ok thank you @wordsontour
CamperBot
@camperbot
May 23 2017 05:07
jazmynejack sends brownie points to @wordsontour :sparkles: :thumbsup: :sparkles:
:cookie: 125 | @wordsontour |http://www.freecodecamp.com/wordsontour
sarath1421
@sarath1421
May 23 2017 05:07
@anselayala Link to External Pages with Anchor Elements
Megan
@wordsontour
May 23 2017 05:08
@mihec95 <div class="container-fluid"> above all of your HTML, and don't forget to close at the end of all of your code.
Ewcampbell42
@Ewcampbell42
May 23 2017 05:08
I'm targeting the same element with multiple jQuery Selectors. What is missing? <script>
$(document).ready(function() {
$("button").addClass("animated");
$(.btn).addClass("shake");
$("#target1").addClass("btn-primary")
});
</script>
Megan
@wordsontour
May 23 2017 05:08
@mihec95 Make sure not to include your <style> </style> tags within that div.
jazmynejack
@jazmynejack
May 23 2017 05:09
well that sucks i really wanted to go through jquery
Megan
@wordsontour
May 23 2017 05:09
@jazmynejack Are you able to get Firefox?
miha
@mihec95
May 23 2017 05:09
@wordsontour thanks
CamperBot
@camperbot
May 23 2017 05:09
mihec95 sends brownie points to @wordsontour :sparkles: :thumbsup: :sparkles:
:warning: mihec95 already gave wordsontour points
sarath1421
@sarath1421
May 23 2017 05:09
@mukul09 not working
jazmynejack
@jazmynejack
May 23 2017 05:10
yea but i don't wanna go through all of that
Ewcampbell42
@Ewcampbell42
May 23 2017 05:11
Is there a problem with the semicolons?
Megan
@wordsontour
May 23 2017 05:11
@jazmynejack :( You can try googling for a different result.. Hopefully you can find something
Ansel Ayala
@anselayala
May 23 2017 05:11
@sarath1421 yes
Megan
@wordsontour
May 23 2017 05:12
@Ewcampbell42 Doesn't look like it to me... I checked it against my challenge. Did you try refreshing?
Mukul Agrawal
@mukul09
May 23 2017 05:12
@sarath1421 share your full code
Manish Giri
@Manish-Giri
May 23 2017 05:12
@Ewcampbell42 $(.btn).addClass("shake");
jazmynejack
@jazmynejack
May 23 2017 05:12
yea but it's ok ill just work on a different lesson until they fix the problem
Manish Giri
@Manish-Giri
May 23 2017 05:12
you missed the quotes here
@Ewcampbell42
apharris
@apharris
May 23 2017 05:13
Anyone interested in helping me with something?
Ewcampbell42
@Ewcampbell42
May 23 2017 05:13
@Manish-Giri @wordsontour Thanks it was the quotes on .btn
CamperBot
@camperbot
May 23 2017 05:13
ewcampbell42 sends brownie points to @manish-giri and @wordsontour :sparkles: :thumbsup: :sparkles:
:cookie: 126 | @wordsontour |http://www.freecodecamp.com/wordsontour
:star2: 5615 | @manish-giri |http://www.freecodecamp.com/manish-giri
Megan
@wordsontour
May 23 2017 05:16
@sarath1421 Did you try just adding this to the bottom of your code? <a href="http://freecatphotoapp.com">cat photos</a>
Rahul Zhade
@rzhade3
May 23 2017 05:16
@apharris Sure, what's up?
R.Ragupathi
@rrpathi
May 23 2017 05:17
hello
apharris
@apharris
May 23 2017 05:17
@rzhade3 I'm working through the lessons and I'm stuck on one part. I need to change the form background green without using class or style elements. Any clue?
@rzhade3 I'm obviously new at this.... I hope that makes sense. :)
R.Ragupathi
@rrpathi
May 23 2017 05:18
Are You Here any php developers??
Darren
@DarrenfJ
May 23 2017 05:18
evenin fCC
R.Ragupathi
@rrpathi
May 23 2017 05:18
i am stuck in some concepts
Allen T
@TheRealAllenT
May 23 2017 05:19
how do i apply a class to a div element??
Alexander R Bott
@Abott1222
May 23 2017 05:20
@DarrenfJ :wave:
Rahul Zhade
@rzhade3
May 23 2017 05:20
@apharris Not sure if this is what you're looking for, but this thread might be of help
freeCodeCamp/freeCodeCamp#3013
Mukul Agrawal
@mukul09
May 23 2017 05:20
@TheRealAllenT <div class="class-name">
Hoang Thanh Tu
@hoangthanhtu
May 23 2017 05:20
@TheRealAllenT put class="class-name" into your div tag
apharris
@apharris
May 23 2017 05:20
@rzhade3 Thanks! I'll check it out. I appreciate the help!
CamperBot
@camperbot
May 23 2017 05:20
apharris sends brownie points to @rzhade3 :sparkles: :thumbsup: :sparkles:
:cookie: 84 | @rzhade3 |http://www.freecodecamp.com/rzhade3
Megan
@wordsontour
May 23 2017 05:20
@TheRealAllenT <div class=""> and style the class inside your <style></style> tags.
Darren
@DarrenfJ
May 23 2017 05:20
@Abott1222 buddy! :D
Alexander R Bott
@Abott1222
May 23 2017 05:21
@DarrenfJ hows it hangin my friend?
Darren
@DarrenfJ
May 23 2017 05:21
good man and you?
Alexander R Bott
@Abott1222
May 23 2017 05:22
Good. It too hot over here during the day but atleast it is the perfect weather to code outside finally(Seattle).
Darren
@DarrenfJ
May 23 2017 05:24
ah! been rainy here in TO
Allen T
@TheRealAllenT
May 23 2017 05:26
Thanks @wordsontour @hoangthanhtu @mukul09
CamperBot
@camperbot
May 23 2017 05:26
therealallent sends brownie points to @wordsontour and @hoangthanhtu and @mukul09 :sparkles: :thumbsup: :sparkles:
:cookie: 127 | @wordsontour |http://www.freecodecamp.com/wordsontour
:cookie: 285 | @mukul09 |http://www.freecodecamp.com/mukul09
:cookie: 339 | @hoangthanhtu |http://www.freecodecamp.com/hoangthanhtu
Emitte Ashley
@emtzc
May 23 2017 05:31
can any one help me here

First, you'll need to make a call to Google to grab the Lobster font and load it into your HTML.

Copy the following code snippet and paste it into the top of your code editor:

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

Now you can set Lobster as a font-family value on your h2 element.

Apply the font-family of Lobster to your h2 element.

Kasi1998
@Kasi1998
May 23 2017 05:32
Hi! I've just started tonight... Can someone help me?? I do not know why it's not working
Mukul Agrawal
@mukul09
May 23 2017 05:32
@emtzc just follow the instructions carefully, you will get it easily
@Kasi1998 share your code
Kasi1998
@Kasi1998
May 23 2017 05:33
How can I share it??
Darren
@DarrenfJ
May 23 2017 05:33
@Kasi1998 what's not working? what exercise are you working on?
@Kasi1998 cut and paste here
Kasi1998
@Kasi1998
May 23 2017 05:33
I'm working on the Change the Color of Text
Darren
@DarrenfJ
May 23 2017 05:33
you can format it too: posting code
Kasi1998
@Kasi1998
May 23 2017 05:34

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

Darren
@DarrenfJ
May 23 2017 05:34
@emtzc you just need to include that links at the top of all you code.. then 'assign' the font in the CSS
Mukul Agrawal
@mukul09
May 23 2017 05:35
@Kasi1998 your h2 element should be red not blue
Darren
@DarrenfJ
May 23 2017 05:35
they probably give you an example for format for assigning the font too... @emtzc
nthnrtch
@nthnrtch
May 23 2017 05:36
how do i make dead links using the hash symbol im having a hard time
Darren
@DarrenfJ
May 23 2017 05:36
@emtzc "Apply the font-family of Lobster to your h2 element."
@nthnrtch replace everything in the " .... " with a #
Mukul Agrawal
@mukul09
May 23 2017 05:36
@nthnrtch just make href="#"
nthnrtch
@nthnrtch
May 23 2017 05:36
thanks bro
Michael Payne
@codypayne2121
May 23 2017 05:37
can anyone show me how to use css selectors to style elements. sorry beginner here