These are chat archives for FreeCodeCamp/Help

9th
Jun 2016
charan008
@charan008
Jun 09 2016 00:09
hey guys I have done with my random quote generator.Please let me know if anything is wrong http://codepen.io/charan008/pen/YWyvJR
Wesley Pennock
@FireAntJoe
Jun 09 2016 00:13
Yeah it did nothing
Ananth Narayanan
@ant80
Jun 09 2016 00:31
Link to External Pages with Anchor Elements: I can't seem to get this correct. Challenge #26. My code is: <a href="http://freecatphotoapp.com"> cat photos </a>. Can someone please help?
Philip Eckert
@pae4557
Jun 09 2016 00:32
Can anyone figure out why my bootstrap row isn't working. 'New Quote' and the twitter button should be next to one another https://codepen.io/zarker24/pen/qNOVzB
Sean DiSanti
@badc0ded
Jun 09 2016 00:40
@pae4557 you're telling it you want them each to be a full screen width
12 columns
for medium or higher
Tim Penner
@tpenner
Jun 09 2016 00:40
@pae4557 for starters, both divs are using a 12 column class https://getbootstrap.com/examples/grid/
Sean DiSanti
@badc0ded
Jun 09 2016 00:41
assuming you'll want them to be beside one another for small or larger, i'd say to give each col-xs-12 col-sm-6
and take off the col-md-12
Philip Eckert
@pae4557
Jun 09 2016 00:42
Okay, so I set them to 9 and 3 and it still won't work :/ @badc0ded @tpenner
Robinsond7691
@Robinsond7691
Jun 09 2016 00:43
Hey guys, I'm in the chapter " Change text inside an element using jQuery" . The chapter explains how I would use $("#target4").html("<em>jQuery Playground</em>"); to change everything in the button, but how do only add the emphasize tag without having to change the text?
Sean DiSanti
@badc0ded
Jun 09 2016 00:43
make sure you save it
still seeing md-12 on this side
Philip Eckert
@pae4557
Jun 09 2016 00:44
should be saved now @badc0ded
Sean DiSanti
@badc0ded
Jun 09 2016 00:45
did you include the bootstrap css and js?
looks like js is included but not css
just go into settings on css and use the quick add drop down
and then again make sure to save
there you go, now you're getting there
Robinsond7691
@Robinsond7691
Jun 09 2016 00:47
nevermind, code decided to work this time. I just rewrote the name of the button between the <em> tags.
Philip Eckert
@pae4557
Jun 09 2016 00:47
Okay awesome. Now any clue why the tweet button is so high up? Is it just because of the discrepancy in font size? @badc0ded
and thank you! @badc0ded
CamperBot
@camperbot
Jun 09 2016 00:47
pae4557 sends brownie points to @badc0ded :sparkles: :thumbsup: :sparkles:
:cookie: 375 | @badc0ded |http://www.freecodecamp.com/badc0ded
Sean DiSanti
@badc0ded
Jun 09 2016 00:48
yes, the row height is being set based on the size of the new quote
AyaElarebi
@AyaElarebi
Jun 09 2016 00:49
hello i have a problem with creating a set of radio buttons
darsparx
@darsparx
Jun 09 2016 00:50
Ok this has got to be a bug, i'm trying to do some of these excercises, and seem unable to select certain parts of the text. I'm trying to add a class on one of the excercises and can't select the point i need too...huh?
AyaElarebi
@AyaElarebi
Jun 09 2016 00:51
it says that one of my radio buttons should have the label indoor and i couldn't figure out where to write it this in the code
Robinsond7691
@Robinsond7691
Jun 09 2016 00:51
@ c Hey, that happens to me sometime too. Just press spacebar wherever the cursor is, then try clicking again where you want it to be.
@darsparx
@AyaElarebi hey, did you create any radio button yet? Whats the name of that lesson?
zulin
@xulinpan
Jun 09 2016 00:53
why there is no standard answer? Your p element should contain the first few words of the provided additional kitty ipsum text.
Sean DiSanti
@badc0ded
Jun 09 2016 00:54
because there are many ways to solve any problem
AyaElarebi
@AyaElarebi
Jun 09 2016 00:54
@Robinsond7691 those are my labels <label><input type="radio" name="indoor-outdoor"Indoor></label>
<label><input type="radio"name="indoor-outdoor"outdoor>
</label>
</form>
and the lesson name create a set of radio buttons
darsparx
@darsparx
Jun 09 2016 00:55
@Robinsond7691 still strange though :-\
Sean DiSanti
@badc0ded
Jun 09 2016 00:55
help format
CamperBot
@camperbot
Jun 09 2016 00:55

:point_right: code formatting [wiki]

Multi line Code

```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

Single line Code

This an inline `<paste code here>` code formatting with a single backtick() at _start_ and _end_ around thecode`.

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

:pencil: read more about code formatting on the FCC Wiki

zulin
@xulinpan
Jun 09 2016 00:55

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

</style>

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

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

Robinsond7691
@Robinsond7691
Jun 09 2016 00:56
@AyaElarebi Ah I see the problem Aya. You have to type Indoor after the ">" bracket, closing the input tag. like this: <label><input type="radio" name="indoor-outdoor" >Outdoor</label>
zulin
@xulinpan
Jun 09 2016 00:56
  .red-text {
    color: red; 
  }
  h1{
    font-size: 30px;
  }
  p{
    font-size: 16px;
  }

</style>

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

<p class="font-size">Kitty ipsum dolor sit amet</p>, <p>shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
Robinsond7691
@Robinsond7691
Jun 09 2016 00:57
@darsparx yeah, strange, but I got used to it. I thought it was just my PC.
AyaElarebi
@AyaElarebi
Jun 09 2016 00:58
ok i figured out what's wrong thank you @Robinsond7691
CamperBot
@camperbot
Jun 09 2016 00:58
ayaelarebi sends brownie points to @robinsond7691 :sparkles: :thumbsup: :sparkles:
:cookie: 110 | @robinsond7691 |http://www.freecodecamp.com/robinsond7691
Robinsond7691
@Robinsond7691
Jun 09 2016 00:58
yay, no problem @AyaElarebi . I'm learning too, good luck!
darsparx
@darsparx
Jun 09 2016 01:02
@Robinsond7691 yeah but still there'd be a bug report or something for it possibilly
christengall
@christengall
Jun 09 2016 01:06
Anyone know how to add a class style to an image?
Robinsond7691
@Robinsond7691
Jun 09 2016 01:08
@christengall Hey Christen, what lesson are you on? I suppose you mean simply adding it to the tag, like this: <img src="randomlink" class="yourclasshere">
I'm learning too, but see if that works.
515014K
@515014K
Jun 09 2016 01:13
hey i cant get this "Only add one class with each of your three selectors."
Emmanuelle DeBarge
@emmanuelledebarge
Jun 09 2016 01:13
Im so confused can someone help me with this
Robinsond7691
@Robinsond7691
Jun 09 2016 01:13
What lesson? @515014K
Robinsond7691
@Robinsond7691
Jun 09 2016 01:14
I haven't gotten that far yet @emmanuelledebarge :/
515014K
@515014K
Jun 09 2016 01:15
Target Elements by ID Using jQuery @Robinsond7691
sorry its this one "Target the same element with multiple jQuery Selectors"
Robinsond7691
@Robinsond7691
Jun 09 2016 01:16
ah ok, hold on
i actually just did that one about 15 minutes ago
515014K
@515014K
Jun 09 2016 01:17
this is what i added: $("button").addClass("animated");
$(".btn").addClass("animated");
$("#target1").addClass("animated shake btn-primary");
Robinsond7691
@Robinsond7691
Jun 09 2016 01:18
funny, I remember finding that quote strange too. But heres the deal
see how that third one you added three classes to it? They want only one, the btn-primary
and the second one, .btn, they want the shake class, not the animated class
So try again only giving one class to each of the elements (button, .btn, and #target1)
515014K
@515014K
Jun 09 2016 01:21
ty i got it now
Robinsond7691
@Robinsond7691
Jun 09 2016 01:22
@515014K don
Michel
@Mimuke
Jun 09 2016 01:22
Hi there can someone help me how to add class smaller-image inside img element in css
Robinsond7691
@Robinsond7691
Jun 09 2016 01:23
@515014K dont forget to send brownie points by THANKing me with @Robin :D I'm trying to collect em
Hey @Mimuke what lesson are you on?
coffeebeanzz
@coffeebeanzz
Jun 09 2016 01:24
thanks @Robinsond7691 :)
CamperBot
@camperbot
Jun 09 2016 01:24
coffeebeanzz sends brownie points to @robinsond7691 :sparkles: :thumbsup: :sparkles:
:cookie: 113 | @robinsond7691 |http://www.freecodecamp.com/robinsond7691
Michel
@Mimuke
Jun 09 2016 01:24
Size your image on CSS
Robinsond7691
@Robinsond7691
Jun 09 2016 01:25
ok one moment. and thanks coffee!
Michel
@Mimuke
Jun 09 2016 01:26
ok
Robinsond7691
@Robinsond7691
Jun 09 2016 01:27
Before opening the lesson, I assume that it would be by simply including the class inside the img element, like this: <img src="link" class="smaller-image">. Unless the lesson requests the creation of that class in the <style> tag with css. lemme see
515014K
@515014K
Jun 09 2016 01:28
thanks @Robinsond7691
CamperBot
@camperbot
Jun 09 2016 01:28
515014k sends brownie points to @robinsond7691 :sparkles: :thumbsup: :sparkles:
:cookie: 114 | @robinsond7691 |http://www.freecodecamp.com/robinsond7691
Robinsond7691
@Robinsond7691
Jun 09 2016 01:29
Hey Michel, I'm on the lesson " Size your Image" and that's it, you need to create the class in the <style> tag first. Have you done that?
@Mimuke
Michel
@Mimuke
Jun 09 2016 01:30
can you do this <img src="link" class="smaller-image = width:100px">?
Robinsond7691
@Robinsond7691
Jun 09 2016 01:31
not unless you include the style tag in there, so you tell the browser that you're typing in CSS and not html
like this: <img src="link" style="width: 100px")
I'm pretty sure that would work. I remember asking a similar question. What you did there was declare a class inside the link, which i don't think is possible. You'd have to directly give the desired size with the style tag, like how I wrote above, or create the class in the <style> tag over in your css section, and then give your img element the class name
But to pass the lesson, they want the class declared in your style section, and then you give the class name to your image
Try again and let me know
Wesley Pennock
@FireAntJoe
Jun 09 2016 01:35
Getting a weird error
with a java program
Robinsond7691
@Robinsond7691
Jun 09 2016 01:35
@Mimuke
Michel
@Mimuke
Jun 09 2016 01:35
the question is Your img element should have the class smaller-image with a width of 100px
Robinsond7691
@Robinsond7691
Jun 09 2016 01:36
ok, so within your <style> tag, create the class: .smaller-image {width: 100px};
Wesley Pennock
@FireAntJoe
Jun 09 2016 01:37
@Robinsond7691 you know java
Robinsond7691
@Robinsond7691
Jun 09 2016 01:37
then give the class name to your image. <img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat">
Wesley Pennock
@FireAntJoe
Jun 09 2016 01:37
https://gist.github.com/FireAntJoe/0f2861201bcaae161598ebc6643c1c8f getting at a3main.getTotal(a3main.java:64)
Robinsond7691
@Robinsond7691
Jun 09 2016 01:37
@FireAntJoe No no, I'm a noob haha
Wesley Pennock
@FireAntJoe
Jun 09 2016 01:37
@Robinsond7691 lol okay
Robinsond7691
@Robinsond7691
Jun 09 2016 01:38
I'm just helping other beginners
beginner myself :P
Wesley Pennock
@FireAntJoe
Jun 09 2016 01:38
Anyone else here tonight good with java that guy who usually helps me is awesome
Can't remember his screen name at the moment though
Sean DiSanti
@badc0ded
Jun 09 2016 01:38
java or javascript?
it's been a while but i may be able to help
Wesley Pennock
@FireAntJoe
Jun 09 2016 01:39
Java
@badc0ded
@badc0ded thanks in advance
CamperBot
@camperbot
Jun 09 2016 01:39
fireantjoe sends brownie points to @badc0ded :sparkles: :thumbsup: :sparkles:
:cookie: 376 | @badc0ded |http://www.freecodecamp.com/badc0ded
Sean DiSanti
@badc0ded
Jun 09 2016 01:39
what have you got i can try to help
no problem
Robinsond7691
@Robinsond7691
Jun 09 2016 01:39
@Mimuke did you get it?
Austin Elder
@AustinElder
Jun 09 2016 01:39

Hey guys, I'm on the challenge "Target the Parent of an Element Using jQuery"

I'm doing some experimenting and added some jquery that looks like this:

$("#target5").clone().appendTo("#left-well");
$("#target5").parent().css("background","red");

The second line of code only changes the background color of the left-well(cloned to), and not the right-well(original location of target5 element) If I write the second line of jQuery before the first, the opposite occurs, which makes sense to me, because its written ahead of the execution of the clone function. But in the current example, why isnt the background color of both the right-well and left-well changed? doesnt the target5 element exist in both simultaneously at that point?

Michel
@Mimuke
Jun 09 2016 01:39
i have try that but is not responding they asking me put class inside img element is not working i'm stuck
Wesley Pennock
@FireAntJoe
Jun 09 2016 01:40
@badc0ded https://gist.github.com/FireAntJoe/0f2861201bcaae161598ebc6643c1c8f with a weird errorat a3main.getTotal(a3main.java:64)
Sean DiSanti
@badc0ded
Jun 09 2016 01:41
what is the full error output? can send in pm it's too much to be readable in here
Wesley Pennock
@FireAntJoe
Jun 09 2016 01:41
When I had them both in a single class everything was fine
Robinsond7691
@Robinsond7691
Jun 09 2016 01:42

Ok @Mimuke copy this between your <style></style> tags:

.smaller-image {width: 100px};

Then, go to your image link and make sure its like this: <img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat">

Ananth Narayanan
@ant80
Jun 09 2016 01:43

Hello all, I am confused about beginner HTML challenge 26: Link to External Pages with Anchor Elements.
My addition of HTML code is the following:
<a href="http://freecatphotoapp.com"> cat photos </a>

I looked from the github messages that this is incorrect. I thought this is correct, but apparently I am wrong. This means I am not understanding the anchor tag correctly. Can someone please help me out?

Actual Challenge: Create an a element that links to http://freecatphotoapp.com and has "cat photos" as its anchor text.

