These are chat archives for FreeCodeCamp/Help

25th
Mar 2017
Dushyant Rao
@Dushyant-Rao
Mar 25 2017 00:00
@jas24 so form the code i can see that you have created a class called thick green border and gave a comment with border color as red !
hanafiduck
@hanafiduck
Mar 25 2017 00:00
hi guys
Your p element should contain the first few words of the provided additional kitty ipsum text.
ninyonomercy
@ninyonomercy
Mar 25 2017 00:00
really can't get out from the site. really great guys. genius .
hanafiduck
@hanafiduck
Mar 25 2017 00:00
what does it means?
"Your p element should contain the first few words of the provided additional kitty ipsum text."
jas24
@jas24
Mar 25 2017 00:01
I change the red to green @Dushyant-Rao
Dushyant Rao
@Dushyant-Rao
Mar 25 2017 00:02
@hanafiduck create one more <p> copy paste the text and finally close the p </p>
Briaunna
@briscoe1999
Mar 25 2017 00:02
can't seem to make a dead link
jas24
@jas24
Mar 25 2017 00:03

@Dushyant-Rao

Your img element should have the class thick-green-border.

ninyonomercy
@ninyonomercy
Mar 25 2017 00:03
just remove the link and insert # . Remember to retain ""
jas24
@jas24
Mar 25 2017 00:03
how
Dushyant Rao
@Dushyant-Rao
Mar 25 2017 00:03
@jas24 is that the error you are getting?
ninyonomercy
@ninyonomercy
Mar 25 2017 00:03
thats help for me
hanafiduck
@hanafiduck
Mar 25 2017 00:03
@Dushyant-Rao still doesnt working dude
Briaunna
@briscoe1999
Mar 25 2017 00:03
like this? :: <p>Click here for <a href = "#">cat photos</a>.</p>
jas24
@jas24
Mar 25 2017 00:03
yes @Dushyant-Rao
hanafiduck
@hanafiduck
Mar 25 2017 00:04
"Your p element should contain the first few words of the provided additional kitty ipsum text."
Dushyant Rao
@Dushyant-Rao
Mar 25 2017 00:04
@briscoe1999 remove the link and insert #
ninyonomercy
@ninyonomercy
Mar 25 2017 00:04
<a href="#">ca.....
Dushyant Rao
@Dushyant-Rao
Mar 25 2017 00:04
ninyonomercy is correct :)
ninyonomercy
@ninyonomercy
Mar 25 2017 00:05
just copy from you mate
hanafiduck
@hanafiduck
Mar 25 2017 00:05
@Dushyant-Rao any solutions?
Jean-Paul Sauve
@jp-sauve
Mar 25 2017 00:05
does someone "mark" the projects?
Dushyant Rao
@Dushyant-Rao
Mar 25 2017 00:05
@hanafiduck can you share your code please
hanafiduck
@hanafiduck
Mar 25 2017 00:06

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

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

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

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

Briaunna
@briscoe1999
Mar 25 2017 00:06
guess i had to refresh the page for it to work, thanks @ninyonomercy
CamperBot
@camperbot
Mar 25 2017 00:06
briscoe1999 sends brownie points to @ninyonomercy :sparkles: :thumbsup: :sparkles:
:cookie: 31 | @ninyonomercy |http://www.freecodecamp.com/ninyonomercy
Manish Giri
@Manish-Giri
Mar 25 2017 00:07
@hanafiduck second p text should be different
<p>Kitty ipsum text dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
jas24
@jas24
Mar 25 2017 00:08

@Dushyant-Rao
Your img element should have the class thick-green-border.

Give your image a border width of 10px.

Give your image a border style of solid.

The border around your img element should be green.

hanafiduck
@hanafiduck
Mar 25 2017 00:08
@Manish-Giri still doesnt working

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

Manish Giri
@Manish-Giri
Mar 25 2017 00:09
@hanafiduck the text is highlighted in red on the left..
Debow5
@Debow5
Mar 25 2017 00:09
can anyone plz help me with this im new here <h1>hello</h1>
hanafiduck
@hanafiduck
Mar 25 2017 00:10

@Manish-Giri

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

still same
Manish Giri
@Manish-Giri
Mar 25 2017 00:11
really?
hanafiduck
@hanafiduck
Mar 25 2017 00:11
yupp
Manish Giri
@Manish-Giri
Mar 25 2017 00:11
can you not see the text they've highlighted in red on the left?
starts with Pur jump
Dushyant Rao
@Dushyant-Rao
Mar 25 2017 00:11
@hanafiduck you have copied same text twice for <P>
hanafiduck
@hanafiduck
Mar 25 2017 00:12
@Manish-Giri thanks dude, sorry i didn't see it
CamperBot
@camperbot
Mar 25 2017 00:12
hanafiduck sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4907 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Mar 25 2017 00:12
:+1:
BondBoy05
@BondBoy05
Mar 25 2017 00:12
hey guys
back
jas24
@jas24
Mar 25 2017 00:16
??/
mondo1289
@mondo1289
Mar 25 2017 00:16
can anyone help me I'm on level 84. Create a bootstrap row.
Miguel Ramirez
@mickeyram23
Mar 25 2017 00:16
can some one help need to make .smaller-image
mondo1289
@mondo1289
Mar 25 2017 00:16
?*
Miguel Ramirez
@mickeyram23
Mar 25 2017 00:16

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

Dushyant Rao
@Dushyant-Rao
Mar 25 2017 00:16
@jas24 did you remove the border color red?
mondo1289
@mondo1289
Mar 25 2017 00:16

i need help I need to create a bootstrap row. they are asking me to create a div element below the h3 tag with a class of row. <div class="container-fluid">

<h3 class="text-primary text-center">jQuery Playground</h3>
</div>
i added
<div class="container-fluid">
<div class="row">
</div>
</div>
i have everything checked off the list from: your div element should have the class row
your row div should be nested insted the container-fluid div
make sure your div element has a closing tag
but what im missing is
add a div element below your h3 element

BondBoy05
@BondBoy05
Mar 25 2017 00:18
can anyone help me with the use CSS selectors to style elements code?
Gouse Rizvi Mohammad
@gouserizvi
Mar 25 2017 00:18
@mondo1289 then what's the problem
mondo1289
@mondo1289
Mar 25 2017 00:19
its telling me I'm missing something I'm lost on what I'm missing
BondBoy05
@BondBoy05
Mar 25 2017 00:19
all i need to do is change my h2 element to blue but i've tried to change it in all the ways can think of
Gouse Rizvi Mohammad
@gouserizvi
Mar 25 2017 00:20
Try resetting your code @mondo1289
mondo1289
@mondo1289
Mar 25 2017 00:20
i did it a few times
hanafiduck
@hanafiduck
Mar 25 2017 00:20
"Your a element should be nested within your new p element."
what does it means guys?
BondBoy05
@BondBoy05
Mar 25 2017 00:20
idk
?
mondo1289
@mondo1289
Mar 25 2017 00:21
in your p element you need to put another element "nesting"
Dushyant Rao
@Dushyant-Rao
Mar 25 2017 00:21
@hanafiduck inside your P element add A element
hanafiduck
@hanafiduck
Mar 25 2017 00:21
@Dushyant-Rao <p>View more <a href="#">dwad</a></p> like that?
mondo1289
@mondo1289
Mar 25 2017 00:21
yea something like that
Dushyant Rao
@Dushyant-Rao
Mar 25 2017 00:22
@hanafiduck yep
hanafiduck
@hanafiduck
Mar 25 2017 00:22
@Dushyant-Rao doesnt work
BondBoy05
@BondBoy05
Mar 25 2017 00:22
can anyone help me?
Dushyant Rao
@Dushyant-Rao
Mar 25 2017 00:23
@mondo1289 add div class container fluid at the top of page just below the </style>
Gulsvi
@gulsvi
Mar 25 2017 00:23
@BondBoy05 What's your question?
jibil
@jibil
Mar 25 2017 00:23
Hi, having trouble with this code. Error: Apply the btn class and btn-default class to each of your button elements
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<div class="well">
<button class:"btn btn-default"></button>
<button class:"btn btn-default"></button>
<button class:"btn btn-default"></button>
</div>
</div>
<div class="col-xs-6">
<div class="well">
<button class:"btn btn-default"></button>
<button class:"btn btn-default"></button>
<button class:"btn btn-default"></button>
</div>
</div>
</div>
</div>
BondBoy05
@BondBoy05
Mar 25 2017 00:23
can anyone help me with the use CSS selectors to style elements codeall i need to do is change my h2 element to blue but i've tried to change it in all the ways can think of
Gouse Rizvi Mohammad
@gouserizvi
Mar 25 2017 00:24
@mondo1289 add container fluid before h3tag
hanafiduck
@hanafiduck
Mar 25 2017 00:24
@Dushyant-Rao here's my code

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

<p>View more <a href="https://freecodecamp.com"> link to Free Code Camp</a> for you to follow.</p>

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

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

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

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

BondBoy05
@BondBoy05
Mar 25 2017 00:25
hello?
Jayden Williams
@jaydkeith
Mar 25 2017 00:26
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">
<botton class="btn">Like</botton>
Dushyant Rao
@Dushyant-Rao
Mar 25 2017 00:26
@hanafiduck your a element must be nested inside p element right?
Jayden Williams
@jaydkeith
Mar 25 2017 00:26
what is wrong with it
Gouse Rizvi Mohammad
@gouserizvi
Mar 25 2017 00:27
@BondBoy05 h2{
hanafiduck
@hanafiduck
Mar 25 2017 00:27
@Dushyant-Rao yup
mondo1289
@mondo1289
Mar 25 2017 00:27
got it thank you wow something so simple as that drove me mad @gouserizvi
CamperBot
@camperbot
Mar 25 2017 00:27
mondo1289 sends brownie points to @gouserizvi :sparkles: :thumbsup: :sparkles:
:cookie: 122 | @gouserizvi |http://www.freecodecamp.com/gouserizvi
Gouse Rizvi Mohammad
@gouserizvi
Mar 25 2017 00:27
Color:blue}
Dushyant Rao
@Dushyant-Rao
Mar 25 2017 00:27
@BondBoy05 hope you have created a class with a font color blue in style?
Jayden Williams
@jaydkeith
Mar 25 2017 00:27
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">
<botton class="btn">Like</botton>
can someone tell me whats wrong
BondBoy05
@BondBoy05
Mar 25 2017 00:28

trying but this is what i have<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>

but it won't change
mondo1289
@mondo1289
Mar 25 2017 00:28
cause its p
not
h2
wheres the h2 to change into blue? @BondBoy05
Dushyant Rao
@Dushyant-Rao
Mar 25 2017 00:30
@hanafiduck h2 should come first then p :)
Jayden Williams
@jaydkeith
Mar 25 2017 00:30
@jaydkeith
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">
<botton class="btn">Like</botton>
can someone tell me whats wrong
Dushyant Rao
@Dushyant-Rao
Mar 25 2017 00:30
@BondBoy05 where is your h2 element after style? :D
tejasreed
@tejasreed
Mar 25 2017 00:31
Hey guys, is there a way to add tags say <em> within a tag using jQuery?
jusgoose
@gusd773
Mar 25 2017 00:31
can anybody help spruce up my thumbnails and also center them?
http://codepen.io/gusd773/pen/ryYXqe
Gouse Rizvi Mohammad
@gouserizvi
Mar 25 2017 00:33
@jaydkeith I don't see any fault in your code
Coy Sanders
@coymeetsworld
Mar 25 2017 00:33
@tejasreed yes, the html function
Gouse Rizvi Mohammad
@gouserizvi
Mar 25 2017 00:34
Try closing your <img/> tag
Dushyant Rao
@Dushyant-Rao
Mar 25 2017 00:34
@jaydkeith <botton class must be <button class?
Gouse Rizvi Mohammad
@gouserizvi
Mar 25 2017 00:34
@jaydkeith <img/>
Coy Sanders
@coymeetsworld
Mar 25 2017 00:34
@tejasreed its covered in the Change Text Inside an Element Using jQuery challenge
Dushyant Rao
@Dushyant-Rao
Mar 25 2017 00:35
@gouserizvi we don't need a closing tag for img :)
tejasreed
@tejasreed
Mar 25 2017 00:35
@coymeetsworld Thats right! Thank you
CamperBot
@camperbot
Mar 25 2017 00:35
tejasreed sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2340 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Mar 25 2017 00:35
no problem
Fabusuyi David Oluwasegun
@dav4thevid
Mar 25 2017 00:35

function golfScore(par, strokes) {
  // Only change code below this line
  if (par + 2) {return "Double Bogey";}
  else if (par + 1) {return "Bogey";}
  else if (par) {return "par";}
  else if (par - 1) {return "Birdie";}
  else if (par <= -2) {return "Eagle";}
  else if ((par = 1)) {return "Hole-in-one";}

  else  if (par >= 3) {return "Go Home";}
  return "Change Me";
  // Only change code above this line
}

// Change these values to test
golfScore(5, 4);
pls help have been on dis for hours
golf code challenge
BondBoy05
@BondBoy05
Mar 25 2017 00:36
can someone help me? please:(
Fabusuyi David Oluwasegun
@dav4thevid
Mar 25 2017 00:36
anyone
Coy Sanders
@coymeetsworld
Mar 25 2017 00:36
@dav4thevid you need to compare par to strokes in your statements
you have other typos in there too (par = 1)
Fabusuyi David Oluwasegun
@dav4thevid
Mar 25 2017 00:37
ok.........what else @coymeetsworld
Coy Sanders
@coymeetsworld
Mar 25 2017 00:37
not all the return statements are correct
need to be exactly how they specify
jusgoose
@gusd773
Mar 25 2017 00:38
help
George Hadnott
@GeorgeHadnott
Mar 25 2017 00:38
New to the site but I'm already having a little trounle
Fabusuyi David Oluwasegun
@dav4thevid
Mar 25 2017 00:39
okay....@coymeetsworld would get bck to u
BondBoy05
@BondBoy05
Mar 25 2017 00:39
help?
@dav4thevid @coymeetsworld @gusd773 @GeorgeHadnott
Coy Sanders
@coymeetsworld
Mar 25 2017 00:40
you removed your h2 element, your style isn't doing anything
Kennan Smith
@KPS-GitHub
Mar 25 2017 00:40

I have this anchor element in my html (codepen on chrome):

<a id="bobStatus" href="https://www.twitch.tv/BobRoss" target="_blank"></a>

When it is clicked, the new tab says twitch and has the twitch symbol, but I get a white screen with nothing at all. Refreshing doesn't help. If I copy the exact url and put it in a new tab, the page comes up just fine. All that I could find from google is that this is a known issue and no one seems to know a workaround other than viewing in debug mode. Anyone happen to know what could make it work?

Gouse Rizvi Mohammad
@gouserizvi
Mar 25 2017 00:41
@BondBoy05 its done
BondBoy05
@BondBoy05
Mar 25 2017 00:41
it says that the h2 element has to be blue though...
Coy Sanders
@coymeetsworld
Mar 25 2017 00:41
Why is there no anchor text @KPS-GitHub ?
BondBoy05
@BondBoy05
Mar 25 2017 00:41
but, ok
Coy Sanders
@coymeetsworld
Mar 25 2017 00:41
@BondBoy05 you don't have any h2 elements in your code, you removed it
need to put it back
BondBoy05
@BondBoy05
Mar 25 2017 00:42
k i did
now what/
Kennan Smith
@KPS-GitHub
Mar 25 2017 00:42
@coymeetsworld The id is linked to a function in javascript that gives it either "Live" or "Offline" depending on whether the channel is on.
BondBoy05
@BondBoy05
Mar 25 2017 00:43
@coymeetsworld now what?
Gouse Rizvi Mohammad
@gouserizvi
Mar 25 2017 00:43
@BondBoy05 if you place youf h2 tag after your style tag ,then your h2 will be blue
BondBoy05
@BondBoy05
Mar 25 2017 00:43
k thanks:)
that didn't work...
here's the link to my question
Gouse Rizvi Mohammad
@gouserizvi
Mar 25 2017 00:44

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