Robinsond7691
@Robinsond7691
Jun 09 2016 01:43
Try that and if it doesnt work, let me see your code.
Wesley Pennock
@FireAntJoe
Jun 09 2016 01:43
how do I pm?
Sean DiSanti
@badc0ded
Jun 09 2016 01:43
it has been a while, but it looks like you probably need to include or require the other class
let me look up what i'm tryign to say
are the files in the same directory?
Robinsond7691
@Robinsond7691
Jun 09 2016 01:44
@ant80 Let me check that out. @AustinElder , i'm on that lesson right now. I'll finish helping out here and try it myself
Austin Elder
@AustinElder
Jun 09 2016 01:45
@Robinsond7691 alright, sweet
Ananth Narayanan
@ant80
Jun 09 2016 01:45
@Robinsond7691 This has me stumped for 2 hours, almost. So I really appreciate your help!
Michel
@Mimuke
Jun 09 2016 01:45
and what about the width
Robinsond7691
@Robinsond7691
Jun 09 2016 01:46
@ant80 your link seems correct, but I noticed that extra space in the beginning of the text of cat photos. Try removing the space before cat, maybe that will have FCC see that it is correct
if that doesnt do it, try refreshing the page! I noticed that sometimes, even if what I wrote was correct, FCC didn't recognized it. All i had to do was refresh and it worked afterwards. @ant80
Ananth Narayanan
@ant80
Jun 09 2016 01:48
@Robinsond7691 I tried without spaces first, didn't work then, doesn't work now. Will try refreshing page.
AyaElarebi
@AyaElarebi
Jun 09 2016 01:48
hey does anyone have the solution for the lesson 42 which is give a background color to a div element
Robinsond7691
@Robinsond7691
Jun 09 2016 01:48
@Mimuke did you try copying the code I told you about? The width is declared in the style tag under the class name .smaller-image. Then you just give the class name to the img
Ananth Narayanan
@ant80
Jun 09 2016 01:49
@Robinsond7691 Refreshing page worked! Thank you so much!!!
CamperBot
@camperbot
Jun 09 2016 01:49
ant80 sends brownie points to @robinsond7691 :sparkles: :thumbsup: :sparkles:
:cookie: 115 | @robinsond7691 |http://www.freecodecamp.com/robinsond7691
Michel
@Mimuke
Jun 09 2016 01:49
i'm trying
Robinsond7691
@Robinsond7691
Jun 09 2016 01:50
@ant80 awesome!! try it sometime when you are stumped, it happened to me too and someone else here told me about the refresh scheme. good luck!
Copy and paste your code here @Mimuke
@AyaElarebi Hey Aya, I opened the lesson here
did you create the class in the <style> part of your code yet?
Taran
@tsp01
Jun 09 2016 01:51
i can't pass the mission where you make the image 100px in the smaller-image class
Robinsond7691
@Robinsond7691
Jun 09 2016 01:52

@AyaElarebi make sure you have the class created in your style tag : .gray-background {background-color: gray};

Then, just add the class name to your div element

Taran
@tsp01
Jun 09 2016 01:52
thx
AyaElarebi
@AyaElarebi
Jun 09 2016 01:53
yes i did create it but it won't be applied
Robinsond7691
@Robinsond7691
Jun 09 2016 01:53
@tsp01 did you get it working? It basically is the same thing I told Aya just now. Make you created the .smaller-image class in your style tag, then give the class to your img
Can you paste your code @AyaElarebi
Taran
@tsp01
Jun 09 2016 01:55
yes
thanks for the help
AyaElarebi
@AyaElarebi
Jun 09 2016 01:55
ok done thank you @Robinsond7691
CamperBot
@camperbot
Jun 09 2016 01:55
ayaelarebi sends brownie points to @robinsond7691 :sparkles: :thumbsup: :sparkles:
:warning: ayaelarebi already gave robinsond7691 points
Robinsond7691
@Robinsond7691
Jun 09 2016 01:55
@tsp01 no problem, you gotta @my name so I can get brownie points :D
Taran
@tsp01
Jun 09 2016 01:56
@Robinsond7691
Michel
@Mimuke
Jun 09 2016 01:56
Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide. <img src="https://bit.ly/fcc-relaxing-cat">Your img element should have the class smaller-image. Your image should be 100 pixels wide.
Robinsond7691
@Robinsond7691
Jun 09 2016 01:56
no problem Aya, now I'm gonna do my lessons too haha then I'll try and see about @AustinElder
Austin Elder
@AustinElder
Jun 09 2016 01:57
I found the answer actually
Robinsond7691
@Robinsond7691
Jun 09 2016 01:57
@tsp01 sorry Taran, I forgot to say you have to include the word thanks in the sentence. But its ok, don't worry about it
CamperBot
@camperbot
Jun 09 2016 01:57
robinsond7691 sends brownie points to @tsp01 :sparkles: :thumbsup: :sparkles:
:cookie: 21 | @tsp01 |http://www.freecodecamp.com/tsp01
Robinsond7691
@Robinsond7691
Jun 09 2016 01:57
@AustinElder ah ok, lemme go do it
@Mimuke no no, paste your code so i can see it
Michel
@Mimuke
Jun 09 2016 01:58

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

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


h2 {
font-family: Lobster, Monospace;
}

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

</style>

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

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

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

Austin Elder
@AustinElder
Jun 09 2016 01:59
@Robinsond7691 "I believe jQuery selects only the first element with the matching id because having two on a page is not valid HTML"
@Robinsond7691 I tried using a unique class to identify target5 on the second line of jQuery instead, and this time both wells had their css styled
elektra8875
@elektra8875
Jun 09 2016 02:02
how does one create a form element id
Robinsond7691
@Robinsond7691
Jun 09 2016 02:02
@Mimuke awesome, now you just have to add the class to your image, like this: <img src="https://bit.ly/fcc-relaxing-cat" class="smaller-image">
Sean DiSanti
@badc0ded
Jun 09 2016 02:03
@elektra8875 <form id="myId"></form>
that's a form element with an id of myId
Emmanuelle DeBarge
@emmanuelledebarge
Jun 09 2016 02:04
// Setup
var collection = {
    2548: {
      album: "Slippery When Wet",
      artist: "Bon Jovi",
      tracks: [ 
        "Let It Rock", 
        "You Give Love a Bad Name" 
      ]
    },
    2468: {
      album: "1999",
      artist: "Prince",
      tracks: [ 
        "1999", 
        "Little Red Corvette" 
      ]
    },
    1245: {
      artist: "Robert Palmer",
      tracks: [ ]
    },
    5439: {
      album: "ABBA Gold"
    }
};
// Keep a copy of the collection for tests
var collectionCopy = JSON.parse(JSON.stringify(collection));

// Only change code below this line
function updateRecords(id, prop, value) {

  if (value === "") {
    delete collection[id][prop];
  } else if (prop !== "tracks") {
    collection[id][prop] = value;
  } else {
    collection[id][prop].push(value);
  }


  return collection;
}

// Alter values below to test your code
updateRecords(5439, "artist", "ABBA");
Robinsond7691
@Robinsond7691
Jun 09 2016 02:06
@AustinElder are you talking about that lesson with the parent function of jquery?
Austin Elder
@AustinElder
Jun 09 2016 02:06
yeah, although I was trying to solve the challenge, just experimenting with the parent function
*wasnt
Robinsond7691
@Robinsond7691
Jun 09 2016 02:08
@AustinElder you're right about the unique identifer, I do believe it will only select the first one it encounters. I didn't understand your second sentence, though. What lesson is that?
ah ok I understand
elektra8875
@elektra8875
Jun 09 2016 02:09

where would the<form id="myId"></form> go in this 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;
}
.gray-background {
background-color: gray;
}
</style>

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

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

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

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

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

Robinsond7691
@Robinsond7691
Jun 09 2016 02:09
@AustinElder not sure why it would style both wells though, if you correctly used the identifier #left-well.
@elektra8875 what is the task you have to do exactly?
Austin Elder
@AustinElder
Jun 09 2016 02:11
@Robinsond7691 Its because im using jquery to style the parent of the element, After its cloned, it exists in both the right and left well, so both are parents and both get styled
this is what I thought was supposed to happen in the first place, but didnt because I was selecting by ID and IDs have to be unique
once you clone an element with an ID, that ID isnt unique anymore
Robinsond7691
@Robinsond7691
Jun 09 2016 02:12
@AustinElder ooooh, I had forgotten about that cloned thing. That's right! Very interesting testing you did. but wait a minute, once you cloned it, both wells got styled or none of them?
sorry misread, i see that both got styled
cool testing, interesting stuff
Austin Elder
@AustinElder
Jun 09 2016 02:13
when I selected by ID, only the left-well, the one I cloned to, was styled. this is because the left-well comes before the right-well in the html, but
when I gave target5 a unique class and selected by class instead, both were styled
Robinsond7691
@Robinsond7691
Jun 09 2016 02:13
haha awesome, good suff
Austin Elder
@AustinElder
Jun 09 2016 02:13
if two elements have the same ID, only the first ID is read in html
Robinsond7691
@Robinsond7691
Jun 09 2016 02:14
@elektra8875 I saw that your form in your code already has an id! Let me know what the task is exactly so I can help you out :)
elektra8875
@elektra8875
Jun 09 2016 02:15
The challenge is to "Give your form element the id cat-photo-form." I thought I did that but it is not working for me
@Robinsond7691
Robinsond7691
@Robinsond7691
Jun 09 2016 02:16
@elektra8875 looks right to me.. try refreshing the page. if it doesn't work, tell me the name of the lesson so i can check it out
@elektra8875 ops, i think i see the mistake. You have to type the id inside that first <form> tag you opened. notice how you wrote another one right after. that will create a conflict
elektra8875
@elektra8875
Jun 09 2016 02:19
How would I write it @Robinsond7691
Robinsond7691
@Robinsond7691
Jun 09 2016 02:19

So change: <form action="/submit-cat-photo">

<form id="cat-photo-form">

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

ops
change the first two lines to the third one
see how the id tag is inside the same <form> tag?
elektra8875
@elektra8875
Jun 09 2016 02:21
ohhhh.. got it now it works. Thanks @Robinsond7691
CamperBot
@camperbot
Jun 09 2016 02:21
elektra8875 sends brownie points to @robinsond7691 :sparkles: :thumbsup: :sparkles:
:cookie: 119 | @robinsond7691 |http://www.freecodecamp.com/robinsond7691
Robinsond7691
@Robinsond7691
Jun 09 2016 02:22
awesome!! @elektra8875 good luck! I'm gonna continue tomorrow. Good luck everyone
Austin Elder
@AustinElder
Jun 09 2016 02:22
later @Robinsond7691
Robinsond7691
@Robinsond7691
Jun 09 2016 02:23
I'll be around probably the same time :D later man
hluna321
@hluna321
Jun 09 2016 02:27
hey whats up everybody. Im stuck on how to change the width of an image, can anyone help?
elektra8875
@elektra8875
Jun 09 2016 02:28
thanks again @Robinsond7691
CamperBot
@camperbot
Jun 09 2016 02:28
elektra8875 sends brownie points to @robinsond7691 :sparkles: :thumbsup: :sparkles:
:warning: elektra8875 already gave robinsond7691 points
KBennett430
@KBennett430
Jun 09 2016 02:29
hey im am stuck on Link to External Pages with anchor elements where i need an a element that links to http://freecatphotoapp.com. Can someone help me please?
Eraofdiscord
@Eraofdiscord
Jun 09 2016 02:30
Where do I put a hashtag in the href for a deadlink?
Manish Giri
@Manish-Giri
Jun 09 2016 02:32
@Eraofdiscord <a href=“#”>
Austin Elder
@AustinElder
Jun 09 2016 02:32
@Eraofdiscord I believe its just href="#"
Eraofdiscord
@Eraofdiscord
Jun 09 2016 02:33
@KBennett430 <p>Click here for <a href="http://www.freecatphotoapp.com">cat photos</a></p> the code is supposed to look like this I believe
Thanks @AustinElder
CamperBot
@camperbot
Jun 09 2016 02:33
eraofdiscord sends brownie points to @austinelder :sparkles: :thumbsup: :sparkles:
:cookie: 118 | @austinelder |http://www.freecodecamp.com/austinelder
KBennett430
@KBennett430
Jun 09 2016 02:35
blob
i tried that and without the <p>. It still did not work
leilalelosh
@leilalelosh
Jun 09 2016 02:38
can anybody help wit this please Comment out your p element so that it is not visible on your page. idk how to do this
Austin Elder
@AustinElder
Jun 09 2016 02:39
@KBennett430 try moving the your p and a element to the section with the rest of your html. it shouldnt be above your style and link elements
KBennett430
@KBennett430
Jun 09 2016 02:39
@leilalelosh <!-- <p>...</p> -->
leilalelosh
@leilalelosh
Jun 09 2016 02:40
i don't understand
Austin Elder
@AustinElder
Jun 09 2016 02:41
@leilalelosh to comment you use comment tags. <!-- is the opening tag. --> is the closing tag
Eraofdiscord
@Eraofdiscord
Jun 09 2016 02:41
<!--
<p></p>
-->
José Villarroel
@josejesus123
Jun 09 2016 02:43
Hey guys! I'm currently on the Uncomment HTML section, and there's 4 items to complete, but I don't get it. It says "Be sure to delete all trailing comment tags, i.e. -->" I allreadu made visible the previous elements.
I already made visitable the previous elements is what I meant!
KBennett430
@KBennett430
Jun 09 2016 02:43
it still does not seem to be working @AustinElder
José Villarroel
@josejesus123
Jun 09 2016 02:43
visible*
Blekk
@Blekk
Jun 09 2016 02:44
I'm getting an error trying to nest an <a> element within a <p> element: <p>View more <a href="http://www.freecatphotoapp.com">cat photos</a>
</p>
any ideas?
leilalelosh
@leilalelosh
Jun 09 2016 02:44
yeah i got it but where do i put these it's been 15 minutes stuck on this step still can't figure it out
Julie Broach
@jbroac01
Jun 09 2016 02:46
http://worldofdealsgr.com/gallery.html I had someone come to me about building thier website from this template. They are looking to sell new and used electronics.
I am new to this. what questions should I asked. I know he will need a database to categorize the products but what should I be asking?
José Villarroel
@josejesus123
Jun 09 2016 02:49
I'm in the Uncomment HTML section, can't finish it because I can't complete the last item required to move on, it says "Be sure to delete all trailing comment tags, i.e. -->"
Austin Elder
@AustinElder
Jun 09 2016 02:49
@KBennett430 looks correct to me, I can't find a mistake. wonder if its a browser issue
José Villarroel
@josejesus123
Jun 09 2016 02:49
My code is the following

<h1>Hello World</h1>
<!--This is the h2 element-->

<h2>CatPhotoApp</h2>
<!--This is the p element-->

<p>Hello Paragraph</p>

DCFOS
@DCFOS
Jun 09 2016 02:49
Let's say I set a background-color in a div but I actuallt want the bgcolor to be only in the first horizontal third of the page. How would I do it? I tried with margin: px px px px but it actually pushes back the text that's on the same line too
José Villarroel
@josejesus123
Jun 09 2016 02:49
The first line is missing, I know. What can I do?
Austin Elder
@AustinElder
Jun 09 2016 02:51
@KBennett430 I think I figured it out. Its a bug. "Cat Photos" has to be in parentheses for it to count as complete in the challenge
José Villarroel
@josejesus123
Jun 09 2016 02:51
@AustinElder Could you please help me?
Austin Elder
@AustinElder
Jun 09 2016 02:51
@KBennett430 totally arbitrary, you dont normally put text in parantheses like that
@josejesus123 sorry, which challenge are you on again?
José Villarroel
@josejesus123
Jun 09 2016 02:52
Uncomment HTML @AustinElder
leilalelosh
@leilalelosh
Jun 09 2016 02:52

this is my code <!--

<h1>Hello World</h1>

--><h2>CatPhotoApp</h2>

<p>Hello Paragraph</p>
-->
and i still don't know how to do this step Comment out your p element so that it is not visible on your page.

Xavier Sumba
@cuent
Jun 09 2016 02:53

Hello. Why in this problem:

Drop it
Drop the elements of an array (first argument), starting from the front, until the predicate (second argument) returns true.

The second argument, func, is a function you'll use to test the first elements of the array to decide if you should drop it or not.

Return the rest of the array, otherwise return an empty array.

Remember to use Read-Search-Ask if you get stuck. Try to pair program. Write your own code.

dropElements([0, 1, 0, 1], function(n) {return n === 1;}) should return [1, 0, 1].