Coy Sanders
@coymeetsworld
Mar 25 2017 00:45
@gouserizvi please don't provide answers like that
@BondBoy05 you didn't put the h2 tag back in, you just added h2 again in the style but that won't do anything
Gouse Rizvi Mohammad
@gouserizvi
Mar 25 2017 00:45
@coymeetsworld my bad sorry
Coy Sanders
@coymeetsworld
Mar 25 2017 00:45
none of the HTML should've changed on that challenge, all you were doing is adding
no worries @gouserizvi
BondBoy05
@BondBoy05
Mar 25 2017 00:46
thanks so much i've been on that for hours
in new to coding
Gouse Rizvi Mohammad
@gouserizvi
Mar 25 2017 00:47
@BondBoy05 no problem
Coy Sanders
@coymeetsworld
Mar 25 2017 00:47
@BondBoy05 just try going through the challenges slowly and read carefully, most of the time they tell you exactly what to do and you shouldn't do anything different
it will tell you when you need to edit or remove something in the code
Chiduri
@Chiduri
Mar 25 2017 00:49
new to coding but im glad i have nailed 27 assignments/topics in 2hrs. time to hit the pillow now goodnight/goodmorning/goodafternoon
Joer
@joerLin
Mar 25 2017 00:51
how to make the h2 element in all blue? sorry im new af
Coy Sanders
@coymeetsworld
Mar 25 2017 00:52
you need to create a style @joerLin, have you tried looking at the instructions?
which challenge are you on? There's different ways you can color text
Joer
@joerLin
Mar 25 2017 00:53
@coymeetsworld i've tried to look in the instructions but it doesn't work. i don't know why
Coy Sanders
@coymeetsworld
Mar 25 2017 00:53
which challenge name and what code do you have? Could be a typo or something maybe
Joer
@joerLin
Mar 25 2017 00:54
@coymeetsworld the challenge in using CSS selectors to style elements
Moisés Man
@moigithub
Mar 25 2017 00:55

above ur code u should have a

<style>
     //...
</style>

section where u should declare/create all ur css rules
@joerLin