?
José Villarroel
@josejesus123
Jun 09 2016 02:54
If I make the elements visible, I can't meet the last criteria to delete all the trailing comment tags "-->". If I make the elements invisible by deleting the trailing comment tags "-->" I meet the last criteria but the first three, well, no. @AustinElder
So confusing ma' brethren, what shall I do?
Austin Elder
@AustinElder
Jun 09 2016 02:55
@josejesus123 delete all your comment tags, and the comments themselves. you still have an opening comment tag in front of your h2 and after your p
@josejesus123 opps, nevermind
KBennett430
@KBennett430
Jun 09 2016 02:55
<p> here's a <a href= "http://www.freecatphotoapp.com"> "Cat Photos"</a> link for you to follow</p> im putting this and its not working and i also did it without the p element
Austin Elder
@AustinElder
Jun 09 2016 02:55
@josejesus123 I was looking at someone elses code
KBennett430
@KBennett430
Jun 09 2016 02:55
@AustinElder
José Villarroel
@josejesus123
Jun 09 2016 02:56
Don't worry @AustinElder
I have tried a few things already. This is my code so far:
Leow Wei Xiang
@boyboi86
Jun 09 2016 02:56

dear all I need help with my project. I'm trying to animate the yellow border to exten on load. please kindly assist.

http://codepen.io/Boyboi86/pen/mEeBbK

José Villarroel
@josejesus123
Jun 09 2016 02:56

<h1>Hello World</h1>
<!--This is the h2 element-->

<h2>CatPhotoApp</h2>
<!--This is the p element-->

<p>Hello Paragraph</p>

Austin Elder
@AustinElder
Jun 09 2016 02:56
@KBennett430 try "cat photos" no capitals. I think it really is that sensitive
José Villarroel
@josejesus123
Jun 09 2016 02:56
That's the first line
Austin Elder
@AustinElder
Jun 09 2016 02:57
@josejesus123 delete "<!--This is the h2 element-->", "<!--This is the p element-->", and "<!--This is the h1 element-->" and you should be good to go
leilalelosh
@leilalelosh
Jun 09 2016 02:58
@AustinElder @josejesus123 can you guys help me please this is my code and i still have one more step left and i can't figure it out its asking me to do this step which im stuck at Comment out your p element so that it is not visible on your page.
José Villarroel
@josejesus123
Jun 09 2016 02:58
With those lines, I can meet the first three criteria to make my h1 h2 and p elements visible, but not the last criteria to delete all trailing comment tags
Austin Elder
@AustinElder
Jun 09 2016 02:59
@josejesus123 you meet all 4 criteria by deleting what I specified. Just do it and click submit, and youll see. the trailing tags are part of the comments youre deleting
Blekk
@Blekk
Jun 09 2016 02:59
<p>View more <a href="http://www.freecatphotoapp.com">cat photos</a></p>
see any problems with this?
KBennett430
@KBennett430
Jun 09 2016 03:00
lol i did that too! @AustinElder
Austin Elder
@AustinElder
Jun 09 2016 03:00

its a bug @Blekk use:

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

instead
José Villarroel
@josejesus123
Jun 09 2016 03:00
Lol it was that simple! Maybe I need some sleep... haha! I'll keep going with the following challenges, thanks so much! @AustinElder
CamperBot
@camperbot
Jun 09 2016 03:00
josejesus123 sends brownie points to @austinelder :sparkles: :thumbsup: :sparkles:
:cookie: 119 | @austinelder |http://www.freecodecamp.com/austinelder
Austin Elder
@AustinElder
Jun 09 2016 03:00

@KBennett430 try just copying and pasting this:

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

@josejesus123 np :smile:
Blekk
@Blekk
Jun 09 2016 03:02
@AustinElder thanks, but I'm still getting an error. No idea what the problem is
CamperBot
@camperbot
Jun 09 2016 03:02
blekk sends brownie points to @austinelder :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @austinelder |http://www.freecodecamp.com/austinelder
Dan
@dcgoings
Jun 09 2016 03:04

alright, running into a little dilemma here. not looking for an answer, just a point in the right direction on the "check for palindromes" alg challenge. this is what i have so far:

function palindrome(str) {
  var forwardArr = [];
  var backwardArr = [];

  for (var i = 0; i < str.length; i++) {
    if (str[i].match(/[a-z]/i)) {
      forwardArr.push(str[i]);
    }  
  }

  var forwardStr = forwardArr.join('');

  backwardArr = forwardArr.reverse();

  var backwardStr = backwardArr.join('');

  //return backwardStr + "\n" + forwardStr;

  if (forwardStr.toLowerCase() == backwardStr.toLowerCase()){
    return true;
  } else return false;
}

palindrome("1 eye for of 1 eye.");

this solution satisfies everything EXCEPT when there is a damn number (i.e. "1 eye for of 1 eye"). ive been racking my brain on this for a few hours now.

Austin Elder
@AustinElder
Jun 09 2016 03:04
@Blekk sorry, im not sure
José Villarroel
@josejesus123
Jun 09 2016 03:04
@dcgoings How did you put your code that way?
Dan
@dcgoings
Jun 09 2016 03:04
use 4x ` marks
Blekk
@Blekk
Jun 09 2016 03:04
@AustinElder nevermind, I got it to run now. Thnks
Dan
@dcgoings
Jun 09 2016 03:04
before AND after the code
"````"
José Villarroel
@josejesus123
Jun 09 2016 03:05
<!--
<h1>Hello World</h1>

<h2>CatPhotoApp</h2>

<p>Hello Paragraph</p>
-->
Thanks @dcgoings
CamperBot
@camperbot
Jun 09 2016 03:06
josejesus123 sends brownie points to @dcgoings :sparkles: :thumbsup: :sparkles:
:cookie: 281 | @dcgoings |http://www.freecodecamp.com/dcgoings
Dan
@dcgoings
Jun 09 2016 03:06
welcome!
Austin Elder
@AustinElder
Jun 09 2016 03:06
'''' <button class="btn btn-default target" id="target2">#target2</button> ''''
CamperBot
@camperbot
Jun 09 2016 03:06
:bulb: to format code use backticks! ``` more info
Austin Elder
@AustinElder
Jun 09 2016 03:07
'' <button class="btn btn-default target" id="target2">#target2</button> ''
Dan
@dcgoings
Jun 09 2016 03:07
@AustinElder backticks, not apostrophes
the ` is to the left of the "1" key on a normal US keyboard
leilalelosh
@leilalelosh
Jun 09 2016 03:08
how do i do this step Comment out your p element so that it is not visible on your page.
Austin Elder
@AustinElder
Jun 09 2016 03:08
<button class="btn btn-default target" id="target2">#target2</button>
leilalelosh
@leilalelosh
Jun 09 2016 03:08
help please
CamperBot
@camperbot
Jun 09 2016 03:08

:point_right: algorithm no repeats please [wiki]

Algorithm No Repeats Please

Problem Explanation:

This task requires us to look at each possible permutation of a string. This can be done using a recursion function, but it is not the only way. A common interview question is building a function which collects all permutations of a string. So there is no shortage of tutorials out there on how to do this, in many different code languages.

:pencil: read more about algorithm no repeats please on the FCC Wiki

Nikolas Pinon
@NikolasP98
Jun 09 2016 03:08
java or hhtml?
Austin Elder
@AustinElder
Jun 09 2016 03:08
@dcgoings thanks
CamperBot
@camperbot
Jun 09 2016 03:08
austinelder sends brownie points to @dcgoings :sparkles: :thumbsup: :sparkles:
:cookie: 282 | @dcgoings |http://www.freecodecamp.com/dcgoings
leilalelosh
@leilalelosh
Jun 09 2016 03:08
hhtml
Nikolas Pinon
@NikolasP98
Jun 09 2016 03:08
html* sry
leilalelosh
@leilalelosh
Jun 09 2016 03:09
yeah
Nikolas Pinon
@NikolasP98
Jun 09 2016 03:09
leilalelosh
@leilalelosh
Jun 09 2016 03:10
i will show you my code
Capture.PNG
and its asking me for this Comment out your p element so that it is not visible on your page.
Nikolas Pinon
@NikolasP98
Jun 09 2016 03:10
put a <!-- on line 6
leilalelosh
@leilalelosh
Jun 09 2016 03:11
i did that already still not working
Nikolas Pinon
@NikolasP98
Jun 09 2016 03:11
is it only asking you to comment out your <p> element?
or your <h> element as well
leilalelosh
@leilalelosh
Jun 09 2016 03:12
just the p
Nikolas Pinon
@NikolasP98
Jun 09 2016 03:12
delete the comment from <h1>
RahulKuntala
@RahulKuntala
Jun 09 2016 03:12
remove the comment from 2nd line and 5th
leilalelosh
@leilalelosh
Jun 09 2016 03:12
oh never mind i did a refresh for the wbsite and it worked thx
RahulKuntala
@RahulKuntala
Jun 09 2016 03:12
and add the comment on 6th line
leilalelosh
@leilalelosh
Jun 09 2016 03:12
thank you guys
Marek
@MarekWantsToCode
Jun 09 2016 03:16

<!--

<h1>Hello World</h1>

<h2>CatPhotoApp</h2>

<p>Hello Paragraph</p>
--> erm these makes no sense

RahulKuntala
@RahulKuntala
Jun 09 2016 03:16
lol
Marek
@MarekWantsToCode
Jun 09 2016 03:16
on the comment out html page on freecodecamp
commenting is not really making sense in mah brain
Nikolas Pinon
@NikolasP98
Jun 09 2016 03:17
move the <!-- from line 1 to right before your p element
José Villarroel
@josejesus123
Jun 09 2016 03:17
I'll help ya out, since I have just solved that one a few minutes ago @MarekWantsToCode
Marek
@MarekWantsToCode
Jun 09 2016 03:17
ok
José Villarroel
@josejesus123
Jun 09 2016 03:18
Below the h1 element, introduce -->
so you can make it invisible
I mean, not visible
leave h2 uncommented
and next
above the p element, place the code <!--, below the p element, introduce -->
Nikolas Pinon
@NikolasP98
Jun 09 2016 03:19

<h1>Hello World</h1>

<h2>CatPhotoApp</h2>

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

Marek
@MarekWantsToCode
Jun 09 2016 03:19

<h1>Hello World</h1>

<h2>CatPhotoApp</h2>
<!--

<p>Hello Paragraph</p>
-->
ok so thats what i have

Nikolas Pinon
@NikolasP98
Jun 09 2016 03:19

<h1>Hello World</h1>

<h2>CatPhotoApp</h2>
<!--

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

yep
José Villarroel
@josejesus123
Jun 09 2016 03:19
You should get something like this
<!--This is the title
<h1>Hello World</h1>
-->
<h2>CatPhotoApp</h2>
<!--This is the p paragraph
<p>Hello Paragraph</p>
-->
See what I did there?
I left h2 element uncommented
Marek
@MarekWantsToCode
Jun 09 2016 03:20
aaaaaaaaaahhhh
makes sense!
thannks alot for the help friends
bye!
José Villarroel
@josejesus123
Jun 09 2016 03:20
You're welcome!
CaveMan98
@CaveMan98
Jun 09 2016 03:29
  <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i></button>
yields:
Your fa-thumbs-up icon should be located within the Like button.
But shows the thumbs up on the button
Marek
@MarekWantsToCode
Jun 09 2016 03:30
hey i need to get off for the night do i just leave freecodecamp.com or do i need to save my work?
José Villarroel
@josejesus123
Jun 09 2016 03:30
It is automatically saved! @MarekWantsToCode
Marek
@MarekWantsToCode
Jun 09 2016 03:31
bye guys gtg for the night
Sourabh
@sumitsrbh
Jun 09 2016 03:32
<a href="....."> anchor text
Is it correct
Jimmy Pham
@jpham197
Jun 09 2016 03:33
Hi everyone! I have a question that's not directly related to code: is a pc or mac better for cs major?
Abhishek Baliyan
@abhishekdevinfo
Jun 09 2016 03:35
@sumitsrbh hi
<a href="url">text</a>
Sourabh
@sumitsrbh
Jun 09 2016 03:37
Thanks @abhishekdevinfo
CamperBot
@camperbot
Jun 09 2016 03:37
sumitsrbh sends brownie points to @abhishekdevinfo :sparkles: :thumbsup: :sparkles:
:cookie: 123 | @abhishekdevinfo |http://www.freecodecamp.com/abhishekdevinfo
DCFOS
@DCFOS
Jun 09 2016 03:37
Stupid beginner question time : how do you move text down in html?
Abhishek Baliyan
@abhishekdevinfo
Jun 09 2016 03:37
@sumitsrbh anytime
@jpham197 mac
@DCFOS what you exactly want
are u moving text or button
Sourabh
@sumitsrbh
Jun 09 2016 03:39
@abhishekdevinfo but I have done the same , it doesn't accept !
Abhishek Baliyan
@abhishekdevinfo
Jun 09 2016 03:40
@sumitsrbh could you please paste your code here
DCFOS
@DCFOS
Jun 09 2016 03:40
@abhishekdevinfo Just text
Sourabh
@sumitsrbh
Jun 09 2016 03:41
<p>Here's a <a href="http://freecatphotoapp.com">catphotos</a></p>
José Villarroel
@josejesus123
Jun 09 2016 03:42
@DCFOS Just add p element above the text you want to move down, it will move the paragraph 2 spaces
Abhishek Baliyan
@abhishekdevinfo
Jun 09 2016 03:42
<p>View more cat photos  <a href="http://www.freecatphotoapp.com">cat photos</a> </p>
José Villarroel
@josejesus123
Jun 09 2016 03:43

@DCFOS ````Hello World!

<p>
Welcome To My Site ````

Abhishek Baliyan
@abhishekdevinfo
Jun 09 2016 03:43
it should like this
José Villarroel
@josejesus123
Jun 09 2016 03:43

````Hello World!

<p>
Welcome To My Site ````

CamperBot
@camperbot
Jun 09 2016 03:43

welcome to FreeCodeCamp @josejesus123!

Ronn Whittaker
@Shinronn
Jun 09 2016 03:44
@josejesus123 so adding the <p> above the text you want to move down, does that allow me to dictate how many spaces down such as, I hit the return key 5 times and then <p> above text will it move down 5 times?
Abhishek Baliyan
@abhishekdevinfo
Jun 09 2016 03:45
no
José Villarroel
@josejesus123
Jun 09 2016 03:45
No, each <p> element moves down 2 spaces a text @Shinronn
Ronn Whittaker
@Shinronn
Jun 09 2016 03:45
aaa so I have to add multiple <p> elements to get the desired result?
José Villarroel
@josejesus123
Jun 09 2016 03:45
I meant 2 lines @Shinronn
DCFOS
@DCFOS
Jun 09 2016 03:46
Yeah I was gonna ask that question haha
thanks already @josejesus123
CamperBot
@camperbot
Jun 09 2016 03:46
dcfos sends brownie points to @josejesus123 :sparkles: :thumbsup: :sparkles:
:cookie: 15 | @josejesus123 |http://www.freecodecamp.com/josejesus123
José Villarroel
@josejesus123
Jun 09 2016 03:46
Yes, if you just want to move it 5 lines down, then you can do the following
<p>
<p>
<br>
<br> moves down a text 1 line
Ronn Whittaker
@Shinronn
Jun 09 2016 03:47
aaa I see, thanks @josejesus123
CamperBot
@camperbot
Jun 09 2016 03:47
shinronn sends brownie points to @josejesus123 :sparkles: :thumbsup: :sparkles:
:cookie: 16 | @josejesus123 |http://www.freecodecamp.com/josejesus123
José Villarroel
@josejesus123
Jun 09 2016 03:47
Of course CSS can do a better job related to that task!
Jimmy Pham
@jpham197
Jun 09 2016 03:47
@abhishekdevinfo what puts mac above pc?
José Villarroel
@josejesus123
Jun 09 2016 03:47
Thanks to you!
DCFOS
@DCFOS
Jun 09 2016 03:47
Oh, then what function would you use in CSS?
Ronn Whittaker
@Shinronn
Jun 09 2016 03:47
is there a need to close out the <p> or the <br> element with the ie </p>?
DCFOS
@DCFOS
Jun 09 2016 03:48
I tried using margin but it moved a lot of things, not just the one element I wanted to move
Ronn Whittaker
@Shinronn
Jun 09 2016 03:48
also what @DCFOS said
Christian Elena
@chanqoDev
Jun 09 2016 03:48
@jpham197 I think it just boils down to preference in reality.
José Villarroel
@josejesus123
Jun 09 2016 03:48
No need to close the p element for that matter @Shinronn
Ronn Whittaker
@Shinronn
Jun 09 2016 03:48
damn nice
Christian Elena
@chanqoDev
Jun 09 2016 03:49
@Shinronn I would recommend you do it.
Ronn Whittaker
@Shinronn
Jun 09 2016 03:50
one more question in reference to what @DCFOS said, for margins, to signify that you only want to move a certain amount, can't you just nest it into a div element?
thanks @josejesus123
CamperBot
@camperbot
Jun 09 2016 03:50
shinronn sends brownie points to @josejesus123 :sparkles: :thumbsup: :sparkles:
:warning: shinronn already gave josejesus123 points
Abhishek Baliyan
@abhishekdevinfo
Jun 09 2016 03:50
@jpham197 a lot's of think like great hardware, retina display, long life battery and most important if you show to others that you are using linux/mac instead of windows than its a great impression
there are alot of things just google it
Christian Elena
@chanqoDev
Jun 09 2016 03:50
@Shinronn otherwise you will rely on the interperter to fix it for you… Time complexity.
Ronn Whittaker
@Shinronn
Jun 09 2016 03:50
thanks @chanqoDev
CamperBot
@camperbot
Jun 09 2016 03:50
shinronn sends brownie points to @chanqodev :sparkles: :thumbsup: :sparkles:
:cookie: 37 | @chanqodev |http://www.freecodecamp.com/chanqodev
Ronn Whittaker
@Shinronn
Jun 09 2016 03:50
I see
Jimmy Pham
@jpham197
Jun 09 2016 03:51
@abhishekdevinfo @chanqoDev Alright, thanks for your help guys :smile:
CamperBot
@camperbot
Jun 09 2016 03:51
jpham197 sends brownie points to @abhishekdevinfo and @chanqodev :sparkles: :thumbsup: :sparkles:
:cookie: 38 | @chanqodev |http://www.freecodecamp.com/chanqodev
:cookie: 124 | @abhishekdevinfo |http://www.freecodecamp.com/abhishekdevinfo
Christian Elena
@chanqoDev
Jun 09 2016 03:52
@jpham197 anytime :)
Abhishek Baliyan
@abhishekdevinfo
Jun 09 2016 03:53
np
Mason Schmidgall
@ms-217
Jun 09 2016 03:54
How do you embed a Code Pen project into a message?
Chris Cullen
@123xylem
Jun 09 2016 04:01
Hey guys.. How would one put num values into array with forloop? Would this work? js num=5. for (i=0;i<num;i++){arr.push(num[i])
^^ ?
Clinkzc
@clinkzc
Jun 09 2016 04:09
Can I get some help for Golf Code
   if (stokes==1){
    return "Hole-in-one!";
  } else if (strokes<=par-2){
    return "Eagle";
  } else if (strokes==par-1){
    return "Birdie";
  } else if (strokes==par){
    return "Par";
  } else if (strokes==par+1){
    return "Bogey";
  } else if (strokes==par+2){
    return "Double Bogey";
  } else 

  return "Go Home!";
What might be the problem?
Nelson J
@nelsonaj
Jun 09 2016 04:15
Need help with nesting anchor element within paragraph.
Is anybody online?
Abhishek Baliyan
@abhishekdevinfo
Jun 09 2016 04:16
@yr2091 i will try
@yr2091 whats the problem
<p>View more cat photos  <a href="http://www.freecatphotoapp.com">cat photos</a> </p>
CaveMan98
@CaveMan98
Jun 09 2016 04:26
Found my mistake, needed to have work "Like" with thumbs up icon, must have been implied, somehow.
Mason Schmidgall
@ms-217
Jun 09 2016 04:43

@clinkzc I think you forgot the curly braces at the end:

   if (stokes==1){
    return "Hole-in-one!";
  } else if (strokes<=par-2){
    return "Eagle";
  } else if (strokes==par-1){
    return "Birdie";
  } else if (strokes==par){
    return "Par";
  } else if (strokes==par+1){
    return "Bogey";
  } else if (strokes==par+2){
    return "Double Bogey";
  } else {     // Brace needed

    return "Go Home!";
  }   // Closing Brace needed

But really, I don't think you need that else at all:

   if (stokes==1){
    return "Hole-in-one!";
  } else if (strokes<=par-2){
    return "Eagle";
  } else if (strokes==par-1){
    return "Birdie";
  } else if (strokes==par){
    return "Par";
  } else if (strokes==par+1){
    return "Bogey";
  } else if (strokes==par+2){
    return "Double Bogey";
  }

  return "Go Home!";
Gregory Orton
@ortonomy
Jun 09 2016 04:47
need help with JS syntax.
consider these two functions and this piece of code:
var es5 = function ( x, y, z) {
        return arguments.reduce ( (a,b) => a + b );
}

var es6 = function (...a) {
    return a.reduce ( (a,b) => a + b );
}

console.log(es5(1,2,3,4));
console.log(es6(1,2,4,4));
understand that es5 will not work
because arugments is array-like not an array
so it's missing the reduce method from the Array prototype.
but...
how does the ... spread operator work here.
does ... resolve to an array?
Gregory Orton
@ortonomy
Jun 09 2016 04:54
like in my call es6(1,2,3,4) actually end up being
es6(1,2,3,4);
// apply spread operator means evaluates to array
es6([1,2,3,4]);
// therefore a is an array
a.reduce //works.
David Young
@dayvidwhy
Jun 09 2016 04:54
your second one is fancy new syntax
Gregory Orton
@ortonomy
Jun 09 2016 04:55
I know, it's ES6 (hence the function name) 😉
just trying to work out how it works.
It would make sense that the ... operator resolves to an array.
that’s pretty cool
looks like its shorthand for the array if you want to add it to another one
Gregory Orton
@ortonomy
Jun 09 2016 04:57
as you can use it arrays themsleves, according to: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Spread_operator
let x  = [1,2,3]
let y = [1,2,3,...x];
// y = [1,2,3,1,2,3];
@deedubwhy - aye, was just spelling that out.
hehe
David Young
@dayvidwhy
Jun 09 2016 04:57
hmm
renansombra
@renansombra
Jun 09 2016 04:59

Your form element should have the background-color of green.

cant solve this

already put

cat-photo-phorm {

background-color: green;
}

David Young
@dayvidwhy
Jun 09 2016 05:00
you appear to have spelt form wrong
renansombra
@renansombra
Jun 09 2016 05:01
wow
still didnt work
Gregory Orton
@ortonomy
Jun 09 2016 05:01

what it doesn't tell you is that there's an implicity step here:

es6(1,2,3,4) is four separate arguments.

but if you define it with the spread operator:

es6(...a)

That surely means that:

  1. I call es6(1,2,3,4) - four seperate arguments
  2. ???? - > what happens here, somehow just putting four arguments where there should be an array (...a) will cast 1,2,3,4 to a = [1,2,3,4]
I wonder if you were to console.log(arguments.length) it would come out as 1 not 4, because of the implicit assignment.
Robert Dominguez
@Rdarrona15
Jun 09 2016 05:04
Can anyone help with "Use Responsive Design with Bootstrap Fluid Containers" challenge?
Gregory Orton
@ortonomy
Jun 09 2016 05:04
nope. It doesn't come out. arguments length is still 4.
Robert Dominguez
@Rdarrona15
Jun 09 2016 05:04
Here is my work so far...
Gregory Orton
@ortonomy
Jun 09 2016 05:04
😢
I don't understand
Robert Dominguez
@Rdarrona15
Jun 09 2016 05:05
<div. class=".container-fluid">
<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" src="https://bit.ly/fcc-relaxing-cat"></a>

<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<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>
alinarose
@alinarose
Jun 09 2016 05:05
what does it mean to create a new p element around the a element?
hnry
@hnry
Jun 09 2016 05:07
@alinarose it means wrap the 'a' with a p element
alinarose
@alinarose
Jun 09 2016 05:07
i know that but how?
hnry
@hnry
Jun 09 2016 05:07
<p><a href=???>???</a></p>
TheSmokingGnu
@TheSmokingGnu
Jun 09 2016 05:07

@TheSmokingGnu
Hi, I’m working through the Basic algorithm questions and think I found a bug in "Confirm the Ending”
The aim is to confirm the last word but the following test seems incorrect

confirmEnding("He has to give me a new name", "me") should return true.

That should be false shouldn’t it?

here is a link to the challenge https://www.freecodecamp.com/challenges/confirm-the-ending#?solution=%0Afunction%20confirmEnding(str%2C%20target)%20%7B%0A%20%20%2F%2F%20%22Never%20give%20up%20and%20good%20luck%20will%20find%20you.%22%0A%20%20%2F%2F%20--%20Falcor%0A%20%20%0A%20%20return%20str.substr(str.indexOf(target)%2C%20str.length)%20%3D%3D%3D%20target%3B%0A%7D%0A%0AconfirmEnding(%22He%20has%20to%20give%20me%20a%20new%20name%22%2C%20%22new%22)%3B%0A

alinarose
@alinarose
Jun 09 2016 05:07
thank you
hnry
@hnry
Jun 09 2016 05:08
the ??? is whatever else is required since i don't know what the challenge is
@TheSmokingGnu how so?
@TheSmokingGnu it is correct
TheSmokingGnu
@TheSmokingGnu
Jun 09 2016 05:09
you mean the test is correct?
hnry
@hnry
Jun 09 2016 05:10
yea, nowhere does it say "word" in the challenge
and "...name" has an ending of "me"
TheSmokingGnu
@TheSmokingGnu
Jun 09 2016 05:10
ah, I get it thanks
David Young
@dayvidwhy
Jun 09 2016 05:21
@geligelu try resolving type of …array?
Gregory Orton
@ortonomy
Jun 09 2016 05:21
yup did
David Young
@dayvidwhy
Jun 09 2016 05:21
¯\_(ツ)_/¯
Gregory Orton
@ortonomy
Jun 09 2016 05:21
tried Array.isArray(a);
came back true
David Young
@dayvidwhy
Jun 09 2016 05:22
…aray.length is 4?
Chris Cullen
@123xylem
Jun 09 2016 05:24
my fcc keeps crashing
any help?
David Young
@dayvidwhy
Jun 09 2016 05:24
stop writing indefinite loops
Gregory Orton
@ortonomy
Jun 09 2016 05:24
no, arguments length is 4 @deedubwhy
David Young
@dayvidwhy
Jun 09 2016 05:24
while (true) {
     crash browser;
}
Gregory Orton
@ortonomy
Jun 09 2016 05:24
so it seems, when you define a function as (...a)
even if you don't pass an array, it will do two things.
first it wil still pass (x,y,z,...) to the function, so arguments is still the same
but it will make you single argument a available as an array of ALL the arguments
which is very useful, but also non-intuitive.
Harrison Marley
@MindFluid
Jun 09 2016 05:27
Hey there
can anyone help me a little with my tribute page?
I'm having trouble getting some images to align themselves properly
pertaining to muskImages at the bottom
I know the rest of the page is currently a mess, but I want to fix this first
psh82
@psh82
Jun 09 2016 05:32
@mindfluid looks like you have an extra space in the quotes for the last image there " muskImage imageThree"
don't know if that is what is breaking it
David Young
@dayvidwhy
Jun 09 2016 05:32
@MindFluid dont use divs with backgrounds, just link images
Harrison Marley
@MindFluid
Jun 09 2016 05:34
@deedubwhy so where should I place the "col-md-3 col-xs-6" class?
Manuel Micu
@manu-4216
Jun 09 2016 05:38
hello. I was thinking to start pairing with someone else. But I'm not sure how we can work together on the same project in JS. Can someone give me some tips pls (are we supposed to divide tasks? if yes, should we and can we divide in independent tasks? Should we still use Codepen?)
Chris Cullen
@123xylem
Jun 09 2016 05:45
function sumFibs(num) {
  var count=0;
  var arr=[];
  var digit=1;
  while(!digit+digit %2===0&& digit<num){
    count+=digit;
  }
  return count;
}

sumFibs(4);
Im trying to find and add all the odd fib numbers of num... My FCC has been crashing a lot tho so just checking whats going on here to only return 0 when I run it?
Brian Phillips
@unipheas
Jun 09 2016 05:45
@manu-4216 Scrum, Agile, c9.io, slack, github… look all those up and you’ll get a better understanding
Joyal
@jol333
Jun 09 2016 05:49
This is the tribute page that I created: http://codepen.io/jol333/pen/YWydbE
In this the "well" class div is not covering the entire content. Can anyone please help me to solve this issue?
Chris Cullen
@123xylem
Jun 09 2016 05:56
Is this an infinte Loop? If so how do i break it?

function sumFibs(num) {
  var count=0;
  var arr=[];
  var digit=1;
  while(digit<num && digit+digit %2!==0 ){
    count+=digit; 
  }
  return count;

}

sumFibs(5);
Ishtmeet Singh
@IshtmeetSingh
Jun 09 2016 05:58
@123xylem That's not really a correct way to do that.
Manuel Micu
@manu-4216
Jun 09 2016 05:59
@unipheas Ok, I'll look into those
Ishtmeet Singh
@IshtmeetSingh
Jun 09 2016 05:59
@123xylem look at the digit+digit%2!==0 part. You might want to use parentheses to clear that up.
Chris Cullen
@123xylem
Jun 09 2016 05:59
@IshtmeetSingh ok il look into that
Ishtmeet Singh
@IshtmeetSingh
Jun 09 2016 06:00
@123xylem Use parenthesis around digit + digit.
Parentheses*
Chris Cullen
@123xylem
Jun 09 2016 06:01
@IshtmeetSingh that didnt work.. it gave 0 when i did that..
Ishtmeet Singh
@IshtmeetSingh
Jun 09 2016 06:02
@123xylem why did you define an empty array arr?
Chris Cullen
@123xylem
Jun 09 2016 06:02
@IshtmeetSingh things to come
Ishtmeet Singh
@IshtmeetSingh
Jun 09 2016 06:03
@123xylem yes, you didn't use the correct algorithm, that won't give tou the sum of Fibonacci numbers. I am on phone right now, will switch to pc.
Out*
Ishtmeet Singh
@IshtmeetSingh
Jun 09 2016 06:16
@123xylem you there?
Chris Cullen
@123xylem
Jun 09 2016 06:16
yo
function sumFibs(num) {
  var count=0;
  var arr=[];
  var digit=1;

  while(count<num){
    digit++;

    if(digit+digit %2!==0){

    count+=digit; 
  }}
  return count;

}

sumFibs(6);
Ishtmeet Singh
@IshtmeetSingh
Jun 09 2016 06:16
@123xylem That's the correct algorithm :smile:
function sumFibs(num) {
    var prevNumber = 0;
    var currNumber = 1;
    var result = 0;
    while (currNumber <= num) {
        if (currNumber % 2 !== 0) {
            result += currNumber;
        }
        var added = currNumber + prevNumber;
        prevNumber = currNumber;
        currNumber = added;
    }

    return result;
}
@123xylem you made it quite complicated.
Chris Cullen
@123xylem
Jun 09 2016 06:17
dude I can google the answer
lol
I think I nearly have it but my confition that stops infinite loop also stops my count going high enough
Ishtmeet Singh
@IshtmeetSingh
Jun 09 2016 06:21
@123xylem give me a minute
Emeka Nwankwo
@janus
Jun 09 2016 06:21
@IshtmeetSingh There is no need of having var added declared and assigned each time in the loop. Declare it outside the lood ...
Chris Cullen
@123xylem
Jun 09 2016 06:25

function sumFibs(num) {
  var count=0;
  var arr=[];
  var digit=1;

  while(digit<num){
    //while dig is less than num
 digit= digit+ digit;
    //digit = 1 + prev digit

    if(digit+digit %2!==0){

    arr.push(digit); 
  }}
  return arr;

}

sumFibs(5);
Now im confused .. THis is giving me only even numbers on digit!?? WTF?
Ishtmeet Singh
@IshtmeetSingh
Jun 09 2016 06:27
@123xylem
Nazim
@nazimkazim
Jun 09 2016 06:29
@jol333 Try .container-fluid {padding0;}
Chris Cullen
@123xylem
Jun 09 2016 06:31
I see why its only even now
Shabbir Haider
@shabbir1993
Jun 09 2016 06:31
Hello all,
I'm unable to link my github to unlock portfolio, It gives an error that my gothub account is already asociated with another account...
any suggestions on that ???
Amit-Kumar
@Amit-ROBIN
Jun 09 2016 06:37
I am stuck in javascript as it didn't load up in the browser.
joshua Bazan-Sanchez
@demonmuffin
Jun 09 2016 06:42
<img class="smaller-image" class1="thick-green-border" src="https://bit.ly/fcc-relaxing-cat">
anyone tell me whats wrong with my classes
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2016 06:44
@demonmuffin you don't have to give diff classess
you can include them all in one class <img class="smaller-image thick-green-border" src="URL">
joshua Bazan-Sanchez
@demonmuffin
Jun 09 2016 06:45
okay thank you
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2016 06:45
you are welcome
Mandy
@YoungPlutus
Jun 09 2016 06:55
what is that number in the top right of my screen next to my profile photo? It goes up after each challange
Harrison Marley
@MindFluid
Jun 09 2016 06:56
@YoungPlutus I think you answered your own question
Hong
@designBuildShipSoftware
Jun 09 2016 06:56
Hi, I am learning Render Images from Data Sources by json. There is one line in the code like this:
html += "<img src = '" + val.imageLink + "'>"
I wonder why it isn't html += "<img src = " + val.imageLink + ">"
Mandy
@YoungPlutus
Jun 09 2016 06:57
@MindFluid but I was told that is was my brownie points
Hong
@designBuildShipSoftware
Jun 09 2016 06:58
Why should I use '" ... "' here?
ravi teja
@raviarrow88
Jun 09 2016 06:58
hi .....
Harrison Marley
@MindFluid
Jun 09 2016 06:58
@YoungPlutus Yep! they are. You get 1 for completing a challenge and once when campers link your name and say "thanks"
ravi teja
@raviarrow88
Jun 09 2016 06:59
Only use jQuery to remove this class from the element. i have removed btn-default from button elements ....
i am still getting the error...Only use jQuery to remove this class from the element.
Mandy
@YoungPlutus
Jun 09 2016 06:59
@MindFluid ohhhhh ok, thanks
CamperBot
@camperbot
Jun 09 2016 06:59
youngplutus sends brownie points to @mindfluid :sparkles: :thumbsup: :sparkles:
:cookie: 132 | @mindfluid |http://www.freecodecamp.com/mindfluid
Harrison Marley
@MindFluid
Jun 09 2016 07:00
@YoungPlutus You just gave me my first brownie point from a user
ravi teja
@raviarrow88
Jun 09 2016 07:02
@raviarrow88
Only use jQuery to remove this class from the element. i have removed btn-default from button elements ....
i am still getting the error...Only use jQuery to remove this class from the element. can anyone help
$("#target2").removeClass("btn-default");
Kristen Garnier
@KristenGarnier
Jun 09 2016 07:03

@designBuildShipSoftware it’s because you need to specify a string for the SRC attribute.
In your case, the image is already in form of a string with double quote, in order to be added to the HTML variable, which is a string too.
So considering, this is already a string, how do you declare a string into a string ? Just wrap your element in simplequote if your string is double quote, or double quote if your string is simple quote.

As exemple :

@designBuildShipSoftware
var html = « <img src=«  + val.imageLink +  » > « 
///will render —> <img src=pathofyourimage.png > not valid html

var html = « <img src='«  + val.imageLink +  » '> « 
/// will render —> <img src=‘pathofyourimage.png’> valid html
Sorry for the ‘«’ french keyboard :/
@raviarrow88 What is your problem ?
Terri Lake
@tlake25
Jun 09 2016 07:07
URGH! I need help with "Use an ID Attribute to Style an Element", specifically "Your form element should have the background-color of green."
Kristen Garnier
@KristenGarnier
Jun 09 2016 07:10
@tlake25 What are you strugguling with ? you don’t know how to put and ID attribute, or you don’t know how to select an id attribute into the css ? :)
Sanne
@sannek
Jun 09 2016 07:10
@tlake25 Post your code, and we can help you.
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2016 07:14
@tlake25 I think you need to give an id element to your form <form action="code" id="id here">
and define the id in styles with a hashtag #id{code}
Sorin Ruse
@sorinr
Jun 09 2016 07:15
@raviarrow88 have you loaded jquery library?
ravi teja
@raviarrow88
Jun 09 2016 07:16
@designBuildShipSoftware .... $("#target2").removeClass("btn-default"); i have remove btn-default from the button element ..then i m getting error like Only use jQuery to remove this class from the element.
ya i have loaded
Hong
@designBuildShipSoftware
Jun 09 2016 07:17
@raviarrow88 ?
That's not my questio
n
ravi teja
@raviarrow88
Jun 09 2016 07:18
then ?
Terri Lake
@tlake25
Jun 09 2016 07:25

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

.gray-background {
background-color: gray;
}

.cat-photo-form {
background-color: green;
}

.green-background {
background-color: green;
}

</style>

<div class="green-background">

<form id="cat-photo-form">

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

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

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

<div class="gray-background">

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

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

I can't get the green check for "Your form element should have the background-color of green", even though it shows it on the illustration
Hong
@designBuildShipSoftware
Jun 09 2016 07:26
@KristenGarnier Thanks. I am still thinking about what you said
CamperBot
@camperbot
Jun 09 2016 07:26
designbuildshipsoftware sends brownie points to @kristengarnier :sparkles: :thumbsup: :sparkles:
:cookie: 87 | @kristengarnier |http://www.freecodecamp.com/kristengarnier
Kashif Mohammed
@Spyreo
Jun 09 2016 07:29
<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">


  </div>
</div>
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2016 07:29
@tlake25 for ID you need to give # in styling

cat-photo-form{}

cat-photo-form

Kashif Mohammed
@Spyreo
Jun 09 2016 07:29
Create two div elements within your row, both with the class col-xs-6?
How cna i do that?
div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
</div>
</div>
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2016 07:30

@Spyreo <div class="row"

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

Kashif Mohammed
@Spyreo
Jun 09 2016 07:30
i tried that
That's not the solution
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2016 07:31
can you paste your full code ehre
Kashif Mohammed
@Spyreo
Jun 09 2016 07:31
I figured it out
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2016 07:31
great
Kashif Mohammed
@Spyreo
Jun 09 2016 07:31
thank you @reddy-bharathkumar
CamperBot
@camperbot
Jun 09 2016 07:31
spyreo sends brownie points to @reddy-bharathkumar :sparkles: :thumbsup: :sparkles:
:cookie: 275 | @reddy-bharathkumar |http://www.freecodecamp.com/reddy-bharathkumar
Kashif Mohammed
@Spyreo
Jun 09 2016 07:36

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

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

</div>

</div>
</div>
```