Coy Sanders
@coymeetsworld
Mar 25 2017 00:55
:point_up:
Joer
@joerLin
Mar 25 2017 00:55
okay thanks. i love you all :*
Coy Sanders
@coymeetsworld
Mar 25 2017 00:55
they give an example to follow and you're going to follow that close to verbatim, just change the color in the example
kookiekrysp
@kookiekrysp
Mar 25 2017 00:56
This isn't a code question, but would it be a problem if I skip the portfolio project, move on to Javascript, and come back to the portfolio when I have something to put in it?
Coy Sanders
@coymeetsworld
Mar 25 2017 00:57
@kookiekrysp you could yeah
BondBoy05
@BondBoy05
Mar 25 2017 00:57
ok @coymeetsworld
Coy Sanders
@coymeetsworld
Mar 25 2017 00:57
but portfolio is suggested first because it doesn't require JS, all projects going forward will
BondBoy05
@BondBoy05
Mar 25 2017 00:57
thanks
Coy Sanders
@coymeetsworld
Mar 25 2017 00:57
you could at least work on part of it if you want, depends on how comfortable you are w/ HTML/CSS
np @BondBoy05
kookiekrysp
@kookiekrysp
Mar 25 2017 00:59
@coymeetsworld (love your screen name btw) I am pretty confident in CSS and HTML, that's why I want to come back to the portfolio in a week or two. Javascript is what I really need to work on.
Coy Sanders
@coymeetsworld
Mar 25 2017 01:00
@kookiekrysp haha thx, yeah you could skip it
CamperBot
@camperbot
Mar 25 2017 01:00
coymeetsworld sends brownie points to @kookiekrysp :sparkles: :thumbsup: :sparkles:
:cookie: 117 | @kookiekrysp |http://www.freecodecamp.com/kookiekrysp
Coy Sanders
@coymeetsworld
Mar 25 2017 01:00
I just made something that I know wasn't going to be complete and moved on
but don't matter, if you want to move to JS go ahead
Chiduri
@Chiduri
Mar 25 2017 01:01
just a quick one with the certificates, are they accredited or they are just certs of completion
Joer
@joerLin
Mar 25 2017 01:01
HEY GUYS. IVE FOLLOWED THE INSTRUCTIONS AND DID EVERYTHING YOU'VE ADVISE. BUT STILL IT DOESN'T WORK.
Moisés Man
@moigithub
Mar 25 2017 01:01
show ur code @joerLin
Mdene
@Mdene
Mar 25 2017 01:01
Hi there, i am stuck at the responsively style radio buttons , some </div> are missing but i can't find them.
kookiekrysp
@kookiekrysp
Mar 25 2017 01:01
@coymeetsworld Okay, so I can just make a simple template page and move on? I think that's what I will do. And I think I have to go find some Boy Meets World episodes now too. Lol
Mdene
@Mdene
Mar 25 2017 01:02
How can I show you my code?
BondBoy05
@BondBoy05
Mar 25 2017 01:03
where would be the style sheet?
Moisés Man
@moigithub
Mar 25 2017 01:03
copy paste
Isabelle
@isabellemao
Mar 25 2017 01:03
@Mdene Copy it and start it with ``` or post a link to your challenge
Chiduri
@Chiduri
Mar 25 2017 01:03
@joerLin are you trying to change the h2 color?
Joer
@joerLin
Mar 25 2017 01:03

<style>
<h2 {color: blue;}>CatPhotoApp</h2>
</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>

is this correct?
Coy Sanders
@coymeetsworld
Mar 25 2017 01:04
No @joerLin you have the HTML and CSS mixed in your style
only CSS should be in there. The h2 tags needed to stay below the style tags
Joer
@joerLin
Mar 25 2017 01:04
@coymeetsworld what should i do?
Coy Sanders
@coymeetsworld
Mar 25 2017 01:05
@joerLin look back at the instructions
they show you how you would style the h2 elements as red, you only need to make it so its blue
the <h2> tags should just be left alone
Mdene
@Mdene
Mar 25 2017 01:05
<form action="/submit-cat-photo">
<div class="row">
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
</div>
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
</div>
<div class="col-xs-6">
<label><input type="checkbox" name="personality"> Loving</label>
</div>
<div class="col-xs-6">
<label><input type="checkbox" name="personality"> Lazy</label>
</div>
<div class="col-xs-6">
<label><input type="checkbox" name="personality"> Crazy</label></div>
<div class="col-xs-6">
<input type="text" placeholder="cat photo URL" required> </div>
<div class="col-xs-6">
<button type="submit">Submit</button>
</div>
</div>
</form>
Chiduri
@Chiduri
Mar 25 2017 01:05

@joerLin <style>

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

Coy Sanders
@coymeetsworld
Mar 25 2017 01:06
@Chiduri that is not correct, also please don't post answers
@Mdene you have way too many columns it looks like
can't tell from your code but you should indent each time you nest. Easier to find closing tags that way
Chiduri
@Chiduri
Mar 25 2017 01:08

@joerLin

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

oh sorry...
Mdene
@Mdene
Mar 25 2017 01:08
@coymeetsworld tks
Coy Sanders
@coymeetsworld
Mar 25 2017 01:08
np
@Chiduri please do not provide answers
BondBoy05
@BondBoy05
Mar 25 2017 01:09
coy where is the stylesheet on m screen?
Chiduri
@Chiduri
Mar 25 2017 01:09
@coymeetsworld my bad...
Coy Sanders
@coymeetsworld
Mar 25 2017 01:09
on m screen?
BondBoy05
@BondBoy05
Mar 25 2017 01:09
my screen
Coy Sanders
@coymeetsworld
Mar 25 2017 01:09
I don't know?
Joer
@joerLin
Mar 25 2017 01:09
@Chiduri is that correct?
BondBoy05
@BondBoy05
Mar 25 2017 01:10
it says Your stylesheet should declare a red-text class and have its color set to red.
Coy Sanders
@coymeetsworld
Mar 25 2017 01:10
@BondBoy05 they mean the style tags
BondBoy05
@BondBoy05
Mar 25 2017 01:10
ohh
tks
Chiduri
@Chiduri
Mar 25 2017 01:10
@joerLin yes it is and thats the last time im posting answer here...
Joer
@joerLin
Mar 25 2017 01:10
okay i'll try
Coy Sanders
@coymeetsworld
Mar 25 2017 01:10
yes what he posted should be right @joerLin
BondBoy05
@BondBoy05
Mar 25 2017 01:11

but this is my code that's set right now <style>
h2 {
color: red;
}
</style>

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

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

jas24
@jas24
Mar 25 2017 01:11
@Dushyant-Rao yes I did
Coy Sanders
@coymeetsworld
Mar 25 2017 01:12
@BondBoy05 thats not the right style, they ask you to create a class
check instructions again, like I said read carefully
BondBoy05
@BondBoy05
Mar 25 2017 01:12
but i already have other style tags
i did...
Coy Sanders
@coymeetsworld
Mar 25 2017 01:12
you should just have one set of style tags and all your CSS will go in there
BondBoy05
@BondBoy05
Mar 25 2017 01:12
ok...
jas24
@jas24
Mar 25 2017 01:12
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
}
Coy Sanders
@coymeetsworld
Mar 25 2017 01:12
look at the examples, it shows you how to create a class
Nefer Lopez
@thatguynef
Mar 25 2017 01:14

NOOB QUESTION ALERT:
I’m looking for some feedback on code I’m experimenting with.

Objective
Make radio button selection populate the option elements with values from object into a dropdown menu.

I think my approach is way too long and would like to know a more efficient approach.

Here's my code: https://jsfiddle.net/rugezw0t/2/

I welcome your critiques.

Thanks in advance!

Chiduri
@Chiduri
Mar 25 2017 01:14
the best way to win at this is to understand the instructions
jas24
@jas24
Mar 25 2017 01:14
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
}
need help
been stuck for about 2 hours now
Coy Sanders
@coymeetsworld
Mar 25 2017 01:15
@jas24 need more information than that. What are you working on? Wheres the rest of your code?
Chiduri
@Chiduri
Mar 25 2017 01:15
@jas24 need help with waht?
ivitoria1
@ivitoria1
Mar 25 2017 01:16
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%. ????
esdairiM
@esdairiM
Mar 25 2017 01:17
Hey there, is there any way to skip over something you already know in the tutorials, because I am not a complete newbie ?
jas24
@jas24
Mar 25 2017 01:17
@coymeetsworld }
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
}
Coy Sanders
@coymeetsworld
Mar 25 2017 01:17
@thatguynef I think its fine. Could look into some functional programming features like map function to make the code a little smaller. Idk if it would be more efficient necessarily though
Chiduri
@Chiduri
Mar 25 2017 01:17
@ivitoria1 thats just your normal browser zoom settings, normally by default its set at 100%
Aaron Fox
@aaronfox
Mar 25 2017 01:17
@thatguynef how comfortable are you with jQuery? Using that would make your code much shorter if you're familiar with it
Coy Sanders
@coymeetsworld
Mar 25 2017 01:17
@jas24 you posted that 3 times, that isn't enough information
jas24
@jas24
Mar 25 2017 01:17
@coymeetsworld

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

Nefer Lopez
@thatguynef
Mar 25 2017 01:18
@coymeetsworld @aaronfox Thanks for taking a look!
CamperBot
@camperbot
Mar 25 2017 01:18
thatguynef sends brownie points to @coymeetsworld and @aaronfox :sparkles: :thumbsup: :sparkles:
:star2: 2341 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
:cookie: 276 | @aaronfox |http://www.freecodecamp.com/aaronfox
Coy Sanders
@coymeetsworld
Mar 25 2017 01:18
np @thatguynef
Nefer Lopez
@thatguynef
Mar 25 2017 01:19
@coymeetsworld a problem I encountered with forEach is that I couldn't loop through the object. Would I run into the same issue with map?
Coy Sanders
@coymeetsworld
Mar 25 2017 01:19
map works on arrays
Nefer Lopez
@thatguynef
Mar 25 2017 01:19
@aaronfox I'm looking for a plain vanilla JS solution :D
Coy Sanders
@coymeetsworld
Mar 25 2017 01:19
map is vanilla JS
its part of the core language
Alexander Køpke
@alexanderkopke
Mar 25 2017 01:20
its true
kevin
@kevinlop3z
Mar 25 2017 01:20
i cant seem to get buy the nesting challenge on here im foloowing the instructions
<p>view more <a href="http://www.freecatphotoapp.com">cat photos</a></p>
Coy Sanders
@coymeetsworld
Mar 25 2017 01:20
but if you have objects then yeah you'll need to do something else like use Object.keys to iterate.
Nefer Lopez
@thatguynef
Mar 25 2017 01:20
@coymeetsworld yea, map is vanilla JS, however, I need to loop through an object. How would I do that? I tried ForIn loop, but couldn't figure out a way to do it in one code block. I had to create 4 different loops...seemed silly.
esdairiM
@esdairiM
Mar 25 2017 01:21
@coymeetsworld Is there any way to skip some tutorials if you are already familiar with the subjects?
kevin
@kevinlop3z
Mar 25 2017 01:21
any help would be appreciated
Coy Sanders
@coymeetsworld
Mar 25 2017 01:21
would have to think about more efficient ways to do it, but Object.keys would put things in an array for you
@esdairiM anything w/o an asterisk is optional, but I would go through it anyways. If you know the material it should be quick
Chiduri
@Chiduri
Mar 25 2017 01:22
@kevinlop3z I also had a problem had to refresh my browser more than 5 times till the system responded. though the code was correct
Nefer Lopez
@thatguynef
Mar 25 2017 01:22
@coymeetsworld I didn't know object.keys would return an array. I'll have to dig deeper.
Coy Sanders
@coymeetsworld
Mar 25 2017 01:23
I think thats covered in a FCC challenge @thatguynef
esdairiM
@esdairiM
Mar 25 2017 01:23
thanks a lot @coymeetsworld
CamperBot
@camperbot
Mar 25 2017 01:23
esdairim sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2342 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Mar 25 2017 01:23
np @esdairiM
@kevinlop3z you have to follow instructions precisely
View should be capitalized, for one
hmm I guess you don't have to do that, strange. What's the rest of your code look like @kevinlop3z ?
Alexander Køpke
@alexanderkopke
Mar 25 2017 01:25
what about for in for looping through objects?
Nefer Lopez
@thatguynef
Mar 25 2017 01:25
@alexanderkopke Yea, that's what I did, but I used 4 of them lol. Do you see a way to only do 1?
@alexanderkopke That's the part I couldn't figure out. How to use one for in loop.
Alexander Køpke
@alexanderkopke
Mar 25 2017 01:26
@thatguynef which challenge?
Coy Sanders
@coymeetsworld
Mar 25 2017 01:26
its not a challenge, I don't think you want to use 1 loop only
don't try to oversimplify things :)
Nefer Lopez
@thatguynef
Mar 25 2017 01:27
@alexanderkopke not a challenge. I'm practicing with populating a webpage with values from an object inside a form.
Alexander Køpke
@alexanderkopke
Mar 25 2017 01:27
ah ok
Coy Sanders
@coymeetsworld
Mar 25 2017 01:28
although all the functions are similar
you could refactor to just have one function with one generic loop
Nefer Lopez
@thatguynef
Mar 25 2017 01:28
@coymeetsworld yea, it has DRY written all over it lol
jas24
@jas24
Mar 25 2017 01:28

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

Coy Sanders
@coymeetsworld
Mar 25 2017 01:28
and pass in parameters for the dough type
@jas24, I need to know what the challenge name is. I asked that before. Not sure where you're at in the code and I don't see the thick-green-border class you kept posting either...
Nefer Lopez
@thatguynef
Mar 25 2017 01:29
@coymeetsworld aaaahh. That makes sense.
SirrEric
@SirrEric
Mar 25 2017 01:30
<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row col-xs-6 col-xs-6"> 



  </div>
</div>
Nest two div class="col-xs-6" elements within your div class="row" element
Coy Sanders
@coymeetsworld
Mar 25 2017 01:30
you would need to have some sort of if/else case/switch code to handle what to pass in the function still, but the code would be smaller and yeah as you said has DRY written all over it :)
SirrEric
@SirrEric
Mar 25 2017 01:30
help please
Coy Sanders
@coymeetsworld
Mar 25 2017 01:30
@SirrEric rows and columns have their own divs
jas24
@jas24
Mar 25 2017 01:30
@coymeetsworld adding border around your element
SirrEric
@SirrEric
Mar 25 2017 01:30
@coymeetsworld k ty
CamperBot
@camperbot
Mar 25 2017 01:30
:star2: 2343 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
sirreric sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
Coy Sanders
@coymeetsworld
Mar 25 2017 01:31
@jas24 ok, you don't have the class you created in there, and you're not assigning it to your img tag
just like with smaller-image, just creating the class doesn't do anything. You need to assign classes to elements too
jas24
@jas24
Mar 25 2017 01:32
@coymeetsworld how??
Coy Sanders
@coymeetsworld
Mar 25 2017 01:32
read instructions, review the code you did before @jas24
important that you understand this concept
benson-yuhsuan
@benson-yuhsuan
Mar 25 2017 01:34
hi
is there anyone here still doing html?
or can help me out html? :D
Coy Sanders
@coymeetsworld
Mar 25 2017 01:35
@benson-yuhsuan what issues are you having?
please provide your code and challenge name as well
benson-yuhsuan
@benson-yuhsuan
Mar 25 2017 01:36
HTML, use a css class to style an element
i am unable to finish the "Your h2 element should have the class red-text"
jas24
@jas24
Mar 25 2017 01:37

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

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

h2 {
font-family: Lobster, Monospace;
}

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

.smaller-image {
width: 100px;

}
.thick-green-border{
border-color: green;
border-width: 10xp;
border-style: solid;
}
</style>

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

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

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

Coy Sanders
@coymeetsworld
Mar 25 2017 01:37
you have a typo in your thick-green-border class. And you haven't applied the class to your img tag.
The instructions show you how to give an element multiple classes, please read them again
benson-yuhsuan
@benson-yuhsuan
Mar 25 2017 01:38
alright, thanks!
Joer
@joerLin
Mar 25 2017 01:38

<style>
<h2 {color: blue;}>CatPhotoApp</h2>
</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>

whats wrong with this?
Coy Sanders
@coymeetsworld
Mar 25 2017 01:39
@joerLin you have HTML code inside your style tags, but there shouldn't be any HTML code in there just CSS
<h2>CatPhotoApp</h2> should be outside of the style tags and left alone, nothing should be changed there
Beth
@BethMF
Mar 25 2017 01:40
my pink-text CSS class should over write by body element, not sure what I am doing wrong?

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

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

Coy Sanders
@coymeetsworld
Mar 25 2017 01:40
shouldn't be a semi-colon after your class name @BethMF
Beth
@BethMF
Mar 25 2017 01:40
ohhh.. thank you!
Coy Sanders
@coymeetsworld
Mar 25 2017 01:41
np
jas24
@jas24
Mar 25 2017 01:41
@coymeetsworld .thick-green-border{
border-color: green;
border-width: 10xp;
border-style: solid;
}
Joer
@joerLin
Mar 25 2017 01:41
@coymeetsworld thanls a lot
Coy Sanders
@coymeetsworld
Mar 25 2017 01:41
np @joerLin
Jacob Kendall
@JacobDKendall
Mar 25 2017 01:44
how do I create a dead link replacing href with #
Coy Sanders
@coymeetsworld
Mar 25 2017 01:45
replace the URL with #
not href, thats the attribute name. You want to change its value
Jacob Kendall
@JacobDKendall
Mar 25 2017 01:45
got it thanks @coymeetsworld
CamperBot
@camperbot
Mar 25 2017 01:45
jacobdkendall sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2344 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Mar 25 2017 01:46
np
Carson Michael
@Carson2003
Mar 25 2017 01:47
can someone tell me why this dosent work
if(a || b < 0){
return undefined;
}
jas24
@jas24
Mar 25 2017 01:50
I'm trying everything its not work ive google and nothing help its seem a lot of ppl were having problem with the green border smh been trying to work on this for hours nothing
benson-yuhsuan
@benson-yuhsuan
Mar 25 2017 01:51

i dont understand how is it that my h2 element has no red text?

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

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

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

Coy Sanders
@coymeetsworld
Mar 25 2017 01:52
you have a typo in your h2 tag, the class isn't right theres an extra space
you also don't need that h2 selector, just red-text class
benson-yuhsuan
@benson-yuhsuan
Mar 25 2017 01:53
understood, thanks!
Manish Giri
@Manish-Giri
Mar 25 2017 01:54
@Carson2003 you need to check each of a and b individually..
if(a || b < 0){
Carson Michael
@Carson2003
Mar 25 2017 01:55
explain more
CamperBot
@camperbot
Mar 25 2017 01:55

freeCodeCamp Wiki:

:point_right: The freeCodeCamp wiki can be found on our forum.
Please follow the link and search there.
jas24
@jas24
Mar 25 2017 01:57

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

what am I doing wrong so hard ???
Roxroy
@roxroy
Mar 25 2017 01:59
@jas24 , looks good, which test is not passing?
Manish Giri
@Manish-Giri
Mar 25 2017 02:00
@jas24 <img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
you haven't added the second class to the img.
jas24
@jas24
Mar 25 2017 02:00
how
Carson Michael
@Carson2003
Mar 25 2017 02:00
@Manish-Giri what did you mean explain more
Anthony
@supernova609
Mar 25 2017 02:00
<img class="smaller-image thick-green-border" src
Manish Giri
@Manish-Giri
Mar 25 2017 02:01
@Carson2003 if(a || b < 0){
you're checking if b is less than 0
you need to do the same with a.
Roxroy
@roxroy
Mar 25 2017 02:03
@jas24 , you need to add both class to the img element. To combine more than one class, type both classes and sue a space to separate them
jas24
@jas24
Mar 25 2017 02:04
@roxroy how
Roxroy
@roxroy
Mar 25 2017 02:06
@roxroy , like class="smaller-image thick-green-border" this will give make it smaller-image as well as thick-green-border
__mifflin__
@cdrainxv
Mar 25 2017 02:06

@Carson2003: Read the instructions:

Modify the function abTest so that if a or b are less than 0 the function will immediately exit with a value of undefined.

That means if either a is less than 0 or b is less than 0.

Joer
@joerLin
Mar 25 2017 02:06

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

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

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

how to put a font size of 16px in the p element that contains a red-text CORRECTLY?

Isabelle
@isabellemao
Mar 25 2017 02:09
Make a css thing for p like p{}
give it a font-size : 16px; and color: red
__mifflin__
@cdrainxv
Mar 25 2017 02:10
@joerLin: Much like the example provided except your element is the p not h1 and your font-size is 16px.
jas24
@jas24
Mar 25 2017 02:10
@roxroy okay I did that but the border doesn't show

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

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

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
}
.thick-green-border{
border-color: green;
border-width: 10px;
border-style: solid;
}
.smaller-image {
width: 100px;
}
</style>

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

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

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

theskyinhereyes
@theskyinhereyes
Mar 25 2017 02:11

What am I doing wrong? I'm trying to add font size to the CSS...

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

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

Joer
@joerLin
Mar 25 2017 02:13
@cdrainxv i've taken your advise but still, it doesn't work.
__mifflin__
@cdrainxv
Mar 25 2017 02:14
@theskyinhereyes:
  1. You want your p element to have the font-size of 16px
  2. Move it outside of the .red-text css rule. Place it below it:
.red-text {
color:red;
}

//// here
@joerLin: Please show what you currently have.
Joer
@joerLin
Mar 25 2017 02:15

@cdrainxv

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

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

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

is that correct?
__mifflin__
@cdrainxv
Mar 25 2017 02:17
No… You write css styles in the style tags. This: {font-size: 16px;} is part of css … it should be inside of the style tags. Refer to the example on the left.
@joerLin
PlankLongBeard
@PlankLongBeard
Mar 25 2017 02:18
Hey awesome peeps, can anyone give me a hand with programming in C?
jas24
@jas24
Mar 25 2017 02:18
??
__mifflin__
@cdrainxv
Mar 25 2017 02:18
@jas24: Error here:
p {
font-size: 16px;
font-family: Monospace;
}
}
jas24
@jas24
Mar 25 2017 02:19
i did it yes
Roxroy
@roxroy
Mar 25 2017 02:19
@joerLin, remove the extra bracket, you only need one.
__mifflin__
@cdrainxv
Mar 25 2017 02:20
^ Wrong person.
Joer
@joerLin
Mar 25 2017 02:20
@roxroy the last bracket?
__mifflin__
@cdrainxv
Mar 25 2017 02:20
You were mentioned by mistake.
Joer
@joerLin
Mar 25 2017 02:20
okay hahaha
Roxroy
@roxroy
Mar 25 2017 02:20
@joerLin , sorry
@joerLin , the problem is here <p {font-size: 16px;} class="red-text"> the styles go in the <style> tag section..
PlankLongBeard
@PlankLongBeard
Mar 25 2017 02:22

include <stdio.h>

include <stdlib.h>

main() {
int score, sum = 0;
printf("Enter a test score (-1 to quit) :");
scanf("%i", &score);
while (score != -1) {
sum = sum + score;
printf("Enter a test score (-1 to quit) :");
scanf("%i", &score);
}
printf("The sum of the scrores is: %i\n", sum);
system("pause");
}
Joer
@joerLin
Mar 25 2017 02:24
@roxroy then what should i do?
Ameer
@ameersalah87
Mar 25 2017 02:24

can some plz help me it says.

Your h1 element should have the text "Hello World".

Joer
@joerLin
Mar 25 2017 02:26
@roxroy okay thanks a lot
CamperBot
@camperbot
Mar 25 2017 02:26
joerlin sends brownie points to @roxroy :sparkles: :thumbsup: :sparkles:
:cookie: 451 | @roxroy |http://www.freecodecamp.com/roxroy
james umali
@indefinite0212
Mar 25 2017 02:26
@ameersalah87 what is your code?
riffrath
@riffrath
Mar 25 2017 02:26
you gotta type <h1> hello word </h1> something like that
Roxroy
@roxroy
Mar 25 2017 02:26
@joerLin , did you figure it out?
riffrath
@riffrath
Mar 25 2017 02:27
Is anyone doing bootstraping?
Ameer
@ameersalah87
Mar 25 2017 02:27
<h1>Hello</h1>
Joer
@joerLin
Mar 25 2017 02:27
@roxroy yes thanks
CamperBot
@camperbot
Mar 25 2017 02:27
joerlin sends brownie points to @roxroy :sparkles: :thumbsup: :sparkles:
:warning: joerlin already gave roxroy points
james umali
@indefinite0212
Mar 25 2017 02:27
@ameersalah87 Hello world not Hello
Roxroy
@roxroy
Mar 25 2017 02:27
@riffrath , what you mean?
Ameer
@ameersalah87
Mar 25 2017 02:27
thx
KJackson501
@KJackson501
Mar 25 2017 02:27
Hey need some help, on exercise 27
Link to External Pages with Anchor Elements
riffrath
@riffrath
Mar 25 2017 02:28
@roxroy as in i need help with bootstrap, have you done that?
KJackson501
@KJackson501
Mar 25 2017 02:28
Not sure what I'm doing wrong
james umali
@indefinite0212
Mar 25 2017 02:28
@KJackson501 what is your code?
KJackson501
@KJackson501
Mar 25 2017 02:28
<p><a href='http://freecatphotoapp.com'> cat photos</a></p>
james umali
@indefinite0212
Mar 25 2017 02:30
@KJackson501 try removing <p></p>
riffrath
@riffrath
Mar 25 2017 02:30

Heres my issue guys, can someone tell me where im going wrong? It says the one im missing: Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4. But I feel like ive nexted my buttons??

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

<div class="container-fluid">
<h2 class="red-text text-center">CatPhotoApp</h2>

<p>Click here for <a href="#">cat photos</a>.</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>

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

Roxroy
@roxroy
Mar 25 2017 02:30
@KJackson501 , what is the name of the challenge. What part of the text is not passing
Ameer
@ameersalah87
Mar 25 2017 02:30
what's a closing tag.
sorry i am new here
KJackson501
@KJackson501
Mar 25 2017 02:30
@roxroy Link to External Pages with Anchor Elements
riffrath
@riffrath
Mar 25 2017 02:31
@ameersalah87 a closing tag is the </h1>
Ameer
@ameersalah87
Mar 25 2017 02:31
okay thx
KJackson501
@KJackson501
Mar 25 2017 02:31
@roxroy Right now nothing is showing as passing, I've also removed the <p> tags, same thing
Joer
@joerLin
Mar 25 2017 02:31

@roxroy

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

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

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

did i made right?

__mifflin__
@cdrainxv
Mar 25 2017 02:33
@joerLin: No… write your p rules inside of the style tags:
<style >
 .red-text {
   color: red;
 }

  <!-- here -->
</style>
David Pham
@davidpham5
Mar 25 2017 02:33
^ thats correct
james umali
@indefinite0212
Mar 25 2017 02:33
@KJackson501 try refreshing your browser
Roxroy
@roxroy
Mar 25 2017 02:33
@KJackson501 , can you show code below your style tags
Ameer
@ameersalah87
Mar 25 2017 02:34
can i get help on theis
KJackson501
@KJackson501
Mar 25 2017 02:34
@roxroy Ah that's strange, as soon as I refreshed the browser it's showing as passing
Ameer
@ameersalah87
Mar 25 2017 02:34
Create an h2 element.
Make sure your h2 element has a closing tag.
Your h2 element should have the text "CatPhotoApp".
Your h1 element should have the text "Hello World".
Roxroy
@roxroy
Mar 25 2017 02:34
@joerLin , <style p { font-size: 16px; } > should be <style> p { font-size: 16px; }
KJackson501
@KJackson501
Mar 25 2017 02:35
@roxroy Thanks for the help
CamperBot
@camperbot
Mar 25 2017 02:35
kjackson501 sends brownie points to @roxroy :sparkles: :thumbsup: :sparkles:
:cookie: 452 | @roxroy |http://www.freecodecamp.com/roxroy
Roxroy
@roxroy
Mar 25 2017 02:35
@KJackson501 , that happens at time
Joer
@joerLin
Mar 25 2017 02:35
@roxroy got it. thanks again
CamperBot
@camperbot
Mar 25 2017 02:35
joerlin sends brownie points to @roxroy :sparkles: :thumbsup: :sparkles:
:warning: joerlin already gave roxroy points
Ameer
@ameersalah87
Mar 25 2017 02:36
whats a h2 element
riffrath
@riffrath
Mar 25 2017 02:37
@ameersalah87 its just like your second line
Coy Sanders
@coymeetsworld
Mar 25 2017 02:37
<h2>
Ameer
@ameersalah87
Mar 25 2017 02:37
thx
__mifflin__
@cdrainxv
Mar 25 2017 02:37
@ameersalah87: This is not much different than what your did in the last challenge. This time create a h2 element instead of a h1 element, and instead of the the Hello World text it should be a CatPhotoApp. h1 - h6 are just heading elements.
Roxroy
@roxroy
Mar 25 2017 02:38
@ameersalah87 , it is another type of heading element h1, h2, h3,.... they vary in sizes. h1 is bigger then h2, etc
goodlife2
@goodlife2
Mar 25 2017 02:41
how do you change the color to blue
Joer
@joerLin
Mar 25 2017 02:42

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

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

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

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

what's the problem in adding the font style?

micojay020
@micojay020
Mar 25 2017 02:42
@joerLin who is your font style inside your p tags
it should be in the style tag
i thouls be p {
font-family: monospace;
}
should be
Yantendouji
@Yantendouji
Mar 25 2017 02:44

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

});
</script>

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

Use the $("button") selector.
Use the $(".btn") selector.
Use the $("#target1") selector.
Only add one class with each of your three selectors.
Your #target1 element should have the classes animated‚ shake and btn-primary.
what am i doing wrong?
micojay020
@micojay020
Mar 25 2017 02:45
@Yantendouji whats the activity name
goodlife2
@goodlife2
Mar 25 2017 02:45
it did not work
micojay020
@micojay020
Mar 25 2017 02:45
@goodlife2 whats your code lemme see
Yantendouji
@Yantendouji
Mar 25 2017 02:45
@micojay020 Target the same element with multiple jQuery Selectors
Joer
@joerLin
Mar 25 2017 02:45
@micojay020 okay thanks
CamperBot
@camperbot
Mar 25 2017 02:45
joerlin sends brownie points to @micojay020 :sparkles: :thumbsup: :sparkles:
:cookie: 124 | @micojay020 |http://www.freecodecamp.com/micojay020
riffrath
@riffrath
Mar 25 2017 02:46
@Yantendouji heyy! I have a bootstrap problem i posted a couple minutes ago, are you able to help me look at it?
Yantendouji
@Yantendouji
Mar 25 2017 02:47
@riffrath sure
Manish Giri
@Manish-Giri
Mar 25 2017 02:47
@riffrath this is wrong
<div class="row col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
<button class="btn btn-info btn-block">Info</button>
<button class="btn btn-danger btn-block">Delete</button></div>
<div>
riffrath
@riffrath
Mar 25 2017 02:48
@Manish-Giri is it coz i have too many divs?
Manish Giri
@Manish-Giri
Mar 25 2017 02:48
each button should be nested in it's own col-xs-4 div
<div class="col-xs-4">
 <button class="btn btn-block btn-primary">Like</button>
</div>
@riffrath
and the whole thing should be nested in the row div
ScruffyNutt
@ScruffyNutt
Mar 25 2017 02:48
What are trailing comment tags
Manish Giri
@Manish-Giri
Mar 25 2017 02:49
<div class="row">
 <div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
</div>
...
</div>
@riffrath
riffrath
@riffrath
Mar 25 2017 02:49
@Manish-Giri so I can have many many divs?? Oh ok hold up, ill try it out
Ameer
@ameersalah87
Mar 25 2017 02:49
can some one help me with theis
plz
ScruffyNutt
@ScruffyNutt
Mar 25 2017 02:50
What are trailing comment tags
Ameer
@ameersalah87
Mar 25 2017 02:50
Comment out your h1 element so that it is not visible on your page.
Leave your h2 element uncommented so that it is visible on your page.
Comment out your p element so that it is not visible on your page.
Be sure to close each of your comments with -->.
Do not change the order of the h1 h2 or p in the code.
Yantendouji
@Yantendouji
Mar 25 2017 02:51

@Manish-Giri what am i doing wrong? <script>
$(document).ready(function() {
$("button") .addClass("animated");
$(".btn") .addclass("shake");
$("#target1") .addclass("btn-primary");

});
</script>

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

Radio-Junkie
@Radio-Junkie
Mar 25 2017 02:51

Hello! Can someone please give me feedback on my first front-end development project? Tribute page (more of a blog style): http://codepen.io/Radio_Junkie/pen/MpXpwv

Things I am working on/asking for advice: How can I make my header/header font more mobile compatible? ie, scale with different viewing devices

Manish Giri
@Manish-Giri
Mar 25 2017 02:51
@Yantendouji remove spaces before .
ScruffyNutt
@ScruffyNutt
Mar 25 2017 02:51
thanks @ameersalah87
CamperBot
@camperbot
Mar 25 2017 02:51
scruffynutt sends brownie points to @ameersalah87 :sparkles: :thumbsup: :sparkles:
:warning: @ameersalah87's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Manish Giri
@Manish-Giri
Mar 25 2017 02:51
and addClass
@Yantendouji
Yantendouji
@Yantendouji
Mar 25 2017 02:51
@Manish-Giri Use the $("button") selector.
Use the $(".btn") selector.
Use the $("#target1") selector.
Only add one class with each of your three selectors.
Your #target1 element should have the classes animated‚ shake and btn-primary.
Radio-Junkie
@Radio-Junkie
Mar 25 2017 02:51
@Yantendouji addClass should have capital C before btn-primary?
riffrath
@riffrath
Mar 25 2017 02:52

@Manish-Giri thanks!! It looks so much more confusing with so many divs though, how annoying haha

<div class= "row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
</div>
<div class="col-xs-4"> <button class="btn btn-info btn-block">Info</button></div>
<div class="col-xs-4"><button class="btn btn-danger btn-block">Delete</button></div>
</div>

CamperBot
@camperbot
Mar 25 2017 02:52
riffrath sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4910 | @manish-giri |http://www.freecodecamp.com/manish-giri
Ameer
@ameersalah87
Mar 25 2017 02:52
okay guys bye see i'll tomoorw
Yantendouji
@Yantendouji
Mar 25 2017 02:52
@Manish-Giri thanks again
Manish Giri
@Manish-Giri
Mar 25 2017 02:53
@riffrath you should read this - http://getbootstrap.com/css/#grid
@Yantendouji :+1:
riffrath
@riffrath
Mar 25 2017 02:54
@Manish-Giri 0_o much words, ill try haha thanks
CamperBot
@camperbot
Mar 25 2017 02:54
riffrath sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:warning: riffrath already gave manish-giri points
ScruffyNutt
@ScruffyNutt
Mar 25 2017 02:55
@ameersalah87 it worked thx
CamperBot
@camperbot
Mar 25 2017 02:55
scruffynutt sends brownie points to @ameersalah87 :sparkles: :thumbsup: :sparkles:
:warning: @ameersalah87's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Radio-Junkie
@Radio-Junkie
Mar 25 2017 02:56
http://codepen.io/Radio_Junkie/pen/MpXpwv Would like advice how to make banner/buttons....I guess whole HTML more mobile responsive. Does not scale properly when I view on phone. Thanks!
Eric Weiss
@eweiss17
Mar 25 2017 02:57
make sizes with %'s or ems
Radio-Junkie
@Radio-Junkie
Mar 25 2017 02:59
@eweiss17 Thanks! Will try messing with it rather than using px.
CamperBot
@camperbot
Mar 25 2017 02:59
radio-junkie sends brownie points to @eweiss17 :sparkles: :thumbsup: :sparkles:
:cookie: 402 | @eweiss17 |http://www.freecodecamp.com/eweiss17
Joer
@joerLin
Mar 25 2017 03:00

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

what's the problem in my code?

it doesn't work
Anthony Lehr
@ALehr
Mar 25 2017 03:00
You might also want to check out Flexbox, which is super easy-to-use CSS for responsive projects
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Radio-Junkie
@Radio-Junkie
Mar 25 2017 03:01
@joerLin Closed the style?
Eric Weiss
@eweiss17
Mar 25 2017 03:01
flexbox is op
Radio-Junkie
@Radio-Junkie
Mar 25 2017 03:01
@ALehr Thank you :clap:
CamperBot
@camperbot
Mar 25 2017 03:01
radio-junkie sends brownie points to @alehr :sparkles: :thumbsup: :sparkles:
:cookie: 7 | @alehr |http://www.freecodecamp.com/alehr
Eric Weiss
@eweiss17
Mar 25 2017 03:02
Joer
@joerLin
Mar 25 2017 03:03
@Radio-Junkie i aleady closed the style but it won't work
Radio-Junkie
@Radio-Junkie
Mar 25 2017 03:04
Can you post the problem number, and your code?
Joer
@joerLin
Mar 25 2017 03:05
@Radio-Junkie i don't know whats the problem number
Sourabh Rangdal
@sourabhrangdal
Mar 25 2017 03:05
@joerLin where did you used .smaller-image class, can you share you code OR refresh page
Radio-Junkie
@Radio-Junkie
Mar 25 2017 03:06
@joerLin Top right corner #, or the challenge name?
Joer
@joerLin
Mar 25 2017 03:06

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

kylenielson
@kylenielson
Mar 25 2017 03:07
Can you have mulitple text editor between style tags?
james umali
@indefinite0212
Mar 25 2017 03:07
create a class="smaller-image" in <img> @joerLin
Sourabh Rangdal
@sourabhrangdal
Mar 25 2017 03:07
@indefinite0212 :thumbsup:
Joer
@joerLin
Mar 25 2017 03:07
the challenge name is size your image
Sourabh Rangdal
@sourabhrangdal
Mar 25 2017 03:07
@joerLin Joer, Jamesh shared the info
Radio-Junkie
@Radio-Junkie
Mar 25 2017 03:08
@joerLin Are you trying to size the image? Add the image class smaller-image to your img element
<img class="smaller-image" src="etc. etc.....">
Joer
@joerLin
Mar 25 2017 03:10
@sourabhrangdal thanks i got it
CamperBot
@camperbot
Mar 25 2017 03:10
joerlin sends brownie points to @sourabhrangdal :sparkles: :thumbsup: :sparkles:
:cookie: 280 | @sourabhrangdal |http://www.freecodecamp.com/sourabhrangdal
Joer
@joerLin
Mar 25 2017 03:11
@Radio-Junkie thanks
CamperBot
@camperbot
Mar 25 2017 03:11
joerlin sends brownie points to @radio-junkie :sparkles: :thumbsup: :sparkles:
:cookie: 118 | @radio-junkie |http://www.freecodecamp.com/radio-junkie
Eric Voigt
@ericvoigt
Mar 25 2017 03:14
can someone pm with help with basic css/html
Eric Weiss
@eweiss17
Mar 25 2017 03:15
just ask here you get help from everyone
Eric Voigt
@ericvoigt
Mar 25 2017 03:16
How do you use a stylesheet? I know what it is, but I am having trouble moving forward with where I am at. Is it this
<p style="color:red;">TEXT<p>
/
</p>
Screen Shot 2017-03-24 at 11.17.22 PM.png
Eric Weiss
@eweiss17
Mar 25 2017 03:18
You did inline styling, you want to do it within the style tags
Joer
@joerLin
Mar 25 2017 03:19
how to add rounded corners with a border radius?
Eric Weiss
@eweiss17
Mar 25 2017 03:19
do like 0.8em or something
@ericvoigt create .red-text {} within the style tags and then apply it to the h2 element, you don't need anything for p in that challange
james umali
@indefinite0212
Mar 25 2017 03:20
@eweiss17 use .red-text instead of h2 in your style
@joerLin border-radius:50%;
Greg Frayre
@gfrayre
Mar 25 2017 03:21

Hello all, need some help here with the code:

<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
$(".well").addClass("animated shake");
$("#target3").addClass("animated fadeOut");
$("button").removeClass("btn-default");

});
</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 target btn-default" id="target1">#target1</button>
<button class="btn target btn-default" id="target2">#target2</button>
<button class="btn target btn-default" id="target3">#target3</button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn target btn-default" id="target4">#target4</button>
<button class="btn target btn-default" id="target5">#target5</button>
<button class="btn target btn-default" id="target6">#target6</button>
</div>
</div>
</div>
</div>

Getting the error: Only use jQuery to remove this class from the element.

nickh2000
@nickh2000
Mar 25 2017 03:22

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

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

Hi what wrong with this line? <p>Click here for <a href="#"> cat photos</a>.</p>
Eric Weiss
@eweiss17
Mar 25 2017 03:24
loooks ok
__mifflin__
@cdrainxv
Mar 25 2017 03:25
Try refreshing the page.
nickh2000
@nickh2000
Mar 25 2017 03:25
ya im dumb that worked thanks
Louis Gurung
@louisgurung1313
Mar 25 2017 03:30

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

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

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

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

It says that the h2 element should be red
Kyle Kinzalow
@KyleKinz
Mar 25 2017 03:30

I solved "Testing Objects for Properties" like this

// Setup
var myObj = {
  gift: "pony",
  pet: "kitten",
  bed: "sleigh"
};

function checkObj(checkProp) {
  // Your Code Here 
  if (myObj.hasOwnProperty(checkProp)) {
  return myObj[checkProp];
  } else {
  return 'Not Found';
}
// Test your code by modifying these values
checkObj("gift");

Then saw a forum post saying someone simplified it to this:

// Setup
var myObj = {
  gift: "pony",
  pet: "kitten",
  bed: "sleigh"
};

function checkObj(checkProp) {
  // Your Code Here
  return myObj[checkProp] || "Not Found";
}
// Test your code by modifying these values
checkObj("gift");

Is there anything wrong with the second way, or is it a bad practice in any way?

Eric Weiss
@eweiss17
Mar 25 2017 03:31
@louisgurung1313 you only should have one set of style tags
Louis Gurung
@louisgurung1313
Mar 25 2017 03:32
@eweiss17 which one shall i remove?
james umali
@indefinite0212
Mar 25 2017 03:32
@gfrayre
something's wrong in this code
<button class="btn target btn-default" id="target3">#target3</button> <!--should be "btn btn-default target"-->
Eric Weiss
@eweiss17
Mar 25 2017 03:32
@KyleKinz bottom one is short hand, they do the same functionally, just less lines (which is good)
@louisgurung1313 either, put the contents of one into the other
RentMachine
@RentMachine
Mar 25 2017 03:34
Can someone please help me (Your h2 element should use the font Lobster.)
Eric Weiss
@eweiss17
Mar 25 2017 03:34
font-style:Lobster; right
Daniel Simeonov
@dbsimeonov
Mar 25 2017 03:35
Guys I have an issue. Can anyone help me please?
"Nest your i element within your button element."
I have my <i class="fa fa-info-circle"></i> but I'm not quite sure how to use it in my button tags
Kyle Kinzalow
@KyleKinz
Mar 25 2017 03:36
@eweiss17 thank you
CamperBot
@camperbot
Mar 25 2017 03:36
kylekinz sends brownie points to @eweiss17 :sparkles: :thumbsup: :sparkles:
:cookie: 403 | @eweiss17 |http://www.freecodecamp.com/eweiss17
Louis Gurung
@louisgurung1313
Mar 25 2017 03:37
@eweiss17 Thanks..had been stuck with this one a lot
CamperBot
@camperbot
Mar 25 2017 03:37
louisgurung1313 sends brownie points to @eweiss17 :sparkles: :thumbsup: :sparkles:
:cookie: 404 | @eweiss17 |http://www.freecodecamp.com/eweiss17
Sourabh Rangdal
@sourabhrangdal
Mar 25 2017 03:37
@dbsimeonov put <i> inside <button> element
Eric Weiss
@eweiss17
Mar 25 2017 03:38
@KyleKinz You should learn how to do everything longhand and then you appreciate the shorthand and what it actually equates to
Greg Frayre
@gfrayre
Mar 25 2017 03:39
@indefinite0212 Thank You for the help!
CamperBot
@camperbot
Mar 25 2017 03:39
gfrayre sends brownie points to @indefinite0212 :sparkles: :thumbsup: :sparkles:
:cookie: 309 | @indefinite0212 |http://www.freecodecamp.com/indefinite0212
Daniel Simeonov
@dbsimeonov
Mar 25 2017 03:39
Where exactly to put <i> ?
<button class="btn btn-block btn-primary">Like</button>
shannon1227
@shannon1227
Mar 25 2017 03:39
can anyone help me Nest an Anchor Element within a Paragraph? the entire challenge confuses me
BenKie
@BenKie
Mar 25 2017 03:39
Hey everyone! I am stuck on number 35. I cant figure out how to "Nest your text input element within a form element." Any help would be greatly appreciated!
james umali
@indefinite0212
Mar 25 2017 03:40
<button><i class="fa fa-info-circle">text is here</i></button>
@dbsimeonov
Sourabh Rangdal
@sourabhrangdal
Mar 25 2017 03:40
@indefinite0212 James is it okay to share answer
Daniel Simeonov
@dbsimeonov
Mar 25 2017 03:41
@indefinite0212 thank you!
CamperBot
@camperbot
Mar 25 2017 03:41
dbsimeonov sends brownie points to @indefinite0212 :sparkles: :thumbsup: :sparkles:
:cookie: 310 | @indefinite0212 |http://www.freecodecamp.com/indefinite0212
james umali
@indefinite0212
Mar 25 2017 03:41
@sourabhrangdal let's wait he can do it
Eric Weiss
@eweiss17
Mar 25 2017 03:41
nesting is putting something into another
Sourabh Rangdal
@sourabhrangdal
Mar 25 2017 03:41
@indefinite0212 :thumbsup:
@shannon1227 share your code
Eric Weiss
@eweiss17
Mar 25 2017 03:41

so like

<form>
<p></p>
</form>

p is nested

Daniel Simeonov
@dbsimeonov
Mar 25 2017 03:42
Your fa-thumbs-up icon should be located within the Like button. This is smth different?
Sourabh Rangdal
@sourabhrangdal
Mar 25 2017 03:42
@dbsimeonov nope, you are close
james umali
@indefinite0212
Mar 25 2017 03:43
@dbsimeonov what's your code now?
Daniel Simeonov
@dbsimeonov
Mar 25 2017 03:44
<button><i class="btn btn-block btn-primary">Like</i></button>
Where I have I;
<i class="fa fa-thumbs-up"></i>
shannon1227
@shannon1227
Mar 25 2017 03:44
@sourabhrangdal how would I share my code? sorry im new to this
jusgoose
@gusd773
Mar 25 2017 03:44
anybody mind helping me align my thumbnail icons?
Sourabh Rangdal
@sourabhrangdal
Mar 25 2017 03:45
@shannon1227 copy and paste here
shannon1227
@shannon1227
Mar 25 2017 03:46

</style>

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

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

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

james umali
@indefinite0212
Mar 25 2017 03:46
class="btn btn-block btn-primary" this is for button
@dbsimeonov
Sourabh Rangdal
@sourabhrangdal
Mar 25 2017 03:47
@shannon1227 is this your question: Nest an Anchor Element within a Paragraph?
Isaac Solis
@izack001
Mar 25 2017 03:47
exercise 41 killing me right now help guys
shannon1227
@shannon1227
Mar 25 2017 03:47
yes @sourabhrangdal
Eric Weiss
@eweiss17
Mar 25 2017 03:47
what exercise @izack001
Isaac Solis
@izack001
Mar 25 2017 03:47
41
Eric Weiss
@eweiss17
Mar 25 2017 03:47
the numbers in the corner are how many points you have
the lessons aren't numbered
Isaac Solis
@izack001
Mar 25 2017 03:48
give me a sec
Sourabh Rangdal
@sourabhrangdal
Mar 25 2017 03:48
@shannon1227 <p> <a> cat photos</a> </p>
Daniel Simeonov
@dbsimeonov
Mar 25 2017 03:48

<button class="btn btn-block btn-primary"><i class="fa-thumbs-up">Like</i></button>

Still not working..

Sourabh Rangdal
@sourabhrangdal
Mar 25 2017 03:49
@dbsimeonov <i class="fa fa-thumbs-up"></i>
@dbsimeonov fa fa-thumbs-up
Isaac Solis
@izack001
Mar 25 2017 03:50

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

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

james umali
@indefinite0212
Mar 25 2017 03:50

this one

@dbsimeonov <i class="fa fa-thumbs-up"></i>

Sourabh Rangdal
@sourabhrangdal
Mar 25 2017 03:50
@izack001 what is your question
Isaac Solis
@izack001
Mar 25 2017 03:51
Give your div element the class silver-background.
Your div element should have a silver background.
jiajia
@jiaij007
Mar 25 2017 03:51
$("button").addClass("");
$(".btn").addClass("");
$("#target1").addClass("animated shake btn-primary");
james umali
@indefinite0212
Mar 25 2017 03:51
your div doesn't have a class="silver-background" @izack001
jiajia
@jiaij007
Mar 25 2017 03:51
how to add a class
Daniel Simeonov
@dbsimeonov
Mar 25 2017 03:51

@indefinite0212 @sourabhrangdal I did it the same way.. It is not working>
<i class="fa fa-thumbs-up"></i> *is it a problem where I put it?
and after that my button

<button class="btn btn-block btn-primary"><i class="fa-thumbs-up">Like</i></button>

james umali
@indefinite0212
Mar 25 2017 03:52
animated for button
shake for .btn
btn-primary for #target1 @jiaij007
Sourabh Rangdal
@sourabhrangdal
Mar 25 2017 03:52
@dbsimeonov <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up">Like</i></button>
jusgoose
@gusd773
Mar 25 2017 03:52
if anybody's willing to help me center my thumbnail images that would be great my head hurts
Isaac Solis
@izack001
Mar 25 2017 03:52
ok let me try that
Daniel Simeonov
@dbsimeonov
Mar 25 2017 03:52
@sourabhrangdal Aphh I just noticed it on my own. Cheers!
james umali
@indefinite0212
Mar 25 2017 03:53
@dbsimeonov great :) :+1:
Sourabh Rangdal
@sourabhrangdal
Mar 25 2017 03:53
:thumbsup:
Daniel Simeonov
@dbsimeonov
Mar 25 2017 03:53
another quick question, how you guys quote your code like a img in the chat
shannon1227
@shannon1227
Mar 25 2017 03:53
@sourabhrangdal i did what you said
james umali
@indefinite0212
Mar 25 2017 03:54
markdown help
chris42k
@chris42k
Mar 25 2017 03:54
Hey, guys. i'm not too sure what is meant when saying "Create an a element that links to http://freecatphotoapp.com and has "cat photos" as its anchor text" any help ? didn't really define what an "anchor text" is.
Sourabh Rangdal
@sourabhrangdal
Mar 25 2017 03:54
@shannon1227 how is your code now
jiajia
@jiaij007
Mar 25 2017 03:54
@indefinite0212 thanks
CamperBot
@camperbot
Mar 25 2017 03:54
jiaij007 sends brownie points to @indefinite0212 :sparkles: :thumbsup: :sparkles:
:cookie: 311 | @indefinite0212 |http://www.freecodecamp.com/indefinite0212
shannon1227
@shannon1227
Mar 25 2017 03:54
this is my code: <p>view more <a>cat photos</a> </p> , but now it says my a element isn't nested still with my p element @sourabhrangdal
Gulsvi
@gulsvi
Mar 25 2017 03:55
image.png
@chris42k The "anchor text" is the "the link's text"
Joer
@joerLin
Mar 25 2017 03:55
guys how to make dead links using the hash symbol?
james umali
@indefinite0212
Mar 25 2017 03:55
...
Sourabh Rangdal
@sourabhrangdal
Mar 25 2017 03:56
@shannon1227 that was a reference, you code were correct <a href="http://www.freecatphotoapp.com">cat photos</a> but you have to nest it in <p>
monkeypod
@monkeypod
Mar 25 2017 03:56
Hey guys. On the codepen website, I'm having trouble understanind what to put in the CSS box, or the JS box. I've only been using the HTML box for my code. If I used the CSS box, would I just put my style element in it?
heroiczero
@heroiczero
Mar 25 2017 03:57
@monkeypod CSS is the style that you did in Freecodecamp
Sourabh Rangdal
@sourabhrangdal
Mar 25 2017 03:57
@joerLin this is #
monkeypod
@monkeypod
Mar 25 2017 03:58
Ah, so I shouldn't be using the HTML box at all?
heroiczero
@heroiczero
Mar 25 2017 03:58
@monkeypod JS is javascript. you probably did not learn much yet. maybe some jquery
Gulsvi
@gulsvi
Mar 25 2017 03:58
@monkeypod Yeah, everything between your <style> tags goes in the CSS box. Everything between your <script></script> tags goes in the JS box. Here's a tour: http://codepen.io/pen/tour/welcome/start
heroiczero
@heroiczero
Mar 25 2017 03:58
@monkeypod HTML is the content and you have to use it
monkeypod
@monkeypod
Mar 25 2017 03:58
thanks @SkyCoder01 and @heroiczero
CamperBot
@camperbot
Mar 25 2017 03:59
monkeypod sends brownie points to @skycoder01 and @heroiczero :sparkles: :thumbsup: :sparkles:
:cookie: 668 | @skycoder01 |http://www.freecodecamp.com/skycoder01
:star2: 1033 | @heroiczero |http://www.freecodecamp.com/heroiczero
Gulsvi
@gulsvi
Mar 25 2017 03:59
Everything between <body> goes in the HTML box. Everything between <head></head> goes in settings. You'll get the hang of it @monkeypod
heroiczero
@heroiczero
Mar 25 2017 03:59
@SkyCoder01 yes
Kyle Kinzalow
@KyleKinz
Mar 25 2017 03:59

Nesting For Loops:

function multiplyAll(arr) {
  var product = 1;
  // Only change code below this line
  for (var i = 0; i < arr.length; i++) {
    for (var j = 0; j <arr[i].length; j++) {
      product *= arr[i][j];
    }
  }
  // Only change code above this line
  return product;
}

// Modify values below to test your code
multiplyAll([[1,2],[3,4],[5,6,7]]);

Why does this function only work when the nested for loop has j<arr[i].length? As opposed to just just<arr.length

Gulsvi
@gulsvi
Mar 25 2017 03:59
Look at other projects and see how they do it
monkeypod
@monkeypod
Mar 25 2017 04:00
I guess I'm weird for having never used either the <body> or <head> tags in my sites. I need to get up to speed on that proper formatting.
heroiczero
@heroiczero
Mar 25 2017 04:00
@KyleKinz because you are accessing an array in an array
shannon1227
@shannon1227
Mar 25 2017 04:00
@sourabhrangdal thank you!
CamperBot
@camperbot
Mar 25 2017 04:00
shannon1227 sends brownie points to @sourabhrangdal :sparkles: :thumbsup: :sparkles:
:cookie: 281 | @sourabhrangdal |http://www.freecodecamp.com/sourabhrangdal
Kyle Kinzalow
@KyleKinz
Mar 25 2017 04:01
@heroiczero I can't understand why j needs to be compared against that array though
to make the function work
heroiczero
@heroiczero
Mar 25 2017 04:01
@KyleKinz if you just have an arr.length you are just accessing [[1,2],[3,4],[5,6,7]] this
Sourabh Rangdal
@sourabhrangdal
Mar 25 2017 04:01
@shannon1227 :thumbsup:
Kyle Kinzalow
@KyleKinz
Mar 25 2017 04:01
I'm following
heroiczero
@heroiczero
Mar 25 2017 04:02
@KyleKinz the arr[0] is [1,2] and so on
@KyleKinz so you use the j for loop with an arr[i] to access each number in the array
@KyleKinz so basically you are trying to access that number which is in an array within another array so two for loops
Kyle Kinzalow
@KyleKinz
Mar 25 2017 04:06
so basically the first for loop starts, which tells the nested loop to start. the nested loop starts at the first number of the first array. it then multiplies the value of the 'product' variable, and sets that variable to the answer. then i and j increment, and it accesses the second number of the first array, etc
is that correct?
Kiri Wagstaff
@wkiri
Mar 25 2017 04:06
Only j increments. Then when j runs out, i increments and j starts over at 0.
heroiczero
@heroiczero
Mar 25 2017 04:07
@KyleKinz first for loop access the first array in the array like the arr[0] is [1,2]
Kyle Kinzalow
@KyleKinz
Mar 25 2017 04:07
Ah, right. That makes sense @wkiri
Kiri Wagstaff
@wkiri
Mar 25 2017 04:08
You could think of it like walking through a 2D picture, scanning each row (with i) and each column (with j). You go left-to-right in each row, then go down to the next one and go left-to-right through it.
Kyle Kinzalow
@KyleKinz
Mar 25 2017 04:08
and @heroiczero ok, that follows into what you said. it goes to the first array, then runs through all the indices of that array, and when the nested loop fails, i increments and it repeats through the next array
Kiri Wagstaff
@wkiri
Mar 25 2017 04:09
Or more mindbendingly, it could be like a clock, with i going through hours and j going through minutes :)
heroiczero
@heroiczero
Mar 25 2017 04:09
@KyleKinz yes i increments and goes to arr[1] which is [3,4]
Kyle Kinzalow
@KyleKinz
Mar 25 2017 04:09
awesome
I like the clock analogy
Isaac Solis
@izack001
Mar 25 2017 04:09

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

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

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

HHHHEEEELLLLPPPPP
Kyle Kinzalow
@KyleKinz
Mar 25 2017 04:09
@wkiri @heroiczero thank you very much
CamperBot
@camperbot
Mar 25 2017 04:09
kylekinz sends brownie points to @wkiri and @heroiczero :sparkles: :thumbsup: :sparkles:
:cookie: 35 | @wkiri |http://www.freecodecamp.com/wkiri
:star2: 1034 | @heroiczero |http://www.freecodecamp.com/heroiczero
Kyle Kinzalow
@KyleKinz
Mar 25 2017 04:10
big help
heroiczero
@heroiczero
Mar 25 2017 04:10
@izack001 what is the problem
Kiri Wagstaff
@wkiri
Mar 25 2017 04:10
Welcome! @heroiczero gave a nice explanation.
Isaac Solis
@izack001
Mar 25 2017 04:11
check out my code
lesson 41
I'm about to punch the monitor
heroiczero
@heroiczero
Mar 25 2017 04:11
@izack001 <div class= "silver-background" {background-color: silver;}> this is the wrong format
Isaac Solis
@izack001
Mar 25 2017 04:11
any pointers
heroiczero
@heroiczero
Mar 25 2017 04:12
@izack001 {background-color: silver;} this should go into your <style> with a class silver-background
Kyle Kinzalow
@KyleKinz
Mar 25 2017 04:12
remaining calm :)
Kiri Wagstaff
@wkiri
Mar 25 2017 04:12
Try defining the silver-background class at the top like you did for thick-green-border.
Jayden Williams
@jaydkeith
Mar 25 2017 04:12
<div class="row row">
<div class="col-xs-4">
<div class="col-xs-6"><button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button></div>
</div>
<div class="col-xs-4">
<div class="col-xs-6"><button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button></div>
</div>
<div class="col-xs-4">
<div class="col-xs-6"><button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button></div>
</div>
</div>
heroiczero
@heroiczero
Mar 25 2017 04:12
@izack001 similar how you did .red-text{color:red;}
Jayden Williams
@jaydkeith
Mar 25 2017 04:12
can someone help
Isaac Solis
@izack001
Mar 25 2017 04:12
ooooohhhhhhh
Kiri Wagstaff
@wkiri
Mar 25 2017 04:12
@heroiczero is on it!
Isaac Solis
@izack001
Mar 25 2017 04:13
thanks bra
big help
Joer
@joerLin
Mar 25 2017 04:15
@sourabhrangdal where should i place #?
heroiczero
@heroiczero
Mar 25 2017 04:15
@jaydkeith why do you have two row class here: <div class="row row"> you need one row and you want to align all the buttons into one line. There are 3 buttons and bootstrap has 12 column units so you divide 12 by 3 get 4, so you need a col-xs-4 for each button
Daniel Simeonov
@dbsimeonov
Mar 25 2017 04:16

"Nest one div element with the class well within each of your col-xs-6 div elements."

It should be: <div class="col-xs-6 well"> ??

heroiczero
@heroiczero
Mar 25 2017 04:16
@joerLin http://... you know your link replace that with a #
SirrEric
@SirrEric
Mar 25 2017 04:17
<script>
  $(document).ready(function() {
$("button").addClass("animated shake");("#target1")
  });
</script>
Only add one class with each of your three selectors...how do i do that? please help
Joer
@joerLin
Mar 25 2017 04:17
@heroiczero thanks
CamperBot
@camperbot
Mar 25 2017 04:17
joerlin sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1036 | @heroiczero |http://www.freecodecamp.com/heroiczero
heroiczero
@heroiczero
Mar 25 2017 04:17

@dbsimeonov

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

something like this i think

Cat
@Christmastree1
Mar 25 2017 04:18
Good evening. I am new and clueless. =)
Daniel Simeonov
@dbsimeonov
Mar 25 2017 04:19
@heroiczero It worked. But this class Well I can not combine it with other classes? That was weird
heroiczero
@heroiczero
Mar 25 2017 04:19
@Christmastree1 Welcome Every one is clueless in the beginning just gotta work at it :)
jibil
@jibil
Mar 25 2017 04:19
<div class="col-xs-6" h4=text:#lef-well>
Anyone know whats wrong with the above code?
besides that I misspelled "left"
heroiczero
@heroiczero
Mar 25 2017 04:20
@dbsimeonov no if you read the instructions carefully they wanted the div with a well within a div with a col-xs-6
SirrEric
@SirrEric
Mar 25 2017 04:21
@jibil your missing a < next to your h4
heroiczero
@heroiczero
Mar 25 2017 04:21
@jibil <h4> is a separate html element

@jibil

<div>
   <p>#left-well</p>
</div>

like how <p> is a separate html element

SirrEric
@SirrEric
Mar 25 2017 04:23
<script>
  $(document).ready(function() {
$("button").addClass("animated shake"); (".btn").addClass("btn-primary")
  });
</script>
Only add one class with each of your three selectors.
cam someone help please
kylenielson
@kylenielson
Mar 25 2017 04:24
How would you Nest a text input element within a form element?
jibil
@jibil
Mar 25 2017 04:24
Ohh gotcha thanks! @heroiczero
CamperBot
@camperbot
Mar 25 2017 04:24
jibil sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1037 | @heroiczero |http://www.freecodecamp.com/heroiczero
heroiczero
@heroiczero
Mar 25 2017 04:25

@kylenielson

<div>
   <input type="text"/>
</div>

input is nested in a div. Now you try nesting it in a <form>

dammyout
@dammyout
Mar 25 2017 04:25
alt
Image
heroiczero
@heroiczero
Mar 25 2017 04:27
@SirrEric isnt btn-primary a id of some target and you have two classes here : $("button").addClass("animated shake"); the classes are animated and shake
SirrEric
@SirrEric
Mar 25 2017 04:27
@heroiczero yea, but it want me to put multiple id
Sandeep Yadav
@sandeepyadav097
Mar 25 2017 04:28
To get started, we should nest all of our HTML in a div element with the class container-fluid.
what is it trying to say??
SirrEric
@SirrEric
Mar 25 2017 04:28
@SirrEric like this $("button .btn #target1").addClass("animated shake");
dammyout
@dammyout
Mar 25 2017 04:28
<div class="container-fluid row">
<div class="row">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div></div>
</div>
</div>
Sandeep Yadav
@sandeepyadav097
Mar 25 2017 04:28
somebody tell
dammyout
@dammyout
Mar 25 2017 04:28
Add a div element below your h3 element
heroiczero
@heroiczero
Mar 25 2017 04:29
@SirrEric the button selector should have a class animated and .btn should have the class shake and the #target1 should have the class btn-primary
Sandeep Yadav
@sandeepyadav097
Mar 25 2017 04:29
is this for me @dammyout
SirrEric
@SirrEric
Mar 25 2017 04:29
@heroiczero okay ty,
CamperBot
@camperbot
Mar 25 2017 04:29
sirreric sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1038 | @heroiczero |http://www.freecodecamp.com/heroiczero
Sandeep Yadav
@sandeepyadav097
Mar 25 2017 04:30
somebody tell??
heroiczero
@heroiczero
Mar 25 2017 04:30
@sandeepyadav097
</style>
<div class="container-fluid">
<!-- All your code-->
</div>
Sandeep Yadav
@sandeepyadav097
Mar 25 2017 04:30
and what shoud be in this class
dammyout
@dammyout
Mar 25 2017 04:31

Hi!,

The first objective is not complete with correct answer:

Objective: Add a div element below your h3 element.

My code:

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div> <------ here is the div, and the first solution not change.
</div>
</div>

heroiczero
@heroiczero
Mar 25 2017 04:31
@sandeepyadav097 that should be your format after </style> you have all your HTML code and you need to encompass the entire code in a <div> with the class "container-fluid"
Sandeep Yadav
@sandeepyadav097
Mar 25 2017 04:32
okay lemme try
SirrEric
@SirrEric
Mar 25 2017 04:33
$("button .btn #target1").addClass("animated shake btn-primary");
@heroiczero like that?
heroiczero
@heroiczero
Mar 25 2017 04:34

@SirrEric need to have three selectors SEPERATELY

$("button").addClass("animated");

is your first line then you need to add a second line with the shake then a third line with btn-primary

SirrEric
@SirrEric
Mar 25 2017 04:35
$("button").addClass("animated");  (".btn").addClass("shake"); ("#target1").addClass("btn-primary")
i tried that too
i do it right?
Sandeep Yadav
@sandeepyadav097
Mar 25 2017 04:35
@heroiczero shouldn't div tag be outside of this style tag
heroiczero
@heroiczero
Mar 25 2017 04:35
@SirrEric missing $
SirrEric
@SirrEric
Mar 25 2017 04:35
@heroiczero k ty
CamperBot
@camperbot
Mar 25 2017 04:35
sirreric sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:warning: sirreric already gave heroiczero points
heroiczero
@heroiczero
Mar 25 2017 04:36
@sandeepyadav097 yes it should be after the style tag so after the closing </style>
SirrEric
@SirrEric
Mar 25 2017 04:36
@heroiczero wow i been stuck on this for a while because i forgot the $
heroiczero
@heroiczero
Mar 25 2017 04:37
@SirrEric yeah sometimes you just miss it :wink: happens to all of us
SirrEric
@SirrEric
Mar 25 2017 04:37
@heroiczero again thank you a lot
CamperBot
@camperbot
Mar 25 2017 04:37
sirreric sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:warning: sirreric already gave heroiczero points
dineshpabbi10
@dineshpabbi10
Mar 25 2017 04:38
hello guys i need help
i am facing problem solving this

<style>
div{
height:40px;
width: 70%;
background:black;
margin: 50 auto;
border-radius: 5px;
position: relative;
}

#rect {
animation-name: rainbow;
animation-duration: 4s;
}

@keyframes rainbow {
0% {
background-color: blue;
left:0px;

}
50% {
background-color: green;
left: 25px;

}
100% {
background-color: yellow;
left: -25px;

}
}
</style>

<div id="rect"></div>

i made this for solution
Michael Haislop
@MichaelHaislop
Mar 25 2017 04:41
Could anyone give me a hand with a piece if code?? I'm working on the cat photo program and I'm trying to nest an <img> tag inside of an <a> tag
Kyle Kinzalow
@KyleKinz
Mar 25 2017 04:42
//Setup
var contacts = [
    {
        "firstName": "Akira",
        "lastName": "Laine",
        "number": "0543236543",
        "likes": ["Pizza", "Coding", "Brownie Points"]
    },
    {
        "firstName": "Harry",
        "lastName": "Potter",
        "number": "0994372684",
        "likes": ["Hogwarts", "Magic", "Hagrid"]
    },
    {
        "firstName": "Sherlock",
        "lastName": "Holmes",
        "number": "0487345643",
        "likes": ["Intriguing Cases", "Violin"]
    },
    {
        "firstName": "Kristian",
        "lastName": "Vos",
        "number": "unknown",
        "likes": ["Javascript", "Gaming", "Foxes"]
    }
];


function lookUpProfile(firstName, prop){
// Only change code below this line
  for (var i=0; i<contacts.length; i++) {
    if (contacts.firstName) {
      if (contacts.prop) {
        return contacts.prop;
      } else { return 'No such property';}
    } else {return 'No such contact';}
  }
// Only change code above this line
}

// Change these values to test your function
lookUpProfile("Akira", "likes");
Profile Lookup. Can anyone tell me why this is returning 'No such contact'?
Manish Giri
@Manish-Giri
Mar 25 2017 04:43
@KyleKinz these conditions aren't right
 if (contacts.firstName) {
      if (contacts.prop) {
SirrEric
@SirrEric
Mar 25 2017 04:43
<a> <img> </img> </a> like that
Kyle Kinzalow
@KyleKinz
Mar 25 2017 04:44
@Manish-Giri Thanks, I'll dwell on that for a moment
CamperBot
@camperbot
Mar 25 2017 04:44
kylekinz sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4912 | @manish-giri |http://www.freecodecamp.com/manish-giri
dineshpabbi10
@dineshpabbi10
Mar 25 2017 04:44
i think its a problem of scope?
Alexander Køpke
@alexanderkopke
Mar 25 2017 04:44
@dineshpabbi10 you removed the top properties.
dineshpabbi10
@dineshpabbi10
Mar 25 2017 04:45
@alexanderkopke but the question asks for a horizontal animation..not vertical
Manish Giri
@Manish-Giri
Mar 25 2017 04:45
@KyleKinz for instance -
if (contacts.firstName) { - this should check if the firstName property matches the firstName parameter..
Alexander Køpke
@alexanderkopke
Mar 25 2017 04:46
@dineshpabbi10 it says to add horizontal animation, but it didn't say to remove the top
dineshpabbi10
@dineshpabbi10
Mar 25 2017 04:46
oww ok
thanks @alexanderkopke
CamperBot
@camperbot
Mar 25 2017 04:46
dineshpabbi10 sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star2: 1258 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
Sandeep Yadav
@sandeepyadav097
Mar 25 2017 04:47
thanks @heroiczero
CamperBot
@camperbot
Mar 25 2017 04:47
sandeepyadav097 sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1040 | @heroiczero |http://www.freecodecamp.com/heroiczero
Kyle Kinzalow
@KyleKinz
Mar 25 2017 04:47

@Manish-Giri I tried

    if (contacts.firstName) {
      if (contacts[i].prop) {
        return contacts[i].prop;

with no luck. Got any more hints?

Manish Giri
@Manish-Giri
Mar 25 2017 04:47
@KyleKinz for instance -
if (contacts.firstName) { - this should check if the firstName property matches the firstName parameter..
did you read this?
@KyleKinz
Kyle Kinzalow
@KyleKinz
Mar 25 2017 04:48
ah no I missed that
Manish Giri
@Manish-Giri
Mar 25 2017 04:48
try that out
dineshpabbi10
@dineshpabbi10
Mar 25 2017 04:48
@alexanderkopke it worked :)
Alexander Køpke
@alexanderkopke
Mar 25 2017 04:49
awesome :)
bdchappel
@bdchappel
Mar 25 2017 04:50
Can someone please help me with "Prioritize One Style Over Another" im confused on getting the element to "override" the bodys element
Kyle Kinzalow
@KyleKinz
Mar 25 2017 04:51
@Manish-Giri so should be if (contacts.firstName.prop) { ?
should it be*
Kinda feel like I've worked myself into a bit of a mess here
Manish Giri
@Manish-Giri
Mar 25 2017 04:52
@KyleKinz kind of, let me show you some pseudocode
bdchappel
@bdchappel
Mar 25 2017 04:53
I figured it out never mind my question.
Manish Giri
@Manish-Giri
Mar 25 2017 04:53
@KyleKinz
//loop through contacts array 
 if firstName is a match 
   a. if property found - return it's value
   b. else return no prop found
//outside the loop, return no contacts found
now try it out
dammyout
@dammyout
Mar 25 2017 04:54

Hi!,

The first objective is not complete with correct answer:

Objective: Add a div element below your h3 element.

My code:

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div> <------ here is the div, and the first solution not change.
</div>
</div>

Kyle Kinzalow
@KyleKinz
Mar 25 2017 04:54
@Manish-Giri ok, thanks
CamperBot
@camperbot
Mar 25 2017 04:54
kylekinz sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:warning: kylekinz already gave manish-giri points
Dustin
@dustinn1404
Mar 25 2017 04:54
hi guys what is class = form-control 4?
Manish Giri
@Manish-Giri
Mar 25 2017 04:56
@dustinn1404 it provides styling to some form elements
like width: 100%;
Kyle Kinzalow
@KyleKinz
Mar 25 2017 04:58
@Manish-Giri the object key 'firstName' and the paramater firstName of the lookUpProfile function being called the same thing is throwing me off
for the first if statement
Manish Giri
@Manish-Giri
Mar 25 2017 04:59
why so
Joer
@joerLin
Mar 25 2017 04:59
<form action="/submit-cat-photo">
<button type="submit"></button>
</form>
GUYS! WHAT'S THE PROBLEM WITH THIS?
Manish Giri
@Manish-Giri
Mar 25 2017 04:59
they're different things
you can compare them
if(contacts[i].firstName === firstName)
the first firstName is the object property
the second firstName is the argument passed in to your function
@KyleKinz
John
@Johnson564
Mar 25 2017 05:00
Just completed the challenge "Title Case a Sentence". I solved it but ... I think it's not very clean code. How do you know if you answer/coding is to standard or it's just hacked together?
Nikolai A Leeds
@nic9075
Mar 25 2017 05:00

hi for this exercise Nest your first image and your h2 element within a single <div class="row"> element. Nest your h2 element within a <div class="col-xs-8"> and your image in a <div class="col-xs-4"> so that they are on the same line. <div class="row">
<div class="col-xs-4">
<div class="col-xs-8">

<div class="container-fluid">

<div>
<div class="col-xs-8">
<div class="row">
<h2 class="text-primary text-center">CatPhotoApp</h2>
</div>

<div class="row">
  <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>

Kyle Kinzalow
@KyleKinz
Mar 25 2017 05:01
@Johnson564 you can google "site:freecodecamp.com <insert name of lesson>" to see forum posts and find people who give their answers. I've found cleaner answers after finishing a challenge by doing this
so google site:freecodecamp.com Title Case a Sentence
John
@Johnson564
Mar 25 2017 05:01
Thanks @KyleKinz
CamperBot
@camperbot
Mar 25 2017 05:01
johnson564 sends brownie points to @kylekinz :sparkles: :thumbsup: :sparkles:
:cookie: 326 | @kylekinz |http://www.freecodecamp.com/kylekinz
Nikolai A Leeds
@nic9075
Mar 25 2017 05:01
h2 element with col-xs-8 with class row so do I put both classes above the H2 class with the closing </div>?
Dustin
@dustinn1404
Mar 25 2017 05:02
thanks manish giri
Kyle Kinzalow
@KyleKinz
Mar 25 2017 05:02
@Johnson564 no problem, just look through the first few forum posts you find to check for examples
j1417
@j1417
Mar 25 2017 05:03
hi!! how can i learn to do something like this in css???https://codepen.io/chuah48263/pen/mezYpB
Kyle Kinzalow
@KyleKinz
Mar 25 2017 05:03
@Manish-Giri so it knows the first case of firstName is the object property because it's attached to the contacts[i], and the second case of firstName is by itself so it must be referring to the argument passed in to the function. correct?
Manish Giri
@Manish-Giri
Mar 25 2017 05:03
@KyleKinz yup
Kyle Kinzalow
@KyleKinz
Mar 25 2017 05:04
minor question. I know the basic difference between == and ===, but if it's a string, how come == isn't enough?
Manish Giri
@Manish-Giri
Mar 25 2017 05:06
it is
you could use either here
I'm just in the habit of using ===
SirrEric
@SirrEric
Mar 25 2017 05:07
$("#target4").remove("#target4");
Use jQuery to remove your target4 element from your page. did i do it wrong?
Anthony Lehr
@ALehr
Mar 25 2017 05:07
== compares value but === compares both value and type
Kyle Kinzalow
@KyleKinz
Mar 25 2017 05:07
@Manish-Giri ok, just wanted it clarified :) you're an amazing help. back to working on this function
Manish Giri
@Manish-Giri
Mar 25 2017 05:07
@KyleKinz :+1:
Angelica-Walker
@Angelica-Walker
Mar 25 2017 05:10

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

<h1> Hello World< class="pink-text"</h1>
It says i need class pink text and style should have pink-text how do I fix mine

Manish Giri
@Manish-Giri
Mar 25 2017 05:13
@Angelica-Walker the `class attribute goes in the opening tag
Angelica-Walker
@Angelica-Walker
Mar 25 2017 05:13
thnk u
Manish Giri
@Manish-Giri
Mar 25 2017 05:13
<h1 class="pink-text"> Hello World</h1>
Kyle Kinzalow
@KyleKinz
Mar 25 2017 05:13
function lookUpProfile(firstName, prop){
// Only change code below this line
  for (var i=0; i<contacts.length; i++) {
    if(contacts[i].firstName === firstName)
      if(contacts[i].firstName.prop === prop) {
        return contacts[i].prop;
      } else { return 'No such property'; }
  }
  return 'No such contact';
Starting to work, will return 'No such contact', and can spot properties that don't exist, but when I input a valid property, the function is returning 'No such property'.
Kiri Wagstaff
@wkiri
Mar 25 2017 05:14
@Angelica-Walker It looks like you already defined your h1s to be pick.
pink :)
@KyleKinz Check your second "if" statement. Do you want to be checking contacts[i].firstName.prop --- or maybe something else? :)
Anthony Lehr
@ALehr
Mar 25 2017 05:16
@KyleKinz It looks like you're missing some brackets there. For the first if statement.
Kyle Kinzalow
@KyleKinz
Mar 25 2017 05:16
@ALehr whoops
Kiri Wagstaff
@wkiri
Mar 25 2017 05:17
I think you'll find you want to change the logic in the second "if" statement. Compare 'prop' to...? (not contacts[i].firstName.prop but...)
SirrEric
@SirrEric
Mar 25 2017 05:17
$("#target4").remove("#target4");
did i type it right??
Kyle Kinzalow
@KyleKinz
Mar 25 2017 05:17
@Angelica-Walker thanks, let me look at that
CamperBot
@camperbot
Mar 25 2017 05:17
kylekinz sends brownie points to @angelica-walker :sparkles: :thumbsup: :sparkles:
:cookie: 37 | @angelica-walker |http://www.freecodecamp.com/angelica-walker
Nikolai A Leeds
@nic9075
Mar 25 2017 05:17

can someone look at this

<div class="row">
<div class="col-xs-8">
<h2 class="text-primary text-center">CatPhotoApp</h2></div>
</div>

<div class="row">
  <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>

SirrEric
@SirrEric
Mar 25 2017 05:18
can someone help please??
Anthony Lehr
@ALehr
Mar 25 2017 05:20
@SirrEric You don't need to specify the ID in remove's argument since it's already in the JQuery selector
BenKie
@BenKie
Mar 25 2017 05:20

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

}
h1 {
color: pink;
}

</style>

<h1 class="pink-text">Hello World!</h1> How would I, "Your <style> should have a pink-text CSS class with its color set to pink." ? Thanks in advance

SirrEric
@SirrEric
Mar 25 2017 05:21
@ALehr so just .remove("target4") ??
.remove("target4")
Anthony Lehr
@ALehr
Mar 25 2017 05:21
No, $("#target4").remove();
SirrEric
@SirrEric
Mar 25 2017 05:22
@ALehr alright thanks
Anthony Lehr
@ALehr
Mar 25 2017 05:22
sure thing
Coy Sanders
@coymeetsworld
Mar 25 2017 05:22
@BenKie you need to create a class called pink-text, not style h1 directly
BenKie
@BenKie
Mar 25 2017 05:23
@coymeetsworld ahhh, Thanks!
CamperBot
@camperbot
Mar 25 2017 05:23
benkie sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2345 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Mar 25 2017 05:25
np @BenKie
Kyle Kinzalow
@KyleKinz
Mar 25 2017 05:27
      if(contacts[i].prop) {
        return contacts[i].prop;
@wkiri that leads me to think the second if statement should be this. It's wrong though. I feel like I'm missing a thread to tie this together
Manish Giri
@Manish-Giri
Mar 25 2017 05:28
@KyleKinz prop isn't a direct property on the object
it's a variable
you'll need the bracket notation.
mobeenc3
@mobeenc3
Mar 25 2017 05:28
<form id="cat-photo-app">
am i supposed to nest that into my form?
Kyle Kinzalow
@KyleKinz
Mar 25 2017 05:30
@Manish-Giri Thank you. I obviously need to study that part of object properties again. Also, I just looked at the answer, and turns out I completely forgot about .hasOwnProperty()
CamperBot
@camperbot
Mar 25 2017 05:30
kylekinz sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:warning: kylekinz already gave manish-giri points
Manish Giri
@Manish-Giri
Mar 25 2017 05:31
:+1:
Danish Gujjar
@Dani-0-7
Mar 25 2017 05:33
@mobeenc3 whats the obj
SirrEric
@SirrEric
Mar 25 2017 05:41
$("#target2").appendTo("#right-wall");
help please
samib6
@samib6
Mar 25 2017 05:42
hello guys!!i need a help with 'emphasizing the text in the target4 button'.how to do it?
SirrEric
@SirrEric
Mar 25 2017 05:43
.html("<em>Word</em> @samib6
along with ")
Danish Gujjar
@Dani-0-7
Mar 25 2017 05:44
@SirrEric whats the objective
SirrEric
@SirrEric
Mar 25 2017 05:44
@Dani-0-7 to move the target to a different side or from the left side to the right side
Sandip Shrestha
@saninmersion
Mar 25 2017 05:47
@SirrEric it's "right-well" not "right_wall" ain't it?
Danish Gujjar
@Dani-0-7
Mar 25 2017 05:48
lol
SirrEric
@SirrEric
Mar 25 2017 05:48
@saninmersion lmfaooo...i think i need a break
Danish Gujjar
@Dani-0-7
Mar 25 2017 05:48
im running code again and again
SirrEric
@SirrEric
Mar 25 2017 05:48
@saninmersion ty
CamperBot
@camperbot
Mar 25 2017 05:48
sirreric sends brownie points to @saninmersion :sparkles: :thumbsup: :sparkles:
:cookie: 395 | @saninmersion |http://www.freecodecamp.com/saninmersion
Sandip Shrestha
@saninmersion
Mar 25 2017 05:48
@SirrEric you should. don't be hard on yourself
Danish Gujjar
@Dani-0-7
Mar 25 2017 05:48
right_wall omg
SirrEric
@SirrEric
Mar 25 2017 05:48
yea
Sandip Shrestha
@saninmersion
Mar 25 2017 05:48
@Dani-0-7 about 75% of mistakes here are typos :D
samib6
@samib6
Mar 25 2017 05:49
but how do i select the text from the id-target ?
Danish Gujjar
@Dani-0-7
Mar 25 2017 05:49
thank god im in remaining 25%
Sandip Shrestha
@saninmersion
Mar 25 2017 05:50
@samib6 for id the jquery selector would be sth like $("#id-name")
Danish Gujjar
@Dani-0-7
Mar 25 2017 05:52
yep its exactly like $("#id-name")
Sandip Shrestha
@saninmersion
Mar 25 2017 05:52
@samib6 and for the text to emphasize you can again use <em>#id-name</em>
Danish Gujjar
@Dani-0-7
Mar 25 2017 05:54
@saninmersion can u help me the header im on portfolio proj
Sandip Shrestha
@saninmersion
Mar 25 2017 05:54
@Dani-0-7 sure as long as I am here
Kyle Kinzalow
@KyleKinz
Mar 25 2017 05:55
Regarding Regular Expression, why do the examples differ /\s+/g; <--it has a plus; /\S/g; <--it doesn't have a plus
Manish Giri
@Manish-Giri
Mar 25 2017 05:55
@KyleKinz \s matches one occurrence of a whitespace character
nik3108
@nik3108
Mar 25 2017 05:55

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

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

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

Manish Giri
@Manish-Giri
Mar 25 2017 05:56
\s+ matches one or more
@KyleKinz
nik3108
@nik3108
Mar 25 2017 05:56
how to change p element to red
sha
@nawaz9
Mar 25 2017 05:56

<div class="row">
<form action="/submit-cat-photo">

<label><input type="radio" name="indoor-outdoor"><div class="col-xs-6"></div> Indoor</label>
<label><input type="radio" name="indoor-outdoor"><div class="col-xs-6"></div> Outdoor</label>
<div class="col-xs-6">
</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>
can anyone tell me what i'm doing wrong? it says 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. help please?

Kyle Kinzalow
@KyleKinz
Mar 25 2017 05:56
so what's the difference between the + and the g? @Manish-Giri
Danish Gujjar
@Dani-0-7
Mar 25 2017 05:56
i will design it later but first im stuck on header how to add links to different sections and that highlight thing on mouse hover
Sandip Shrestha
@saninmersion
Mar 25 2017 05:56
@nik3108 css rule color:red also follow instructions
Manish Giri
@Manish-Giri
Mar 25 2017 05:56
@KyleKinz g is the global flag, look throughout the string.
+ matches 1 or more occurrences.
Kyle Kinzalow
@KyleKinz
Mar 25 2017 05:57
I guess 'matches 1 or more occurences' isn't clicking for me
Danish Gujjar
@Dani-0-7
Mar 25 2017 05:57
@nawaz9 nest each radio in its own div tag
like this <div>
Sandip Shrestha
@saninmersion
Mar 25 2017 05:58
@Dani-0-7 for linking to different sections first you will need a navigation bar. I cant find one.
sha
@nawaz9
Mar 25 2017 05:58
how?? @Dani-0-7
Manish Giri
@Manish-Giri
Mar 25 2017 05:58
Danish Gujjar
@Dani-0-7
Mar 25 2017 05:59
@saninmersion u mean <nav> tag
Manish Giri
@Manish-Giri
Mar 25 2017 05:59
@KyleKinz delete the text and replace it with helloooo
Danish Gujjar
@Dani-0-7
Mar 25 2017 05:59

@nawaz9 <div>
radio code</div>

<div>
radio code
</radio>

Sandip Shrestha
@saninmersion
Mar 25 2017 06:00
@Dani-0-7 yes kind of. but even without the nav bar you can simply link an anchor tag <a href="#id-name" ></a>
Kyle Kinzalow
@KyleKinz
Mar 25 2017 06:00
@Manish-Giri so I'm seeing that + returns them grouped as 1 match, and no + returns them as 3 separate matches
Manish Giri
@Manish-Giri
Mar 25 2017 06:01
@KyleKinz yes
Danish Gujjar
@Dani-0-7
Mar 25 2017 06:01
@saninmersion thanx i get it i make a nav bar then i will use the href to add link ez pz
CamperBot
@camperbot
Mar 25 2017 06:01
dani-0-7 sends brownie points to @saninmersion :sparkles: :thumbsup: :sparkles:
:cookie: 396 | @saninmersion |http://www.freecodecamp.com/saninmersion
Sandip Shrestha
@saninmersion
Mar 25 2017 06:01
@Dani-0-7 yes. and for hover there's a css psuedo-class :hover
Kyle Kinzalow
@KyleKinz
Mar 25 2017 06:02
so it is returning the number of matches to the console as an integer, and using a + would answer* the question 'Is there an O in this string', but not using a plus sign would answer the question 'How many O are in this string?'
Danish Gujjar
@Dani-0-7
Mar 25 2017 06:02
oh ok
Kyle Kinzalow
@KyleKinz
Mar 25 2017 06:03
*edited: left out a word
sha
@nawaz9
Mar 25 2017 06:03
not working @Dani-0-7
Yerrapotu Manojkiran
@nani554
Mar 25 2017 06:04
Hello guys how to open html file (sublime text) in opera browser iam using cntr+alt+c (to open in chrome) and cntr+alt+v(to open in firefox)
Danish Gujjar
@Dani-0-7
Mar 25 2017 06:04
@nawaz9 post the after making the changes
code*
sha
@nawaz9
Mar 25 2017 06:05

<div class="row">
<form action="/submit-cat-photo">
<div>
radio code</div>

<radio>
radio code
</radio>
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor">Outdoor</label>
<div class="col-xs-6">
</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>

@Dani-0-7
Sandip Shrestha
@saninmersion
Mar 25 2017 06:05
@nani554 right-click->open with
Kyle Kinzalow
@KyleKinz
Mar 25 2017 06:07
I'm still confused on regex, because /\s+/ and /\s/ both return 7
Danish Gujjar
@Dani-0-7
Mar 25 2017 06:07

@nawaz9 u messed the whole code it was supposed to be like this

<div>
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
</div>
<div/>
<label><input type="radio" name="indoor-outdoor">Outdoor</label>
</div>

<div>
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
</div>
<div>
<label><input type="radio" name="indoor-outdoor">Outdoor</label>
</div>
Sandip Shrestha
@saninmersion
Mar 25 2017 06:08
@KyleKinz without it will check for only first occurence and neglect every other occurence. with + it checks for all occurences
Kyle Kinzalow
@KyleKinz
Mar 25 2017 06:09
@saninmersion so why doesn't /\s/ return a 1?
sorry
all of these are supposed to have g at the end
Manish Giri
@Manish-Giri
Mar 25 2017 06:10
@KyleKinz to match digits you need \d
Yerrapotu Manojkiran
@nani554
Mar 25 2017 06:10
@saninmersion ok next
Kyle Kinzalow
@KyleKinz
Mar 25 2017 06:10
sorry, I mean /\s+/g and /\s/g both return a 7
from what people are saying not having a plus means, it sounds like /\s/g would return a one because it 'only checks for the first occurence'
Sandip Shrestha
@saninmersion
Mar 25 2017 06:11
@nani554 you find and select sublime text
sha
@nawaz9
Mar 25 2017 06:12
what the heck it's not working ur way too @Dani-0-7
<form action="/submit-cat-photo">

<div>
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
</div>
<div/>
<div>
<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>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
nik3108
@nik3108
Mar 25 2017 06:13

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

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

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

Danish Gujjar
@Dani-0-7
Mar 25 2017 06:13
see remove that <div/>
Joehovah
@Joehovah
Mar 25 2017 06:13
who here is really familiar with for loops, strings and arrays?
nik3108
@nik3108
Mar 25 2017 06:13
i am not getting how red the p element
plz help
Manish Giri
@Manish-Giri
Mar 25 2017 06:13
@Joehovah what's your question
Joer
@joerLin
Mar 25 2017 06:13
how to Check Radio Buttons and Checkboxes by Default
Manish Giri
@Manish-Giri
Mar 25 2017 06:14
@joerLin put the checked attribute..
Joer
@joerLin
Mar 25 2017 06:14
where should i put it? in th input?
Danish Gujjar
@Dani-0-7
Mar 25 2017 06:14
@nik3108
in css
p{
]
@joerLin post the code
Joer
@joerLin
Mar 25 2017 06:15

<input type="radio" name="test-name" checked>

is this right?

Manish Giri
@Manish-Giri
Mar 25 2017 06:16
@joerLin yup
nik3108
@nik3108
Mar 25 2017 06:16
plz can you post the code
Danish Gujjar
@Dani-0-7
Mar 25 2017 06:16
@nik3108
p
Dushyant Rao
@Dushyant-Rao
Mar 25 2017 06:17
@joerLin correct
Yerrapotu Manojkiran
@nani554
Mar 25 2017 06:17
on right click i can only see 1)open in browser(which is not working) and 2)view in browser (open html page in firefox)
Danish Gujjar
@Dani-0-7
Mar 25 2017 06:17
p{
color:red;
}
Manish Giri
@Manish-Giri
Mar 25 2017 06:17
@nani554 in opera, click on "open file" and select the html file..
Joehovah
@Joehovah
Mar 25 2017 06:17
@Manish-Giri I sent you a private message.
Joer
@joerLin
Mar 25 2017 06:18
@Dushyant-Rao but it won't work