Nest both of your div elements with the class "col-xs-6" within your div element with the class "row".?
Can anyone explain me this
joshua Bazan-Sanchez
@demonmuffin
Jun 09 2016 07:36
what is wrong with my input
<imput type="text">
oh nvm haha
Kashif Mohammed
@Spyreo
Jun 09 2016 07:37
Full code please joshua
Hong
@designBuildShipSoftware
Jun 09 2016 07:37
@KristenGarnier I think I have figured out what was wrong with my thought. I grouped '« + val.imageLink + » ' first and that was wrong.
That was wrong, right?
Steve Longoria
@SteveLongoria
Jun 09 2016 07:41
can somebody please tell me why the navbar is cutting off my image? I've tried adding margin-top and padding-top to my #home id and my #ppic id to no avail... https://codepen.io/stevehl25/pen/PNrPox
Kashif Mohammed
@Spyreo
Jun 09 2016 07:42
Anyone here to help me?
Kristen Garnier
@KristenGarnier
Jun 09 2016 07:42

@designBuildShipSoftware No, that was the right thing to do ^^

You need theses ‘ So it can mark the start and the stop of the src attribute, since you created the string with «, you can no longer use it for the src element, or it will not produce the result you want ^^

Mandy
@YoungPlutus
Jun 09 2016 07:42
I might
Kashif Mohammed
@Spyreo
Jun 09 2016 07:43

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

</div>

</div>
</div>
```

Im doing something wrogn here
Add a div element with the class well inside each of your div elements with the class "col-xs-6
Broozius
@Brucius
Jun 09 2016 07:45
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="well" "col-xs-6">
</div>
<div class="well" "col-xs-6">

</div>

</div>
</div>
Hong
@designBuildShipSoftware
Jun 09 2016 07:46
@KristenGarnier Got you. What if we need to quote 1 more layer? Which quote symbol should we use then?
Just curious
Sorin Ruse
@sorinr
Jun 09 2016 07:46
@OakerMin it has to be <div class="well col-xs-6">
Broozius
@Brucius
Jun 09 2016 07:46
@Spyreo you shouldn't put the col-xs-6 in a seperate
oh no I'm helping @Spyreo
and visualizing the code with github markdown haha
yeah like @sorinr said it should be in the same quotes
Hanan Anna Cherian
@hanan95
Jun 09 2016 07:50
i need help with anchor elements.
Hong
@designBuildShipSoftware
Jun 09 2016 07:53
@hanan95 Do you have any specific questions?
Hanan Anna Cherian
@hanan95
Jun 09 2016 07:54
yes
i am new to this..how do i show my code?
Kristen Garnier
@KristenGarnier
Jun 09 2016 07:54
@designBuildShipSoftware I never encounter such case, but you could easily unlock you by decomposing the string into multiple variables, so the quote layer is much more manageable
@hanan95 get a look at the button with M and arrow down on the side, it will explain to you how to format
Hong
@designBuildShipSoftware
Jun 09 2016 07:56
This message was deleted
Hanan Anna Cherian
@hanan95
Jun 09 2016 07: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-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

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

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

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

<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">

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

Santosh Kumar Toleti
@Santosh456
Jun 09 2016 07:58
@hanan95 what is ur doubt ?
Richard Andrews
@Whiplash5057
Jun 09 2016 07:58
Guys need help
Hong
@designBuildShipSoftware
Jun 09 2016 07:59
@KristenGarnier I see. Thanks!
CamperBot
@camperbot
Jun 09 2016 07:59
designbuildshipsoftware sends brownie points to @kristengarnier :sparkles: :thumbsup: :sparkles:
:warning: designbuildshipsoftware already gave kristengarnier points
Kristen Garnier
@KristenGarnier
Jun 09 2016 07:59
@designBuildShipSoftware you’re welcome :)
Hanan Anna Cherian
@hanan95
Jun 09 2016 08:00
@Santosh456 this line
<p>
<a href="http://www.freecatphotoapp.com">cat photos</a>
</p>
Guys my code is not responsive ...need help
Anton A Avilkin
@Devaste
Jun 09 2016 08:08
hi there everyone :) is there any way to load custom bootstrap css from github?
G Lakshmi Narayana
@glnarayana93
Jun 09 2016 08:08
how to use array.reduce()?
Anton A Avilkin
@Devaste
Jun 09 2016 08:10
Mar10-9us
@Mar10-9us
Jun 09 2016 08:12
Why is the div with the class "botradius" not showing up at all ?
Kashif Mohammed
@Spyreo
Jun 09 2016 08:17

`

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

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

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

</div>