Check Radio Buttons and Checkboxes by Default
You can set a checkbox or radio button to be checked by default using the checked attribute.

To do this, just add the word "checked" to the inside of an input element. For example:

<input type="radio" name="test-name" checked>

Set the first of your radio buttons and the first of your checkboxes to both be checked by default.

thats the instruction
Dushyant Rao
@Dushyant-Rao
Mar 25 2017 06:20
@joerLin your code is correct.. you need to provide the info correctly as mentioned in the challenge
Manish Giri
@Manish-Giri
Mar 25 2017 06:20
@joerLin should the name be test-name?
CarterSmith013
@CarterSmith013
Mar 25 2017 06:20
Thanks!
Danish Gujjar
@Dani-0-7
Mar 25 2017 06:20
post the code @joerLin
Dushyant Rao
@Dushyant-Rao
Mar 25 2017 06:21
@joerLin the code what you provided is just an example... you have to apply to your radio button which you had created in earlier challenge
nik3108
@nik3108
Mar 25 2017 06:22

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

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

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

how to change color of p full code plz'
George Lugo
@gdubbs123
Mar 25 2017 06:23
Your img element should have the class smaller-image.
Your image should be 100 pixels wide. Browser zoom should be at 100%.
Dushyant Rao
@Dushyant-Rao
Mar 25 2017 06:23
@nik3108 just the way you did for h2 class :)
George Lugo
@gdubbs123
Mar 25 2017 06:23

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

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

}

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