</div>
</div>`

Kristen Garnier
@KristenGarnier
Jun 09 2016 08:17

@glnarayana93 Array reduce is a complicated thing when you first encounter it, let me give you an explanation :

Array reduce takes 2 argument, the first one is the call back ( must be referenced ) and the second is the starting value ( optionnal )

In the call back, you have 2 arguments the Previous value, and the actual value , if you return someting inside the callback it will save it in the previous value, and the actual value will change for every element you have in your array !
If you provide a starting value it will be directly referenced as the previous value.

let me give you an example :

var array = [1,2,3,4,5];

var total = array.reduce(function(previous, actual) {
          return previous + actual 
}, 0);

// outputs : 15
Kashif Mohammed
@Spyreo
Jun 09 2016 08:17
Add a div element with the class well inside each of your div elements with the class "col-xs-6"
I'm stuck here can anyone help me
G Lakshmi Narayana
@glnarayana93
Jun 09 2016 08:19

how to solve this Sum All Numbers in a Range

my sol:

  var count=0;
function sumAll(arr) {
  var a=arr[0]+arr[1];

  if(arr[0]<arr[1]){
    var b;
    for(b=arr[0];b<=arr[1];b++){
      count+=b;
      //console.log(count);
    }
  }
  return a+count;
}

//sumAll([1, 4]);
[1,4].reduce(sumAll);
Kashif Mohammed
@Spyreo
Jun 09 2016 08:19
Can anyone help me?
Mar10-9us
@Mar10-9us
Jun 09 2016 08:20
@Spyreo You're supposed to nest a <div class="well"></div> within your two columned elements
<div class="col-xs-6" "well">
<div class="well"></div>
</div>
<div class="col-xs-6" "well">
<div class="well"></div>
</div>
Kashif Mohammed
@Spyreo
Jun 09 2016 08:22
Thank you @Mar10-9us
CamperBot
@camperbot
Jun 09 2016 08:22
spyreo sends brownie points to @mar10-9us :sparkles: :thumbsup: :sparkles:
:cookie: 127 | @mar10-9us |http://www.freecodecamp.com/mar10-9us
G Lakshmi Narayana
@glnarayana93
Jun 09 2016 08:22
@KristenGarnier can please check my code
Kristen Garnier
@KristenGarnier
Jun 09 2016 08:22
@glnarayana93 This solution will work only for two numbers
@glnarayana93 I think you don’t really understand the reduce method ^^
carlos
@carlosrosa1992
Jun 09 2016 08:43
guys I'm stuck in the resize image
Bhanu Bhandari
@scoppiare99
Jun 09 2016 08:43
Guys hello I'm new here and I'm stuck on challenge #22. "Your image should have a src attribute that points to the kitten image." The image is present on my app page but somehow the quoted objective isn't being accepted. Please help. Thanks!
carlos
@carlosrosa1992
Jun 09 2016 08:44
<img class=smaller-image src="https://bit.ly/fcc-relaxing-cat">
my pixels should be 100 but anywhere that i put it just doesn't work
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2016 08:45
@bhanu1911 <img src="URL Here">
@carlosrosa1992 you need to double quotes for class <img class="smaller-image" src="url">
Kumar Gourav
@GouravSinghRon
Jun 09 2016 08:46
<botton class="btn btn-block btn-primary">Primary</botton>
i used this code
and tried
create a button
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2016 08:46
@GouravSinghRon it should be button not botton
carlos
@carlosrosa1992
Jun 09 2016 08:46
ok
Kumar Gourav
@GouravSinghRon
Jun 09 2016 08:46
oh
thanku Bharath
Bhanu Bhandari
@scoppiare99
Jun 09 2016 08:47
<img src="https://s3.amazonaws.com/freecodecamp/relaxing-cat.jpg"> This doesn't seem to work somehow
Ramesh syangtan
@rameshsyn
Jun 09 2016 08:48
Your code seems perfect @bhanu1911 :smile:
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2016 08:50
@bhanu1911 can you paste your full code here?
Bhanu Bhandari
@scoppiare99
Jun 09 2016 08:50

<img src="https://s3.amazonaws.com/freecodecamp/relaxing-cat.jpg">

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2016 08:51
ah, it's may be due to positioning of elements, I think you need to place it under your h2 element
Mandy
@YoungPlutus
Jun 09 2016 08:51

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

I got u fam @bhanu1911
Scratch that...

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

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

Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2016 08:55
Invalid image source
Bhanu Bhandari
@scoppiare99
Jun 09 2016 08:55
Thanks a ton @YoungPlutus
CamperBot
@camperbot
Jun 09 2016 08:55
bhanu1911 sends brownie points to @youngplutus :sparkles: :thumbsup: :sparkles:
:cookie: 75 | @youngplutus |http://www.freecodecamp.com/youngplutus
Nguyễn Bá Thành
@lacoski
Jun 09 2016 09:08
Hello. Now I learn Git-it Guild, and when I try solution "It's A Small World" , It fall "Reporobot has been added!". anyone can hep me? Thanks! (sorry, I don't know English well)
CamperBot
@camperbot
Jun 09 2016 09:08

welcome to FreeCodeCamp @lacoski!

Cameron Chardukian
@camchardukian
Jun 09 2016 09:18
Can't complete challenge "Override Class Declarations with Inline Styles"

<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
<h1 style= "color:white">

orange-text {

color: orange;

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

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

Paul Perry
@MistaTwist
Jun 09 2016 09:20
from your paste it looks like you've not put a "#" before orang-text in your css?
sanpla
@san-pla
Jun 09 2016 09:20
hi guys, can you help me with 64 exercise , Use Responsive Design with Bootstrap Fluid Containers
Mandy
@YoungPlutus
Jun 09 2016 09:22
What's the name of the challenge @camchardukian
Cameron Chardukian
@camchardukian
Jun 09 2016 09:24
@YoungPlutus Override Class Declarations with Inline Styles
@MistaTwist My code says <h1 style= "color:white"> #orange-text
it just doesn't copy the hash tag right when everything is pasted.
Mandy
@YoungPlutus
Jun 09 2016 09:26
@camchardukian i think this might be it
Santosh Kumar Toleti
@Santosh456
Jun 09 2016 09:26
@hanan95 did u got ur solution
Mandy
@YoungPlutus
Jun 09 2016 09:26

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

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

Paul Perry
@MistaTwist
Jun 09 2016 09:27
@camchardukian ah, right! @YoungPlutus looks to have it right - you seemed to have an H1 tag within your style tag
Mandy
@YoungPlutus
Jun 09 2016 09:28

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

orange-text {

color: orange;

}
.pink-text {
color: pink;
}
.blue-text {
color: blue;
}

</style>

<h1 style="color: white" id="orange-text" class="pink-text blue-text">Hello World!</h1>

Got it my bad
Paul Perry
@MistaTwist
Jun 09 2016 09:29
@YoungPlutus Looks good!
Mandy
@YoungPlutus
Jun 09 2016 09:29
Yea
I'm the teacher now
Paul Perry
@MistaTwist
Jun 09 2016 09:29
:D
Cameron Chardukian
@camchardukian
Jun 09 2016 09:32
@YoungPlutus does it let you complete the challenge?
Mandy
@YoungPlutus
Jun 09 2016 09:33
@camchardukian did you get it
And yes it did
SwethaPyatla
@SwethaPyatla
Jun 09 2016 09:33
Need help incompleting the challenge of Link to External Pages with Anchor Elements the code was perfect

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

<h2 class="red-text">CatPhotoApp</h2>
<a href="http://freecatphotoapp.com">cat photos</a>
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">

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

can anyone help me out regarding this
Cameron Chardukian
@camchardukian
Jun 09 2016 09:34
@YoungPlutus so weird, mine still won't finish, even if I use your code
Mandy
@YoungPlutus
Jun 09 2016 09:34
@camchardukian did you erase the second link?
thomasweiss90
@thomasweiss90
Jun 09 2016 09:35
hey guys, could someone help me out with Prioritize One Style Over Another #54
Cameron Chardukian
@camchardukian
Jun 09 2016 09:35

@YoungPlutus

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

orange-text {

color: orange;

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

<h1 style="color-white" id="orange-text"class="pink-text blue-text">Hello World!</h1>

Mandy
@YoungPlutus
Jun 09 2016 09:36

@SwethaPyatla

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat">

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

<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
<a href='http://freecatphotoapp.com'> cat photos
</a>

Cameron Chardukian
@camchardukian
Jun 09 2016 09:36
this is exactly my code except it should say #orange-text
Kanishk Anand
@Kanishk-Anand
Jun 09 2016 09:36
<script>
$(document).ready(function() {
$("button").addCass("animated");
$(".btn").addClass("shake");
$("#target1").addClass("btn-primary");
});
</script>
Wont compile
any suggestions?
Mandy
@YoungPlutus
Jun 09 2016 09:37
@camchardukian that exact one worked for me. Did you input anything extra
Cameron Chardukian
@camchardukian
Jun 09 2016 09:38
@YoungPlutus i copy/pasted my exact code. That's all I have. I've been stuck on this challenge for almost two hours. Nothing seems to complete it.
Mandy
@YoungPlutus
Jun 09 2016 09:39
Try changing "color-white" to "color: white" @camchardukian
Cameron Chardukian
@camchardukian
Jun 09 2016 09:41
@YoungPlutus OMG. Thank you x1.000.000 =)
CamperBot
@camperbot
Jun 09 2016 09:41
camchardukian sends brownie points to @youngplutus :sparkles: :thumbsup: :sparkles:
:cookie: 76 | @youngplutus |http://www.freecodecamp.com/youngplutus
Mandy
@YoungPlutus
Jun 09 2016 09:41
Ayyyyeee no problem
SwethaPyatla
@SwethaPyatla
Jun 09 2016 09:42
@YoungPlutus its not working
Mandy
@YoungPlutus
Jun 09 2016 09:43
What does it say??
SwethaPyatla
@SwethaPyatla
Jun 09 2016 09:43
@YoungPlutus thank you
CamperBot
@camperbot
Jun 09 2016 09:43
swethapyatla sends brownie points to @youngplutus :sparkles: :thumbsup: :sparkles:
:cookie: 77 | @youngplutus |http://www.freecodecamp.com/youngplutus
Mandy
@YoungPlutus
Jun 09 2016 09:44
Kuku
thomasweiss90
@thomasweiss90
Jun 09 2016 09:46
could someone tell me what's wrong here?:

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

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

Mandy
@YoungPlutus
Jun 09 2016 09:47
@thomasweiss90 what challenge
thomasweiss90
@thomasweiss90
Jun 09 2016 09:47
#54 Prioritize One Style Over Another
Mandy
@YoungPlutus
Jun 09 2016 09:48

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

}
</style>

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

thomasweiss90
@thomasweiss90
Jun 09 2016 09:49
ahhh
@YoungPlutus thanks
CamperBot
@camperbot
Jun 09 2016 09:49
thomasweiss90 sends brownie points to @youngplutus :sparkles: :thumbsup: :sparkles:
:cookie: 78 | @youngplutus |http://www.freecodecamp.com/youngplutus
Mandy
@YoungPlutus
Jun 09 2016 09:50
You put "<h1 class:" instead of "<h1 class="
No problem bruh
Im on fire tonight
thomasweiss90
@thomasweiss90
Jun 09 2016 09:52
yeah I gotta get used to these small things
Taylor Hetherington
@HjardKek
Jun 09 2016 09:53
<form action="/submit-cat-photo" id="cat-photo-form">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
how do i add the #cat-photo-element to this?
Mandy
@YoungPlutus
Jun 09 2016 09:55
@HjardKek what lesson bro
Taylor Hetherington
@HjardKek
Jun 09 2016 09:55
@YoungPlutus "Use an ID attribute to style an element"
Mandy
@YoungPlutus
Jun 09 2016 09:58

@HjardKek

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

.gray-background {
background-color: gray;
}
#cat-photo-form {
background-color: green;
}
</style>

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

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

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

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

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

Taylor Hetherington
@HjardKek
Jun 09 2016 09:58
@YoungPlutus that makes so much sense now, wow
@YoungPlutus thanks
CamperBot
@camperbot
Jun 09 2016 09:58
hjardkek sends brownie points to @youngplutus :sparkles: :thumbsup: :sparkles:
:cookie: 79 | @youngplutus |http://www.freecodecamp.com/youngplutus
Mandy
@YoungPlutus
Jun 09 2016 09:59
@HjardKek I'm here to help G
Richard Andrews
@Whiplash5057
Jun 09 2016 10:03
need help
timnka
@timnka
Jun 09 2016 10:15
Nest your text field in a form element. Add the action="/submit-cat-photo" attribute to this form element.
Can anybody help me with this?^^
Digambar thete
@digambarthete
Jun 09 2016 10:17
how to make paragraph as red text

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

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

<p> <h 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. </h> </p>

Karolina Kluz
@karolinaKluz
Jun 09 2016 10:21
add class directly to <p> like that <p class="red-text"> and delete h tags.
there is no <h> element in HTML
only h with number
timnka
@timnka
Jun 09 2016 10:23
Nest your text field in a form element. Add the action="/submit-cat-photo" attribute to this form element.
can somebody help me with this^
Karolina Kluz
@karolinaKluz
Jun 09 2016 10:25
@timnka what do you need? Pasting it in <form> tag doesn't work?
timnka
@timnka
Jun 09 2016 10:26
well <form action="/submit-cat-photo"></form> is what i have so far but it still says "Nest your text input element within a form element."
Karolina Kluz
@karolinaKluz
Jun 09 2016 10:27
inside form paste <input type="text">some text</input>
some text is for example
like that <form action="/submit-cat-photo"><input type="text">some text</input></form>
Waleed Assaf
@Jinxlaw
Jun 09 2016 10:42
.
Chris Cullen
@123xylem
Jun 09 2016 10:56
help sum all odd fibonacci numbers
CamperBot
@camperbot
Jun 09 2016 10:56

:point_right: algorithm sum all odd fibonacci numbers [wiki]

Algorithm Sum All Odd Fibonacci Numbers

Explanation:

You will need to gather all the Fibonacci numbers and then check for the odd ones. Once you get the odd ones then you will add them all. The last number should be the number given as a parameter if it actually happens to be an off Fibonacci number.

:pencil: read more about algorithm sum all odd fibonacci numbers on the FCC Wiki

Ramesh syangtan
@rameshsyn
Jun 09 2016 10:56
:smile:
Chris Cullen
@123xylem
Jun 09 2016 11:14
I keep crashing fcc when I load up my fib challenge.. any advice?
Ramesh syangtan
@rameshsyn
Jun 09 2016 11:16
your code might have infinite loop @123xylem
Mark Jensen
@ghostpoison
Jun 09 2016 11:17
Hey campers chould anyone tell me how to add text under the picture in the challenge Build a Tribute Page ref: https://codepen.io/FreeCodeCamp/full/NNvBQW/
V Arun Kumar
@arunvkumr
Jun 09 2016 11:25
@ghostpoison the image and the caption are wrote under same div with class thumbnail which is a bootstrap thumbnail.. create a div with class thumbnail and add your image inside the div and make another div of class caption to add the text like caption of the image.
Chris Cullen
@123xylem
Jun 09 2016 11:27
thans guys but it doesnt seem to work still
Mark Jensen
@ghostpoison
Jun 09 2016 11:28
@arunkumrv thank you I will try that
CamperBot
@camperbot
Jun 09 2016 11:28
ghostpoison sends brownie points to @arunkumrv :sparkles: :thumbsup: :sparkles:
:cookie: 544 | @arunkumrv |http://www.freecodecamp.com/arunkumrv
V Arun Kumar
@arunvkumr
Jun 09 2016 11:29
@123xylem did you try adding &run=disabled at the end of the url?
Chris Cullen
@123xylem
Jun 09 2016 11:29
@arunkumrv yea but it either doesnt go to right site or doesnt work
could u show me example url?
V Arun Kumar
@arunvkumr
Jun 09 2016 11:30
wiki auto
CamperBot
@camperbot
Jun 09 2016 11:30

:point_right: freecodecamp disable code autorun [wiki]

Disable Code Auto Run on Free Code Camp

By default, the Free Code Camp site automatically loads and runs your last recorded solution. If you have accidentally created an infinite loop or other irrecoverable error or simply don't trust the code, you can disable code auto-run by putting the following in your URL: run=disabled

:pencil: read more about freecodecamp disable code autorun on the FCC Wiki

Neither of them work
V Arun Kumar
@arunvkumr
Jun 09 2016 11:33
@123xylem copy your solution and try pasting it in this link..
http://www.freecodecamp.com/challenges/sum-all-odd-fibonacci-numbers#?run=disabled&solution=
Raspberry314
@Raspberry314
Jun 09 2016 11:36
Hey guys Im on the comment out HTML challenge and the run tests button isnt working. Is there any solution to that problem?
V Arun Kumar
@arunvkumr
Jun 09 2016 11:37
wiki local
CamperBot
@camperbot
Jun 09 2016 11:37

:point_right: challenge global vs local scope in functions [wiki]

Challenge Global vs Local Scope in Functions

It is possible to have both local and global variables with the same name. When you do this, the local variable takes precedence over the global variable.

In this example:

var someVar = "Hat";
function myOutfit() {
  var someVar = "Head";
  return someVar;
}

The function myOutfit will return "Head" because the local version of the variable is present.

:pencil: read more about challenge global vs local scope in functions on the FCC Wiki

V Arun Kumar
@arunvkumr
Jun 09 2016 11:38
wiki local storage
CamperBot
@camperbot
Jun 09 2016 11:38

:point_right: freecodecamp clear specific data local storage [wiki]

Clear Specific values from your browser local storage

Removing specific values from your browser's local storage will solve many problems related to the browser crashing or freezing on FreeCodeCamp.

This solves, as example, a common problem with browser hanging out in a challenge's page after saving a response with an infinite loop.

When this happens, you must delete the value in localStorage storing that response.

:pencil: read more about freecodecamp clear specific data local storage on the FCC Wiki

V Arun Kumar
@arunvkumr
Jun 09 2016 11:39
@Raspberry314 try reloading the page, restarting your browser and clearing solution from local storage( :point_up_2: ) .
Chris Cullen
@123xylem
Jun 09 2016 11:42
@arunkumrv Very good job thanks!
CamperBot
@camperbot
Jun 09 2016 11:42
123xylem sends brownie points to @arunkumrv :sparkles: :thumbsup: :sparkles:
:cookie: 545 | @arunkumrv |http://www.freecodecamp.com/arunkumrv
SamBam767
@SamBam767
Jun 09 2016 11:44
Is there any website similar to this supporting IOS developers? And what about JAVA?
Jerry Wu
@WUYuJerry
Jun 09 2016 12:10
hello excuse me (my first time to ask for help here)
Can someone help me to tackles this?
https://www.freecodecamp.com/challenges/start-a-nodejs-server --> My First I/O
I have no idea what the giude is talking about XD
Calvin
@calyeefornia96
Jun 09 2016 12:11
This message was deleted
making a request w/o it will return an error
SamBam767
@SamBam767
Jun 09 2016 12:17
H1 to H6 tags-- those are for HTML right?
ANd whats the difference between HTML and HTML5?
trần nguyễn minh anh
@Anntran2222
Jun 09 2016 12:25
what does it mean "trailing comment tags"?
Ramesh syangtan
@rameshsyn
Jun 09 2016 12:28
@Anntran2222 <!-- this is begging comment tag and --> this one is trailing comment
--> it ends comment
Doug
@dburwell
Jun 09 2016 12:33
wassup everyody.. can somebody help me with creating a gray background for a div element?
gremlin06
@gremlin06
Jun 09 2016 12:34
does anybody know how to complete this challenge?
Target the same element with multiple jQuery Selectors
this is my code $(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass ("shake");
$("#target1").addClass ("btn-primary");
});
GigiGella
@GigiGella
Jun 09 2016 12:36
hello world
CamperBot
@camperbot
Jun 09 2016 12:36

welcome to FreeCodeCamp @GigiGella!

CJ Kelliher
@ckelliher
Jun 09 2016 12:38
Brand new to this.
Maina S
@stevem11
Jun 09 2016 12:38

@dburwell I suppose you are familiar with styling in CSS?
You can label your as follows:

<div id="mydiv">
<!--content goes here-->
</div>

use the id in the external css as

mydiv{

background-color: gray;
}

CJ Kelliher
@ckelliher
Jun 09 2016 12:39
Having trouble with changing an image size. Does it go in the same element as the img??
Maina S
@stevem11
Jun 09 2016 12:39
@GigiGella hello to you too...welcome to the community
Doug
@dburwell
Jun 09 2016 12:43
thanks @stevem11 ma try it now
CamperBot
@camperbot
Jun 09 2016 12:43
dburwell sends brownie points to @stevem11 :sparkles: :thumbsup: :sparkles:
:cookie: 16 | @stevem11 |http://www.freecodecamp.com/stevem11
Richard Andrews
@Whiplash5057
Jun 09 2016 12:44
Guys need help
The API in the else if statement isn't working
Maina S
@stevem11
Jun 09 2016 12:45

@dburwell
altanatively:

incase you are doing inline styling, that is ;within page your div is .

<div id="mydiv" style=" background-color:gray;">

Doug
@dburwell
Jun 09 2016 12:49
@stevem11

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

Rechel Valdez
@Rechel29
Jun 09 2016 12:54
Can somebody help me with this

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

.pink-test {
color: pink;
}
</style>

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

Karolina Kluz
@karolinaKluz
Jun 09 2016 12:55
@Rechel29 looks good, what's wrong?
Rechel Valdez
@Rechel29
Jun 09 2016 12:55
I can't proceed to the next challenge
Karolina Kluz
@karolinaKluz
Jun 09 2016 12:55
it should be pink-text I guess
Rechel Valdez
@Rechel29
Jun 09 2016 12:56
@karolinaKluz but it's a class
should I just delete the dot before this?
Karolina Kluz
@karolinaKluz
Jun 09 2016 12:56
yes, the class name is maybe wrong, as I remember this challenge it was "pink-text"
Rechel Valdez
@Rechel29
Jun 09 2016 12:57
Oh, you are right. Thanks @karolinaKluz
CamperBot
@camperbot
Jun 09 2016 12:57
rechel29 sends brownie points to @karolinakluz :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @karolinakluz |http://www.freecodecamp.com/karolinakluz
Manuel
@Karl-Knurrhan
Jun 09 2016 12:58
Hi guys!
Can somebody tell me how I create an div element?
Karolina Kluz
@karolinaKluz
Jun 09 2016 12:58
<div></div>
Manish Giri
@Manish-Giri
Jun 09 2016 12:58

@Rechel29 you have a set of body tags here

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

you don't need those, can be removed. Not sure if you'll get an error because of those.

Manuel
@Karl-Knurrhan
Jun 09 2016 12:59
I tried this, but it doesnt seem to work
Rechel Valdez
@Rechel29
Jun 09 2016 12:59
Thanks @Manish-Giri
CamperBot
@camperbot
Jun 09 2016 12:59
rechel29 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 1215 | @manish-giri |http://www.freecodecamp.com/manish-giri
Karolina Kluz
@karolinaKluz
Jun 09 2016 13:01
@Karl-Knurrhan what is your task in the challenge?
Maina S
@stevem11
Jun 09 2016 13:01
@dburwell whats the div tag name
LydaTech
@lydatech
Jun 09 2016 13:03
pink-test sjouldnt it be pink-text?
IndiraShrestha
@IndiraShrestha
Jun 09 2016 13:03
Hi, My for loop is not working. Can someone help me with the issue?
//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 (i = 0; i < contacts.length; i++){
    if (firstName == contacts[i].firstName){
      if (contacts[i][prop]){ 
          console.log(contacts[i][prop]);    
          for (j=0; j < contacts[i].likes.length; j++){
             console.log(contacts[i].likes[j]);
          } 
       } else {
         return "No such property"; 
       }  

    } else if (firstName != contacts[i].firstName){
      return "No such contact";
    }
  }
// Only change code above this line
}

// Change these values to test your function
lookUpProfile("Kristian", "lastName");
It is for the profile lookup section of the course
Manish Giri
@Manish-Giri
Jun 09 2016 13:05
@IndiraShrestha you should be using hasOwnProperty()
Doug
@dburwell
Jun 09 2016 13:05
@stevem11 i have no idea
thomasweiss90
@thomasweiss90
Jun 09 2016 13:06
is a radio button a special button or all buttons?
Waleed Assaf
@Jinxlaw
Jun 09 2016 13:07
can someone plz check whats missing here
https://www.freecodecamp.com/challenges/create-a-block-element-bootstrap-button#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20{%0A%20%20%20%20color%3A%20red%3B%0A%20%20}%0A%0A%20%20h2%20{%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20}%0A%0A%20%20p%20{%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20}%0A%0A%20%20.thick-green-border%20{%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20}%0A%0A%20%20.smaller-image%20{%0A%20%20%20%20width%3A%20100px%3B%0A%20%20}%0A%3C%2Fstyle%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Ch2%20class%3D%22red-text%20text-center%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%20%20%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%20%20%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%20%20%3Cimg%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-running-cats%22%20class%3D%22img-responsive%22%3E%0A%20%20%3Cbutton%20class%3D%22btn%20btn-block%22%3ELike%3C%2Fbutton%3E%0A%20%20%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%20%20%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Indoor%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Loving%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Crazy%3C%2Flabel%3E%0A%20%20%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%20%20%3C%2Fform%3E%0A%3C%2Fdiv%3E%0A
Doug
@dburwell
Jun 09 2016 13:07
its telling me to create a class called gray-background and assign it to my div element @stevem11
Manish Giri
@Manish-Giri
Jun 09 2016 13:07
@thomasweiss90 it's
<input type="radio">
Waleed Assaf
@Jinxlaw
Jun 09 2016 13:08
says Your button should have the class btn-block.
i typed
<button class="btn btn-block">Like</button>
Sorin Ruse
@sorinr
Jun 09 2016 13:09
@dburwell <div class="gray-background"> and on css add .gray-background{background-color: grey;}
thomasweiss90
@thomasweiss90
Jun 09 2016 13:09
@Manish-Giri thanks
CamperBot
@camperbot
Jun 09 2016 13:09
thomasweiss90 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 1216 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Jun 09 2016 13:10
welcome
Waleed Assaf
@Jinxlaw
Jun 09 2016 13:10
am i supposed to to put btn-block on another button aswell?
Sorin Ruse
@sorinr
Jun 09 2016 13:11
@waleed39 $(elemnt/class/id here).addClass('btn-block') in your js
iccomq
@iccomq
Jun 09 2016 13:12
@Manish-Giri :goat:
Waleed Assaf
@Jinxlaw
Jun 09 2016 13:14
@sorinr thats very vague
Maina S
@stevem11
Jun 09 2016 13:14

@dburwell therefore <div class="gray-background">
then style it using

.gray-background{ background-color:grey}

Karolina Kluz
@karolinaKluz
Jun 09 2016 13:14
@sorinr but it's not about jQuery in that challenge it's only Bootstrap
Michael
@M33x0
Jun 09 2016 13:16
Hi guys i need help,iam on the Using Objects for Lookups challenge i don't really understand it can someone help?Thanks
Doug
@dburwell
Jun 09 2016 13:16
thanks @sorinr @stevem11 i been stuck on that for 2 days
CamperBot
@camperbot
Jun 09 2016 13:16
dburwell sends brownie points to @sorinr and @stevem11 :sparkles: :thumbsup: :sparkles:
:cookie: 348 | @sorinr |http://www.freecodecamp.com/sorinr
:warning: dburwell already gave stevem11 points
Sorin Ruse
@sorinr
Jun 09 2016 13:16
@waleed39 $('button').addClass('btn-block'). if you wanna add this class to only certain buttons that already have a class "myclass" then $('.myclass').addClass('btn-block') or if you wnad a button with id "myid"then $("#myid").addClass('btn-block')
Waleed Assaf
@Jinxlaw
Jun 09 2016 13:17
@sorinr im not on jquary
Maina S
@stevem11
Jun 09 2016 13:18
@sorinr thanks for backup
CamperBot
@camperbot
Jun 09 2016 13:18
stevem11 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 349 | @sorinr |http://www.freecodecamp.com/sorinr
Denis
@dnossyrev
Jun 09 2016 13:18
@waleed39 but what is there, it lokks that everything good is there
Waleed Assaf
@Jinxlaw
Jun 09 2016 13:18
exactly
but i cant pass cause something is missing
Chris
@VexBlade
Jun 09 2016 13:19
@waleed39 Should it not be <button class="btn-block">Like</button>
Sorin Ruse
@sorinr
Jun 09 2016 13:19
@waleed39 then getElementById bla bla bla if you are just using plain js
Waleed Assaf
@Jinxlaw
Jun 09 2016 13:20
<button class="btn-block">Like</button>
still cant pass
Karolina Kluz
@karolinaKluz
Jun 09 2016 13:20
@waleed39 what is not checked after you ran tests?
Mekdes
@MekdesM
Jun 09 2016 13:20

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

<style>

.red-text
{
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

img src

.smaller-image {
width:100px;

}
</style>

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

<img class= ".smaller-image">

<img
.smaller-image {
width:100px;

} src="https://bit.ly/fcc-relaxing-cat">

<p { font-size: 16px; 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 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>
hey people I am kinda stuck it wont allow me to change the img size

Sorin Ruse
@sorinr
Jun 09 2016 13:22
@waleed39 make it class="btn btn-block"
Karolina Kluz
@karolinaKluz
Jun 09 2016 13:22
@MekdesM in the img tag you should declare class like that: class="smaller-image"
Denis
@dnossyrev
Jun 09 2016 13:22
@MekdesM you dont need in img class put dot
Waleed Assaf
@Jinxlaw
Jun 09 2016 13:22
@sorinr both ways wont let me pass
David
@Nachlawi
Jun 09 2016 13:22
Can someone help me with getting JSON from the Wikipedia API?
Manish Giri
@Manish-Giri
Jun 09 2016 13:23
@iccomq :goat:
Sorin Ruse
@sorinr
Jun 09 2016 13:23
@waleed39 whats the name of your challenge?
Manish Giri
@Manish-Giri
Jun 09 2016 13:23
@iccomq howz it going
Waleed Assaf
@Jinxlaw
Jun 09 2016 13:23
@sorinr ok i passed
David
@Nachlawi
Jun 09 2016 13:24
If anyone can help with my wikipedia API call, that'd be great ;)
The problem is in the getData() function.
http://codepen.io/Nachlawi/pen/ZObjGX
Waleed Assaf
@Jinxlaw
Jun 09 2016 13:24
@sorinr had to refresh the page lol thanks
CamperBot
@camperbot
Jun 09 2016 13:24
waleed39 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 350 | @sorinr |http://www.freecodecamp.com/sorinr
Sorin Ruse
@sorinr
Jun 09 2016 13:24
@waleed39 welcome
Mekdes
@MekdesM
Jun 09 2016 13:24
thanks @karolinaKluz and do I need to label the width as a class also?
CamperBot
@camperbot
Jun 09 2016 13:24
mekdesm sends brownie points to @karolinakluz :sparkles: :thumbsup: :sparkles:
:cookie: 121 | @karolinakluz |http://www.freecodecamp.com/karolinakluz
iccomq
@iccomq
Jun 09 2016 13:25
@Manish-Giri pretty good, i mean i dont do anything so its pretty good untill i start to feel bad about not doing anything
@Manish-Giri gimme internet point
Manish Giri
@Manish-Giri
Jun 09 2016 13:26
@iccomq ROFL
Karolina Kluz
@karolinaKluz
Jun 09 2016 13:26
@MekdesM you don't need to set width in the img tag, because you've already did it in <style> before
iccomq
@iccomq
Jun 09 2016 13:26
now!
Manish Giri
@Manish-Giri
Jun 09 2016 13:27
@iccomq :cookie:
iccomq
@iccomq
Jun 09 2016 13:27
naaaoooow
Mekdes
@MekdesM
Jun 09 2016 13:27
ok thanks so much @karolinaKluz
CamperBot
@camperbot
Jun 09 2016 13:27
mekdesm sends brownie points to @karolinakluz :sparkles: :thumbsup: :sparkles:
:warning: mekdesm already gave karolinakluz points
iccomq
@iccomq
Jun 09 2016 13:27
@Manish-Giri finished twitch viewer?
Manish Giri
@Manish-Giri
Jun 09 2016 13:29
@iccomq I got together a basic working version ready, it shows if someone is streaming/offline/account closed, but I'm not happy with the CSS, and I also wanna add in some more features, like search for games/channels, search for teams, see which teams the streamers belong to, etc..blah.
life sucks
I wanna go to Spain and chill by the beaches
iccomq
@iccomq
Jun 09 2016 13:30
couse i am working really hard? you remember that "test" div in my weather app? i put next div inside and am already exhausted
brb
Manish Giri
@Manish-Giri
Jun 09 2016 13:30
lol
Nigel A Carty - St. Kitts and Nevis
@nacarty
Jun 09 2016 13:33
hello..I am a CS Major (BS-1998, MS-2004) but I have not been active in my field as a programmer for a few years. Is Free Code Camp a good reintegration platform for someone like me or are there more suitable platforms to help me get up to scratch? And where might I find a job that suits me at this point?
Denis
@dnossyrev
Jun 09 2016 13:35
@nacarty oh man, here not about to seek a job, here if u get stuck
Ishtmeet Singh
@IshtmeetSingh
Jun 09 2016 13:35
@nacarty Hello, yes if you've done CS major, coding won't be hard for you. FCC, is really a very nice place to get started and get going. I've seen many people telling about their success in landing job. Just keep going with the FCC's curriculum and don't skip anything. Good luck
@nacarty It's a nice place to begin coding from scratch.
@dnossyrev He is actually talking about freecodecamp. :)
Nigel A Carty - St. Kitts and Nevis
@nacarty
Jun 09 2016 13:37
thanks much @IshtmeetSingh. much appreciated.
CamperBot
@camperbot
Jun 09 2016 13:37
nacarty sends brownie points to @ishtmeetsingh :sparkles: :thumbsup: :sparkles:
:cookie: 324 | @ishtmeetsingh |http://www.freecodecamp.com/ishtmeetsingh
Ishtmeet Singh
@IshtmeetSingh
Jun 09 2016 13:38
@nacarty No worries, FCC has a very nice community, ask any question whenever you're stuck.
Mat
@matiusmonkey
Jun 09 2016 13:38
Hi all, first post in help, so please be kind! I'm working on the Twitch JSON Zipline and I'm trying to use a couple of promises in a for loop within one jQuery function. I've seen a couple of forums explaining the use of 'when' and 'done', but I can't seem to get the two callbacks to work together (individually they're fine). Any help would be greatly appreciated! Here's my codepen: http://codepen.io/matius_uk/pen/zBOrma?editors=1010
taitii
@taitii
Jun 09 2016 13:39
Hello, can somebody help me with challenge called "Add Font Awesome Icons to our Buttons" ?
Ishtmeet Singh
@IshtmeetSingh
Jun 09 2016 13:40
@taitii yes, what's the question?
taitii
@taitii
Jun 09 2016 13:40
how can i nest i element inside <button> element?
Shriram Nayak
@ShriramNayak
Jun 09 2016 13:40
Stuck in challenge 20
Ishtmeet Singh
@IshtmeetSingh
Jun 09 2016 13:40
@matiusmonkey Have done wikipedia viewer and local weather, skipped twitch api. and went straight to bonfire ;)
taitii
@taitii
Jun 09 2016 13:40
so the thumbs up appear inside the button? cause i have to make new element and add 2 classes.
Ishtmeet Singh
@IshtmeetSingh
Jun 09 2016 13:41
@taitii nesting means, putting an element inside another one.
@taitii can you paste your code here?
taitii
@taitii
Jun 09 2016 13:41
<button class="btn btn-block btn-primary">Like</button>
yea, so how can i do that?
Karolina Kluz
@karolinaKluz
Jun 09 2016 13:42
@taitii after "Like" text is in the button paste the <i>...</i>.
Mat
@matiusmonkey
Jun 09 2016 13:42
Thanks for coming back to me @IshtmeetSingh, I really want to understand why it's not working though! ;)
CamperBot
@camperbot
Jun 09 2016 13:42
:cookie: 325 | @ishtmeetsingh |http://www.freecodecamp.com/ishtmeetsingh
Ishtmeet Singh
@IshtmeetSingh
Jun 09 2016 13:42
@ShriramNayak what's the challenge called?
CamperBot
@camperbot
Jun 09 2016 13:42
matiusmonkey sends brownie points to @ishtmeetsingh :sparkles: :thumbsup: :sparkles:
Ishtmeet Singh
@IshtmeetSingh
Jun 09 2016 13:42
@taitii what's the actual question?
taitii
@taitii
Jun 09 2016 13:43
@IshtmeetSingh just figured it out
Ishtmeet Singh
@IshtmeetSingh
Jun 09 2016 13:43
@matiusmonkey There is a guy who has videos on almost all fcc projects on youtube, you might want to check him out. It would be really hepful
taitii
@taitii
Jun 09 2016 13:43
thanks to @karolinaKluz
CamperBot
@camperbot
Jun 09 2016 13:43
:cookie: 122 | @karolinakluz |http://www.freecodecamp.com/karolinakluz
taitii sends brownie points to @karolinakluz :sparkles: :thumbsup: :sparkles:
Mat
@matiusmonkey
Jun 09 2016 13:43
Cool, will have a look, cheers @IshtmeetSingh
Ishtmeet Singh
@IshtmeetSingh
Jun 09 2016 13:44
@matiusmonkey good luck ;)
Mat
@matiusmonkey
Jun 09 2016 13:44
Wicked, thanks
Isolationz
@Isolationz
Jun 09 2016 13:45
Having difficulty sizing my image to 100 px wide.
Ishtmeet Singh
@IshtmeetSingh
Jun 09 2016 13:45
@Isolationz what's your code?
Ishtmeet Singh
@IshtmeetSingh
Jun 09 2016 13:49
@Isolationz You forgot a semicolon ; at the end.
 .smaller-image {
    width: 100px <!-- Put semicolon here-->
  }
Karolina Kluz
@karolinaKluz
Jun 09 2016 13:50
@Isolationz and you should add class to <img>
Isolationz
@Isolationz
Jun 09 2016 13:50
Should I put the style brackets around the <img> I'm trying to resize?
Karolina Kluz
@karolinaKluz
Jun 09 2016 13:51
@Isolationz no, just do <img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat">
Ishtmeet Singh
@IshtmeetSingh
Jun 09 2016 13:51
@Isolationz yes like @karolinaKluz said, add the class to the image tag as well. It should look something like this.

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

  h2 {
    font-family: Lobster, Monospace;
  }

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

<h2 class="red-text">CatPhotoApp</h2>
<style>
  .smaller-image {
    width: 100px;
  }
</style>
<img src="https://bit.ly/fcc-relaxing-cat" class="smaller-image">

<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>
Isolationz
@Isolationz
Jun 09 2016 13:52
Thanks a lot guys!
I was stuck, was unaware of setting the imgclassThanks Ishtmeet and Karolina. :)
GADAPU LOKESH
@lokesh111
Jun 09 2016 13:53
Nest two div class="col-xs-6" elements within your div class="row" element.
how to solve this one?
Ishtmeet Singh
@IshtmeetSingh
Jun 09 2016 13:54
@Isolationz no worries ;)
@lokesh111 You have to make another div with class="col-xs-6" inside the div having class='row';
GADAPU LOKESH
@lokesh111
Jun 09 2016 13:55
ya i got it thanku
Praveen Saraogi
@saraogipraveen
Jun 09 2016 13:55
hello friends . right now im in jquery section . but the thing how do we remeber all those classes and funtions ? what if we unable to recollect at the point of time when we actually need them ? Is there any solution for this
Karolina Kluz
@karolinaKluz
Jun 09 2016 13:56
@raviloop here is simple resource http://www.w3schools.com/jquery/
Praveen Saraogi
@saraogipraveen
Jun 09 2016 13:57
ok thanks @karolinaKluz
CamperBot
@camperbot
Jun 09 2016 13:57
raviloop sends brownie points to @karolinakluz :sparkles: :thumbsup: :sparkles:
:cookie: 123 | @karolinakluz |http://www.freecodecamp.com/karolinakluz
Ishtmeet Singh
@IshtmeetSingh
Jun 09 2016 13:57
@raviloop You will just remember them like you remember all trigonometric formulas. It takes practice. :) The more you do, the more easier to remember. There are not so many to be honest, they're just few that you would actually use in real-projects. Don't worry about it right now, you'll be fine when you reach the project section.
Alashe01
@Alashe01
Jun 09 2016 13:58
Anybody here messing with Java here?
Manish Giri
@Manish-Giri
Jun 09 2016 13:58
@Alashe01 yeah, at this very moment
Alashe01
@Alashe01
Jun 09 2016 13:58
@Manish-Giri cool
Praveen Saraogi
@saraogipraveen
Jun 09 2016 13:58
@IshtmeetSingh actually you are right .
thanks anyway @IshtmeetSingh
CamperBot
@camperbot
Jun 09 2016 13:59
raviloop sends brownie points to @ishtmeetsingh :sparkles: :thumbsup: :sparkles:
:cookie: 326 | @ishtmeetsingh |http://www.freecodecamp.com/ishtmeetsingh
Alashe01
@Alashe01
Jun 09 2016 13:59
@Manish-Giri do you want to chat here or you want to do a one-one??
Ishtmeet Singh
@IshtmeetSingh
Jun 09 2016 13:59
@Alashe01 java or JS?
Manish Giri
@Manish-Giri
Jun 09 2016 13:59
@Alashe01 let's begin by posting here
Alashe01
@Alashe01
Jun 09 2016 14:00
"Java "
Manish Giri
@Manish-Giri
Jun 09 2016 14:00
@Alashe01 and then we can chat if needed
Alashe01
@Alashe01
Jun 09 2016 14:00
Okay.. I am working on some programmingbydoing program and I just hit a break wall.. I'll post link to problem
Brick
here is a snippet of the the code...
blob
for some reason the first "else if ' is getting upset.. I dont know why..
Manish Giri
@Manish-Giri
Jun 09 2016 14:04
@Alashe01 why do you have quotes around lastName? That's a variable, not a string literal
@Alashe01 if you look at line 19, you'll probably get an "unused variables" warning if you hover on that line
Praveen Saraogi
@saraogipraveen
Jun 09 2016 14:10

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

challenge : " Target the Children of an Element Using jQuery"

this code of mine already changed the text to orange but still i'm unable to run it
whats the problem ?

Alashe01
@Alashe01
Jun 09 2016 14:10
because I declared it as data type at the begining
@Manish-Giri I could do that ...
I can do String lastName;
reason scanner is grabbing name from User and storing on the lastName null variable
Praveen Saraogi
@saraogipraveen
Jun 09 2016 14:12
OK i got the solution thanks
Leo
@Leodhy
Jun 09 2016 14:14

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

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

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

<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>
any one can tell me how to lead the Lobster into h2 element?
Chris
@VexBlade
Jun 09 2016 14:15
<style>
.red-text {
color: red;
}
h2 {font-family: Lobster;}
p {
font-size: 16px;
font-family: Monospace;
}
opps
sent without changes lol
Waleed Assaf
@Jinxlaw
Jun 09 2016 14:17
having trouble adding this
Add an i element with the classes fa and fa-thumbs-up.
to
<button class="btn btn-block btn-primary">Like</button>
can anyone help?
Chris
@VexBlade
Jun 09 2016 14:17
hmmm, don't actually see the issue with your code. Is the lobster text not part of Google fonts?
Praveen Saraogi
@saraogipraveen
Jun 09 2016 14:18
what is your challenge name @waleed39
?
Waleed Assaf
@Jinxlaw
Jun 09 2016 14:18
@raviloop
i will just share a link
Praveen Saraogi
@saraogipraveen
Jun 09 2016 14:18
ya sure
Waleed Assaf
@Jinxlaw
Jun 09 2016 14:18
https://www.freecodecamp.com/challenges/add-font-awesome-icons-to-our-buttons#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20h2%20{%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20}%0A%0A%20%20.thick-green-border%20{%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20}%0A%3C%2Fstyle%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-8%22%3E%0A%20%20%20%20%20%20%3Ch2%20class%3D%22text-primary%20text-center%22%3ECatPhotoApp%3C%2Fh2%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22img-responsive%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cimg%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-running-cats%22%20class%3D%22img-responsive%22%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-primary%22%3ELike%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-info%22%3EInfo%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-danger%22%3EDelete%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cp%3EThings%20cats%20%3Cspan%20class%3D%22text-danger%22%3Elove%3A%3C%2Fspan%3E%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%20%20%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Indoor%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Loving%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Crazy%3C%2Flabel%3E%0A%20%20%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%20%20%3C%2Fform%3E%0A%3C%2Fdiv%3E%0A
massive link
Praveen Saraogi
@saraogipraveen
Jun 09 2016 14:21
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up">Like</i></button> @waleed39
this is how you do it
Waleed Assaf
@Jinxlaw
Jun 09 2016 14:21
@raviloop thanks
CamperBot
@camperbot
Jun 09 2016 14:21
waleed39 sends brownie points to @raviloop :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @raviloop |http://www.freecodecamp.com/raviloop
Chris
@VexBlade
Jun 09 2016 14:21
@Leodhy your code should work, try refresh the page maybe.
npappas27
@npappas27
Jun 09 2016 14:32
Hello, I'm kind of lost on this lesson. "Responsively style radio buttons" It wants me to nest all of my radio buttons inside one div with the class row
Paul Perry
@MistaTwist
Jun 09 2016 14:50
@npappas27 could you post the code you're having trouble with?
freecodecampM
@freecodecampM
Jun 09 2016 14:51
how do i sign out of glitter?
Paul Perry
@MistaTwist
Jun 09 2016 14:52
@freecodecampM you can leave the room using the settings button at the top right, if that helps?
Adrien be
@adrien-be
Jun 09 2016 14:54
Hi all, I already have loads of experience in HTML & CSS.
Is there a way for me to skip some of the challenges?
Sorin Ruse
@sorinr
Jun 09 2016 14:58
@adrien-be why would you like to skip them. seems too boring ?
Jack Reinke
@jreinke10
Jun 09 2016 14:59
hello. How would one shift my buttons over to the right?
Marek
@MarekWantsToCode
Jun 09 2016 14:59

i have this

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

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

how do i make my style declare red TEXT?

i know how to make it red but not red-text
Jack Reinke
@jreinke10
Jun 09 2016 15:00
text-color, maybe?
Marek
@MarekWantsToCode
Jun 09 2016 15:00
ah lemme try!
nope
Jack Reinke
@jreinke10
Jun 09 2016 15:01
font-color?
Marek
@MarekWantsToCode
Jun 09 2016 15:01
already tried that
Karolina Kluz
@karolinaKluz
Jun 09 2016 15:02
@MarekWantsToCode "color" is good, but don't you have to apply it to class in this challange? like: .red-text {
color: red;
}
Marek
@MarekWantsToCode
Jun 09 2016 15:02

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

<h2 class="red-text">CatPhotoApp</h2>
does not work

zombiemuse
@zombiemuse
Jun 09 2016 15:03
is your class correctly coded?
Marek
@MarekWantsToCode
Jun 09 2016 15:03
yeah
because changing it to red works
zombiemuse
@zombiemuse
Jun 09 2016 15:03
you have a period before red-text after the colon.
Marek
@MarekWantsToCode
Jun 09 2016 15:04
ok still does not work without the period
zombiemuse
@zombiemuse
Jun 09 2016 15:05
.red-text {
color: red;
}
the class is ".red-text" not "h2"
you have to define the class in the <style> element and call that class in your <h2> element (which you did correctly)
Chris
@VexBlade
Jun 09 2016 15:08
@zombiemuse don't use the . in the class either.
zombiemuse
@zombiemuse
Jun 09 2016 15:09
yeah...not when you call the class, just when you define it.
hadyheib
@hadyheib
Jun 09 2016 15:09

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

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

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

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

what the problem here
Chris
@VexBlade
Jun 09 2016 15:11
@hadyheib what is test asking you to do?
@hadyheib font-size should not have = it should be font-size: 16px;
hadyheib
@hadyheib
Jun 09 2016 15:13
aaa
thanks
Chris
@VexBlade
Jun 09 2016 15:13
@hadyheib np
zombiemuse
@zombiemuse
Jun 09 2016 15:13
There ya go. lol
hadyheib
@hadyheib
Jun 09 2016 15:14
hador
Siddhant Mishra
@isiddey
Jun 09 2016 15:15
This message was deleted
zombiemuse
@zombiemuse
Jun 09 2016 15:16
it's almost always a stupid semicolon or quotes or something. haha. I just got hung up on not capitalizing a letter in a class.
Joseph
@revisualize
Jun 09 2016 15:18
This message was deleted
help format
CamperBot
@camperbot
Jun 09 2016 15:18

:point_right: code formatting [wiki]

Multi line Code

```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

Single line Code

This an inline `<paste code here>` code formatting with a single backtick() at _start_ and _end_ around thecode`.

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

:pencil: read more about code formatting on the FCC Wiki

Paul Perry
@MistaTwist
Jun 09 2016 15:21
@jreinke10 As you're using bootstrap, you can make your div a navbar and push button to the right as per here: http://getbootstrap.com/components/#navbar-component-alignment
DamirZ
@DamirZ
Jun 09 2016 15:21
hey all, can someone help me out with cloning an element using jQuery?

I'm just curious if this code:

$("#target5").clone().appendTo("#left-well");

is supposed to give me two clones of #target5 or just one?

Paul Perry
@MistaTwist
Jun 09 2016 15:23
@MarekWantsToCode your css class in the style element should be called red-text, and set the font-color: red within it
UtkarshShukla7
@UtkarshShukla7
Jun 09 2016 15:23
@DamirZ one
DamirZ
@DamirZ
Jun 09 2016 15:24
when I submit my code, it shows 2 #target5 buttons...
UtkarshShukla7
@UtkarshShukla7