my omg element doesn't have smaller image when i feel like i did it
unless i need smaller image at the top of the img or in the img
Joer
@joerLin
Mar 25 2017 06:24
@Dushyant-Rao i got it. thanks
CamperBot
@camperbot
Mar 25 2017 06:24
joerlin sends brownie points to @dushyant-rao :sparkles: :thumbsup: :sparkles:
:cookie: 122 | @dushyant-rao |http://www.freecodecamp.com/dushyant-rao
Dushyant Rao
@Dushyant-Rao
Mar 25 2017 06:24
@gdubbs123 you have used .red-text and .smaller-image which are 2 different classes.. please break them seperately
@joerLin welldone :+1:
sha
@nawaz9
Mar 25 2017 06:26

<div class="row">
<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>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>

</form>
now it just says Make sure each of your div elements has a closing tag. so which closing tag am i missing?

anyone?
Danish Gujjar
@Dani-0-7
Mar 25 2017 06:27
put </div> at the end of the code
sha
@nawaz9
Mar 25 2017 06:27
i did
but not working
@Dani-0-7
Danish Gujjar
@Dani-0-7
Mar 25 2017 06:29
code is correct
Dushyant Rao
@Dushyant-Rao
Mar 25 2017 06:29
@nawaz9 use div class col xs 4 for each of the checkbox element
sha
@nawaz9
Mar 25 2017 06:29
then why is it not letting me go to next level @Dani-0-7
nik3108
@nik3108
Mar 25 2017 06:29

@Dani-0-7 <style>
.red-text {
color: red;
}
</style>

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

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

is it right
@Dushyant-Rao is it right
RodrigoAlborno
@RodrigoAlborno
Mar 25 2017 06:31

.green-box {
background-color: green;
padding-top: 40px
padding-left: 40px
padding-bottom: 20px
padding-right: 20px
}
</style>

<h5 class="injected-text">margin</h5>

<div class="box yellow-box">
<h5 class="box red-box">padding</h5>
<h5 class="box green-box">padding</h5>
</div>

can someone help
?
Danish Gujjar
@Dani-0-7
Mar 25 2017 06:32
@nik3108 correct
Dushyant Rao
@Dushyant-Rao
Mar 25 2017 06:32
@nik3108 which challenge is it? seems to be right if you want to have red text for both h2 and p
Danish Gujjar
@Dani-0-7
Mar 25 2017 06:32
@RodrigoAlborno whats the objective
RodrigoAlborno
@RodrigoAlborno
Mar 25 2017 06:33
Your green-box class should give the top of the elements 40px of padding.
Your green-box class should give the left of the elements 40px of padding.
Your green-box class should give the right of the elements 20px of padding.
Your green-box class should give the bottom of the elements 20px of padding
jiajia
@jiaij007
Mar 25 2017 06:33
<script>
$(document).ready(function() {
$("button").removeClass("btn-default");
$(".well").removeClass("btn-default");
$("#target3").removeClass("btn-default");

});
</script>
nik3108
@nik3108
Mar 25 2017 06:33
@Dushyant-Rao ya that challenge is to change the color of h and p
jiajia
@jiaij007
Mar 25 2017 06:34
Use jQuery only to remove the class from this element.
Dushyant Rao
@Dushyant-Rao
Mar 25 2017 06:34
which challenge is that @nik3108 ?
Danish Gujjar
@Dani-0-7
Mar 25 2017 06:34
yep u r giving class="box green box" instead of class="green box"
jiajia
@jiaij007
Mar 25 2017 06:34
How to write?