These are chat archives for FreeCodeCamp/Help

19th
Sep 2016
miriam-z
@miriam-z
Sep 19 2016 00:01
how silly its simply the arrow key!!!
:smile:
Adam Stevenson
@stevensona
Sep 19 2016 00:02
miriam-z
@miriam-z
Sep 19 2016 00:02
@stevensona I have managed to find the solution
Adam Stevenson
@stevensona
Sep 19 2016 00:02
cool
Stifano
@StifanoT
Sep 19 2016 00:04
<input type="text" placeholder="cat photo URL"> how do I nest this text field in a form element. Add the ```action="/submit-cat-photo" attribute to this form element.
Adam Stevenson
@stevensona
Sep 19 2016 00:06
@StifanoT Surround the input tag with <form></form>, then set the action attribute of that form tag to "/submit-cat-photo"
Atlas
@CloudRex
Sep 19 2016 00:07
Like this:
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>
@StifanoT
Stifano
@StifanoT
Sep 19 2016 00:07
Thanks @stevensona
CamperBot
@camperbot
Sep 19 2016 00:07
stifanot sends brownie points to @stevensona :sparkles: :thumbsup: :sparkles:
:cookie: 137 | @stevensona |http://www.freecodecamp.com/stevensona
Stifano
@StifanoT
Sep 19 2016 00:08
And thanks Peppa, you are really helping me a lot tonight. XD
Atlas
@CloudRex
Sep 19 2016 00:08
I've been helping everyone for about 4-5 hours now :D
A :horse: 's got to do what a :horse: 's got to do.
Stifano
@StifanoT
Sep 19 2016 00:09
Lol, I have great respect for people like you.
Atlas
@CloudRex
Sep 19 2016 00:10
thanks @StifanoT
CamperBot
@camperbot
Sep 19 2016 00:10
raxor sends brownie points to @stifanot :sparkles: :thumbsup: :sparkles:
:cookie: 37 | @stifanot |http://www.freecodecamp.com/stifanot
Traek Wells
@TraekWells
Sep 19 2016 00:12
anybody willing to help me on the factoralize challenge?

function factorialize(num) {
  for (var i = 1; i <= num; i++) {
    return num *= i;
  }
}

factorialize(5);
Adam Stevenson
@stevensona
Sep 19 2016 00:12
@TraekWells Yea absolutely.
Traek Wells
@TraekWells
Sep 19 2016 00:12
not sure why that isn’t returning the right number
Adam Stevenson
@stevensona
Sep 19 2016 00:12
@TraekWells If you look at your code, you'll notice that it always returns during the first iteration through your loop
Traek Wells
@TraekWells
Sep 19 2016 00:13
mmmm
Adam Stevenson
@stevensona
Sep 19 2016 00:13
@TraekWells What you'd want to do is wait until after the loop finishes to return the value.
Atlas
@CloudRex
Sep 19 2016 00:14
Collect the values like this:
var result = [];
...
// then you can push values to the array and finally:
return result;
Adam Stevenson
@stevensona
Sep 19 2016 00:14
Do not do that.
Atlas
@CloudRex
Sep 19 2016 00:14
I haven't done that challenge tho
greg
@wearenotgroot
Sep 19 2016 00:14
@TraekWells well if you have return the function exits, store the result of the multiplication to some variable and return it after the loop finishes. remember not to initialize it with 0. because anything multiplied by 0 will be 0
Atlas
@CloudRex
Sep 19 2016 00:14
exactly
Adam Stevenson
@stevensona
Sep 19 2016 00:15
@TraekWells Right now, your function is equivalent to return num * 1;
@RaXoR There is absolutely no reason to use an array.
Atlas
@CloudRex
Sep 19 2016 00:15
Depends on what way you want to use that function, and I can see that in this case I was wrong. I haven't done that challenge tho.
@stevensona
Thanks for the correction @stevensona
CamperBot
@camperbot
Sep 19 2016 00:16
raxor sends brownie points to @stevensona :sparkles: :thumbsup: :sparkles:
:cookie: 138 | @stevensona |http://www.freecodecamp.com/stevensona
Traek Wells
@TraekWells
Sep 19 2016 00:16
Thanks everyone. I’ll try a few more things with that in mind
Stifano
@StifanoT
Sep 19 2016 00:16
So, anybody used the new Playgrounds app on IOS?
Adam Stevenson
@stevensona
Sep 19 2016 00:16
@StifanoT I've been too busy sending large emoji messages
Johnny
@JohnnyBizzel
Sep 19 2016 00:17
@TraekWells You should try using recursion. It is an important skill in programming
@TraekWells The challenge guide explains this
Stifano
@StifanoT
Sep 19 2016 00:18
It's supposed to teach you how to code in a game-like way. I've been using it for a couple days now and I want to know if it's actually legit. Since i'm just a beginner so I don't really know what coding is actually like.
Atlas
@CloudRex
Sep 19 2016 00:19
Game programming is a little different than web development, I would stick with one if I was a beginner.
The language can be the same, but the concept is different, specially if you're developing 3D games.
Adam Stevenson
@stevensona
Sep 19 2016 00:20
@RaXoR Did you even read his comment? He's talking about a programming game--not game programming.
Atlas
@CloudRex
Sep 19 2016 00:21
Pff.. Imma take some time off. Cya xD
greg
@wearenotgroot
Sep 19 2016 00:21
:smile:
peter oyebamiji
@peterito
Sep 19 2016 00:22
hello everyone
Inside the same <style> tag that contains your red-text class, create an entry for p elements and set the font-size to 16 pixels (16px).
greg
@wearenotgroot
Sep 19 2016 00:22
:wave:
peter oyebamiji
@peterito
Sep 19 2016 00:22
am having that issue
greg
@wearenotgroot
Sep 19 2016 00:22
@peterito what have you tried?
Atlas
@CloudRex
Sep 19 2016 00:22
<style>
...
p {
font-size: 16px;
}
</style>
@peterito
peter oyebamiji
@peterito
Sep 19 2016 00:23
ok
Atlas
@CloudRex
Sep 19 2016 00:23
something like that
thats wrong tho
peter oyebamiji
@peterito
Sep 19 2016 00:23
so inside the css style?
thanks
yeah
oh
Atlas
@CloudRex
Sep 19 2016 00:23
lol
peter oyebamiji
@peterito
Sep 19 2016 00:23
so what is right?
Atlas
@CloudRex
Sep 19 2016 00:24
actually that is right, nvm
peter oyebamiji
@peterito
Sep 19 2016 00:24
hahahhaa
thanks
greg
@wearenotgroot
Sep 19 2016 00:24
@peterito btw in future reference, if you are working on a challenge please do include the challenge title and ask specific question
also use code formatting
Atlas
@CloudRex
Sep 19 2016 00:24
^
peter oyebamiji
@peterito
Sep 19 2016 00:24
ok
thanks
am new
Atlas
@CloudRex
Sep 19 2016 00:25
welcome to FCC @peterito
peter oyebamiji
@peterito
Sep 19 2016 00:25
thanks so much
@RaXoR thanks
CamperBot
@camperbot
Sep 19 2016 00:25
peterito sends brownie points to @raxor :sparkles: :thumbsup: :sparkles:
:cookie: 130 | @raxor |http://www.freecodecamp.com/raxor
Atlas
@CloudRex
Sep 19 2016 00:25
np @peterito
peter oyebamiji
@peterito
Sep 19 2016 00:26
how @camperbot
Atlas
@CloudRex
Sep 19 2016 00:27

that bot only knows 3 things:

  1. Greet people who say "hello world" or alike
  2. Send "brownie" points
  3. Find help articles (help <issue/wiki stuff bla bla>)

I wonder who made it

they should definitely add a trivia system for programming.
greg
@wearenotgroot
Sep 19 2016 00:28
@peterito yeah they removed most of it's features so @camperbot does squat atm
Atlas
@CloudRex
Sep 19 2016 00:29
help something (testing)
CamperBot
@camperbot
Sep 19 2016 00:29
no wiki entry for: something testing
greg
@wearenotgroot
Sep 19 2016 00:29
@RaXoR like i said :smile:
Stifano
@StifanoT
Sep 19 2016 00:31
help report issue
CamperBot
@camperbot
Sep 19 2016 00:31
no wiki entry for: report issue
Stifano
@StifanoT
Sep 19 2016 00:31
lol
Atlas
@CloudRex
Sep 19 2016 00:31
lol
Traek Wells
@TraekWells
Sep 19 2016 00:32
@JohnnyBizzel Yeah I have to get better at deciding what’s better between a for, if, and while loops
Richard Smith
@r1chard5mith
Sep 19 2016 00:32
I just learned that @camperbot was the original gitterbot https://github.com/dcsan/gitterbot
Atlas
@CloudRex
Sep 19 2016 00:33
wow, I didn't know that! @r1chard5mith
Richard Smith
@r1chard5mith
Sep 19 2016 00:33
does explain work?
explain javascript
CamperBot
@camperbot
Sep 19 2016 00:33
no wiki entry for: javascript
Richard Smith
@r1chard5mith
Sep 19 2016 00:33
uh huh
Atlas
@CloudRex
Sep 19 2016 00:33
find js
CamperBot
@camperbot
Sep 19 2016 00:33
find js
nothing found
Atlas
@CloudRex
Sep 19 2016 00:33
it's brainless!
greg
@wearenotgroot
Sep 19 2016 00:33
@TraekWells if you know how many iteration of the loop you have to do use for loop otherwise use other loops
Traek Wells
@TraekWells
Sep 19 2016 00:33
@stevensona I found a solution. I used a if else statement instead. Thanks for the advise man. Much appreciated.
CamperBot
@camperbot
Sep 19 2016 00:33
traekwells sends brownie points to @stevensona :sparkles: :thumbsup: :sparkles:
:cookie: 139 | @stevensona |http://www.freecodecamp.com/stevensona
Richard Smith
@r1chard5mith
Sep 19 2016 00:34
thanks @camperbot
CamperBot
@camperbot
Sep 19 2016 00:34
r1chard5mith sends brownie points to @camperbot :sparkles: :thumbsup: :sparkles:
:star2: 2371 | @camperbot |http://www.freecodecamp.com/camperbot
Richard Smith
@r1chard5mith
Sep 19 2016 00:34
hehe
Atlas
@CloudRex
Sep 19 2016 00:34
lol
find brain
CamperBot
@camperbot
Sep 19 2016 00:35
find brain
nothing found
Atlas
@CloudRex
Sep 19 2016 00:35

exposed

Stifano
@StifanoT
Sep 19 2016 00:35
:smile:
Atlas
@CloudRex
Sep 19 2016 00:36
about @RaXoR
CamperBot
@camperbot
Sep 19 2016 00:36
:cookie: 130 | @raxor |http://www.freecodecamp.com/raxor
Stifano
@StifanoT
Sep 19 2016 00:37
I already did a bunch practice today. Should I stop and digest what I learned or should I keep going?
Richard Smith
@r1chard5mith
Sep 19 2016 00:38
@StifanoT only you know that ;)
Sonny
@Gulysse
Sep 19 2016 00:39
trying to nest my text field in a form element
Stifano
@StifanoT
Sep 19 2016 00:39
:smile: Let me word my question in a different way: Are we supposed to memorize everything we did? cause that's a lot things to memorize. Or are we supposed to just keep moving forward and these things will come to us naturally?
Richard Smith
@r1chard5mith
Sep 19 2016 00:39
@StifanoT it's a good question
I just moved through it
as fast as I could
I stopped when my brain complained
What's great is that you can always look back at the solutions you made already if you need to
Sonny
@Gulysse
Sep 19 2016 00:40

how do i nest a form element in a

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

Richard Smith
@r1chard5mith
Sep 19 2016 00:40
I did that a lot
Stifano
@StifanoT
Sep 19 2016 00:40
I'm trying to memorize everything practices I did and so far I haven't run into any problem with forgetting what I did previously.
Atlas
@CloudRex
Sep 19 2016 00:41
You mean the opposite? @Gulysse
if so, this would do it:
<form>
<input type="text" placeholder="cat photo URL">
</form>
Stifano
@StifanoT
Sep 19 2016 00:41
@Gulysse I had the same question a few minuets ago
Sonny
@Gulysse
Sep 19 2016 00:41
the way the word it kind of threw me off
Stifano
@StifanoT
Sep 19 2016 00:41
minutes
Sonny
@Gulysse
Sep 19 2016 00:42
i have to add an action="/submit-cat-photo
would i replace placeholder?
Atlas
@CloudRex
Sep 19 2016 00:42
try this:
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>
Stifano
@StifanoT
Sep 19 2016 00:43
@RaXoR How do I get the same effect you have on your codes?

Mine only looks like this ```<form action="/submit-cat-photo">

<input type="text" placeholder="cat photo URL">
</form>```

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

<input type="text" placeholder="cat photo URL">
</form>```

Sonny
@Gulysse
Sep 19 2016 00:43
oh i see, don't close the form until after the input type
Stifano
@StifanoT
Sep 19 2016 00:43
lol
Atlas
@CloudRex
Sep 19 2016 00:43
You can learn how to use the Markdown syntax by clicking the M :arrow_down: button on the right of the message input.
@StifanoT
Sonny
@Gulysse
Sep 19 2016 00:43
thanks @RaXoR
CamperBot
@camperbot
Sep 19 2016 00:43
gulysse sends brownie points to @raxor :sparkles: :thumbsup: :sparkles:
:cookie: 131 | @raxor |http://www.freecodecamp.com/raxor
Stifano
@StifanoT
Sep 19 2016 00:43
I did but it just opened a bigger version of this chat
<form action="/submit-cat-photo">
Atlas
@CloudRex
Sep 19 2016 00:44
But basicly would be like this: 3 backtics, enter/shift-enter, code, enter/shift-enter, 3 backtics
@StifanoT
peter oyebamiji
@peterito
Sep 19 2016 00:45
Add Images to your Website....asking me to add alt
Atlas
@CloudRex
Sep 19 2016 00:45
You clicked the wrong button. @StifanoT
peter oyebamiji
@peterito
Sep 19 2016 00:45
please how do i include that?
Richard Smith
@r1chard5mith
Sep 19 2016 00:45
type three back ticks and press return
paste the code in here and then 
how do I make the post?
hmmm... you have to switch back to chat mode to post it
Atlas
@CloudRex
Sep 19 2016 00:46
@peterito image tags require the alt attribute. Do like so:
<img alt="alt text" />
...
peter oyebamiji
@peterito
Sep 19 2016 00:46
thanks @RaXoR
CamperBot
@camperbot
Sep 19 2016 00:46
peterito sends brownie points to @raxor :sparkles: :thumbsup: :sparkles:
:warning: peterito already gave raxor points
Richard Smith
@r1chard5mith
Sep 19 2016 00:46
so, type three back-ticks, press return
Adam Stevenson
@stevensona
Sep 19 2016 00:46
@RaXoR That is not true.
Atlas
@CloudRex
Sep 19 2016 00:46
Well, yea not require but it's always a good practice
Stifano
@StifanoT
Sep 19 2016 00:46
<form action="/submit-cat-photo">
I did it!
Margaret
@Margaret2
Sep 19 2016 00:46
@StifanoT :clap:
Stifano
@StifanoT
Sep 19 2016 00:47
thanks @RaXoR @r1chard5mith
CamperBot
@camperbot
Sep 19 2016 00:47
stifanot sends brownie points to @raxor and @r1chard5mith :sparkles: :thumbsup: :sparkles:
:cookie: 132 | @raxor |http://www.freecodecamp.com/raxor
:cookie: 366 | @r1chard5mith |http://www.freecodecamp.com/r1chard5mith
peter oyebamiji
@peterito
Sep 19 2016 00:47
what is true @stevensona
Atlas
@CloudRex
Sep 19 2016 00:47
Here's your reward: :apple:
Richard Smith
@r1chard5mith
Sep 19 2016 00:47
@RaXoR it's true - if they don't they will be "invisible" to blind people
Atlas
@CloudRex
Sep 19 2016 00:47
It's not, I said it was "required". The Image may still render without the alt attribute.
@stevensona was right, thanks
CamperBot
@camperbot
Sep 19 2016 00:47
raxor sends brownie points to @stevensona :sparkles: :thumbsup: :sparkles:
:warning: raxor already gave stevensona points
Adam Stevenson
@stevensona
Sep 19 2016 00:48
@peterito The purpose of the alt(ernate) attribute is to specify text to display in the event the image can not be displayed, or on devices or browsers which do not support images.
Richard Smith
@r1chard5mith
Sep 19 2016 00:48
@stevensona and for blind people
Stifano
@StifanoT
Sep 19 2016 00:48
explain camperbot
CamperBot
@camperbot
Sep 19 2016 00:48
no wiki entry for: camperbot
Atlas
@CloudRex
Sep 19 2016 00:48
find brain
CamperBot
@camperbot
Sep 19 2016 00:48
find brain
nothing found
peter oyebamiji
@peterito
Sep 19 2016 00:48
so what is the right way to input that to my code @stevensona
Atlas
@CloudRex
Sep 19 2016 00:48
we're bullying the bot
Stifano
@StifanoT
Sep 19 2016 00:48
Poor soul, doesn't even remember his own name
Richard Smith
@r1chard5mith
Sep 19 2016 00:49
explain index
CamperBot
@camperbot
Sep 19 2016 00:49
no wiki entry for: index
Richard Smith
@r1chard5mith
Sep 19 2016 00:49
explain main
CamperBot
@camperbot
Sep 19 2016 00:49
no wiki entry for: main
Stifano
@StifanoT
Sep 19 2016 00:49
explain wiki
CamperBot
@camperbot
Sep 19 2016 00:49
no wiki entry for: wiki
Atlas
@CloudRex
Sep 19 2016 00:49
It's useless!
Margaret
@Margaret2
Sep 19 2016 00:49
explain yourself
CamperBot
@camperbot
Sep 19 2016 00:49
no wiki entry for: yourself
wewade
@wewade
Sep 19 2016 00:49
on challenge 27, is the anchor element supposed to be in one of the paragraphs?
Stifano
@StifanoT
Sep 19 2016 00:49
explain anything
CamperBot
@camperbot
Sep 19 2016 00:49
no wiki entry for: anything
Richard Smith
@r1chard5mith
Sep 19 2016 00:49
which wiki is it looking in?
Margaret
@Margaret2
Sep 19 2016 00:49
@wewade name of the challenge?
Atlas
@CloudRex
Sep 19 2016 00:49
^
Margaret
@Margaret2
Sep 19 2016 00:49
they are not numbered @wewade
Adam Stevenson
@stevensona
Sep 19 2016 00:50
@peterito By specifying the "alt" attribute of your image tags.
wewade
@wewade
Sep 19 2016 00:50
@Margaret2 link to external pages
Sonny
@Gulysse
Sep 19 2016 00:50
three back ticks
Margaret
@Margaret2
Sep 19 2016 00:51
@wewade no, the a element does not have to be within the p element
Stifano
@StifanoT
Sep 19 2016 00:54
<label> <input type="radio" name:"indoor-outdoor"> Indoor </label>
  <label> <input type="radio" name:"indoor-outdoor"> Outdoor </label>
kloya93
@kloya93
Sep 19 2016 00:55

Challenge: size your image

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

h2 {
font-family: Lobster, Monospace;
}

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

what’s wrong with this?

Stifano
@StifanoT
Sep 19 2016 00:55
"Give your radio buttons the name attribute of indoor-outdoor."
Adam Stevenson
@stevensona
Sep 19 2016 00:55
@kloya93 did you give the image the "smaller-image" class?
@StifanoT specify attributes using '=' instead of ':'
Stifano
@StifanoT
Sep 19 2016 00:56
Ahhh~~ thanks @stevensona
CamperBot
@camperbot
Sep 19 2016 00:56
stifanot sends brownie points to @stevensona :sparkles: :thumbsup: :sparkles:
:warning: stifanot already gave stevensona points
kloya93
@kloya93
Sep 19 2016 00: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;
}
.smaller-image {
width: 100px;
}
</style>

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

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

<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
i assumed the smaller image in the style portion was giving it a class.

Adam Stevenson
@stevensona
Sep 19 2016 00:58
@kloya93 You need to specify the class attribute of the image element you'd like to be a "smaller-image"
Stifano
@StifanoT
Sep 19 2016 00:59
You didn't give the img a class
wewade
@wewade
Sep 19 2016 00:59
@Margaret2 should this anchor element be inside the style element? i'm a little confused about this one.
Margaret
@Margaret2
Sep 19 2016 00:59
@wewade no, put it outside the style tags, it is just another html element
kloya93
@kloya93
Sep 19 2016 01:00
Thank you!
Stifano
@StifanoT
Sep 19 2016 01:00
How do we recognize which part is html and which part is css?
Margaret
@Margaret2
Sep 19 2016 01:02
@StifanoT html elements have <></> tags. css classes have {} brackets
teamamerica9
@teamamerica9
Sep 19 2016 01:03
also css is inside a <style> tag or inside an inline style= attribute
Michael Pimentel Jr
@mtpjr88
Sep 19 2016 01:03
I am having trouble making my div element have the class container-fluid
peter oyebamiji
@peterito
Sep 19 2016 01:03

Create a class called thick-green-border that puts a 10-pixel-wide green border with a style of solid around an HTML element, and apply that class to your cat photo.

Remember that you can apply multiple classes to an element by separating each class with a space within its class attribute. For example:

Margaret
@Margaret2
Sep 19 2016 01:03
@teamamerica9 @StifanoT usually in real life, you will see the css in its own separate file, and the html just links to it
peter oyebamiji
@peterito
Sep 19 2016 01:04
am confused please
Girzima
@Girzima
Sep 19 2016 01:04
Can anyone give me their opinion on my web portfolio challenge
peter oyebamiji
@peterito
Sep 19 2016 01:04
where am i going to put the class again?
Adam Stevenson
@stevensona
Sep 19 2016 01:04
@mtpjr88 this is how you apply a class called "some-class" to an html element<div class="some-class"></div>
Stifano
@StifanoT
Sep 19 2016 01:05
thank you @Margaret2
CamperBot
@camperbot
Sep 19 2016 01:05
stifanot sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:cookie: 436 | @margaret2 |http://www.freecodecamp.com/margaret2
Michael Pimentel Jr
@mtpjr88
Sep 19 2016 01:05
ok @stevensona ill try it
Adam Stevenson
@stevensona
Sep 19 2016 01:05
@Girzima What's the link to check it out?
Girzima
@Girzima
Sep 19 2016 01:06
Ignore the code, it's all jumbled. I tried to copy the example without copy pasting so it took me forever to learn how everything worked
Stifano
@StifanoT
Sep 19 2016 01:07
Can someone explain to me about the <label>? what are they?
Girzima
@Girzima
Sep 19 2016 01:07
What took the longest was making it screen responsive so it looks good on 1080p screens to 400px
Atlas
@CloudRex
Sep 19 2016 01:08

classes can also be applied using javascript/jquery:
jQuery:

$("div").addClass("myclass1 myclass2");

JS:

document.getElementById("mydiv").className = "only class(es) you want mydiv to have"
Stifano
@StifanoT
Sep 19 2016 01:08
@Girzima that looks really good! very impressive!
Margaret
@Margaret2
Sep 19 2016 01:08
@Girzima nice job :+1:
Adam Stevenson
@stevensona
Sep 19 2016 01:08
@Girzima Definitely looks really good. You're missing a comma in your first sentence and a period at the end.
Girzima
@Girzima
Sep 19 2016 01:08
I haven't learned how to do a proper responsive nav so I nested my nav inside a fixed width container and colored it all the same
Atlas
@CloudRex
Sep 19 2016 01:09
It truly looks good, keep up the good work :+1: @Girzima
Adam Stevenson
@stevensona
Sep 19 2016 01:09

@Girzima My name is Chris, and I am currently learning a variety of programming languages with courses through Codeacademy and FreeCodeCamp. As it currently stands, I have only basic knowledge of HTML, CSS, and jQuery, but I hope to advance my knowledge with the help of hard work to put these skills to use in the real world.

Below is a group of projects I've worked on since I've started.

Girzima
@Girzima
Sep 19 2016 01:09
I haven't read over the grammar or spell checked it yet, sorry lol
Stifano
@StifanoT
Sep 19 2016 01:10
Lol, guys what is <label>? XD
Atlas
@CloudRex
Sep 19 2016 01:10
The <label> tag defines a label for an <input> element.
Adam Stevenson
@stevensona
Sep 19 2016 01:10
As far as the content goes, I'm not sure that I'd emphasize that you know jQuery. I'd put that you know Javascript.
Girzima
@Girzima
Sep 19 2016 01:11
I don't know javascript yet
I've literally just finished the challenge, the next course is on java
Margaret
@Margaret2
Sep 19 2016 01:11
@StifanoT <label> is just what it sounds like, a label for each of your form elements. the difference between it and normal text is that you can click on it to activate the form element http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_label
still rather lame imho
Girzima
@Girzima
Sep 19 2016 01:12
I edited my intro-text
Adam Stevenson
@stevensona
Sep 19 2016 01:12
jquery is a javascript library.
Stifano
@StifanoT
Sep 19 2016 01:12
<form action="/submit-cat-photo">
  <label><input type="radio" name="indoor-outdoor"> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
</form>
Adam Stevenson
@stevensona
Sep 19 2016 01:12
@Girzima Sorry there was one other typo. projects vice project in the last sentence.
Girzima
@Girzima
Sep 19 2016 01:12
I was using it as a reference point to the 2 hour course on here
Stifano
@StifanoT
Sep 19 2016 01:12
what is the purpose of these labels?
what happen if I take them out?
Girzima
@Girzima
Sep 19 2016 01:13
You'd think english wasn't my first language, oops. Thanks @stevensona
CamperBot
@camperbot
Sep 19 2016 01:13
girzima sends brownie points to @stevensona :sparkles: :thumbsup: :sparkles:
:cookie: 141 | @stevensona |http://www.freecodecamp.com/stevensona
Margaret
@Margaret2
Sep 19 2016 01:13
@StifanoT you will still have the text, but it will not be clickable
Adam Stevenson
@stevensona
Sep 19 2016 01:13
Girzima
@Girzima
Sep 19 2016 01:13
Is it better to try and make a variety of websites with basic HTML and CSS now or take the javascript course?
Richard Smith
@r1chard5mith
Sep 19 2016 01:13
explain Home
CamperBot
@camperbot
Sep 19 2016 01:13
no wiki entry for: home
Margaret
@Margaret2
Sep 19 2016 01:14
@Girzima both! :)
Richard Smith
@r1chard5mith
Sep 19 2016 01:14
hmmm...
Adam Stevenson
@stevensona
Sep 19 2016 01:14
@StifanoT The basic idea is, using the label tag allows the browser to have some context for that text being on your page which improves the user experience of the form.
Richard Smith
@r1chard5mith
Sep 19 2016 01:14
explain JS-Closures
CamperBot
@camperbot
Sep 19 2016 01:14
no wiki entry for: js-closures
Stifano
@StifanoT
Sep 19 2016 01:15
I think I get it. Thanks @Margaret2 @stevensona
CamperBot
@camperbot
Sep 19 2016 01:15
:warning: stifanot already gave margaret2 points
:cookie: 142 | @stevensona |http://www.freecodecamp.com/stevensona
stifanot sends brownie points to @margaret2 and @stevensona :sparkles: :thumbsup: :sparkles:
Girzima
@Girzima
Sep 19 2016 01:15
@Margaret2 I figured as much, just trying to utilize my time. That web portfolio took me like 30+ hours because I was taking notes and learning everything as I went
Margaret
@Margaret2
Sep 19 2016 01:15
oh wow!
Adam Stevenson
@stevensona
Sep 19 2016 01:16
@Girzima Really looks good man
Girzima
@Girzima
Sep 19 2016 01:16
I'm wondering why they give you ~50 hour estimate for the web tribute page and web portfolio, I thought they were being dramatic
Jonathan Welch
@jduanewelch
Sep 19 2016 01:16
@stevensona Ty for the link, there is some really usefull information on that site1
CamperBot
@camperbot
Sep 19 2016 01:16
jduanewelch sends brownie points to @stevensona :sparkles: :thumbsup: :sparkles:
:cookie: 143 | @stevensona |http://www.freecodecamp.com/stevensona
Richard Smith
@r1chard5mith
Sep 19 2016 01:20
wiki muta
CamperBot
@camperbot
Sep 19 2016 01:20
no wiki entry for: muta
Richard Smith
@r1chard5mith
Sep 19 2016 01:22
find js
CamperBot
@camperbot
Sep 19 2016 01:22
find js
nothing found
Richard Smith
@r1chard5mith
Sep 19 2016 01:22
@camperbot, are you feeling ok?
Sonny
@Gulysse
Sep 19 2016 01:22
how would i add an id to my form
.silver-background {
background-color: silver;
}
Margaret
@Margaret2
Sep 19 2016 01:23
help camperbot
CamperBot
@camperbot
Sep 19 2016 01:23
no wiki entry for: camperbot
Sonny
@Gulysse
Sep 19 2016 01:23
wrong paste
<form action="/submit-cat-photo">
Girzima
@Girzima
Sep 19 2016 01:23
Someone messaged me 7 hours ago for help in a PM and I just now saw it, I feel bad
greg
@wearenotgroot
Sep 19 2016 01:23
@r1chard5mith yep they have remove the wiki from camperbot
Margaret
@Margaret2
Sep 19 2016 01:23
@Gulysse id="" inside form tag
LW
@VerbalAthleticism
Sep 19 2016 01:23
Hey all-The following isn't rendering correctly. I know it's right! My browser it at 100% zoom. I"m on chrome. .smaller-image {
width: 100px;
}
Richard Smith
@r1chard5mith
Sep 19 2016 01:23
@Gulysse you mean an id = "this"
Adam Stevenson
@stevensona
Sep 19 2016 01:23
@Gulysse Set the id attribute of the form.
Sonny
@Gulysse
Sep 19 2016 01:23
yeah
Adam Stevenson
@stevensona
Sep 19 2016 01:23
@VerbalAthleticism Does your img tag have the "smaller-image" class?
LW
@VerbalAthleticism
Sep 19 2016 01:24
within the tag?
hmm
Stifano
@StifanoT
Sep 19 2016 01:24
Hey guys, thanks so much for helping me today. I have school tomorrow so i'll have to go to bed now. Good luck to you all.
Richard Smith
@r1chard5mith
Sep 19 2016 01:24
@wearenotgroot thanks
CamperBot
@camperbot
Sep 19 2016 01:24
r1chard5mith sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:star2: 1737 | @wearenotgroot |http://www.freecodecamp.com/wearenotgroot
Sonny
@Gulysse
Sep 19 2016 01:24
so it should look like <form id="blah" action="/blah2">
Margaret
@Margaret2
Sep 19 2016 01:24
yes
Adam Stevenson
@stevensona
Sep 19 2016 01:24
@VerbalAthleticism Yes, like <img class="some-class" src="some thing.png"/>
Tariq
@beyallluv
Sep 19 2016 01:24
Hi. Stuck on set the ID of an element

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

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

<form 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>
<form id="cat-photo-form"></form>

Girzima
@Girzima
Sep 19 2016 01:25
put your id in the first form tag
Margaret
@Margaret2
Sep 19 2016 01:25
@beyallluv you should not have separate form tags, id="" goes inside the same form tag as action=""
LW
@VerbalAthleticism
Sep 19 2016 01:26
oh! thanks so much
Michael Pimentel Jr
@mtpjr88
Sep 19 2016 01:26
How do I create a button element in bootstrap? I need to give it a class btn and the text of "like"
Margaret
@Margaret2
Sep 19 2016 01:26
button element looks like this <button></button>
Sonny
@Gulysse
Sep 19 2016 01:26
thanks guys
ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 01:26
hey how do I set class for div plz
Girzima
@Girzima
Sep 19 2016 01:27
@mtpjr88 <button class="btn">Like</button>
ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 01:27
do I just put it in with the first <div>
Adam Stevenson
@stevensona
Sep 19 2016 01:27
@ThiagoLinharesBR replace button with div
ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 01:27
or what?
Margaret
@Margaret2
Sep 19 2016 01:27
@Girzima try not to just give away the answer too quickly....
:)
Girzima
@Girzima
Sep 19 2016 01:27
@Margaret2 Generally I don't but it's pretty straight forward
If it was more complex I'd walk them through it
ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 01:27
@stevensona what do you man
Michael Pimentel Jr
@mtpjr88
Sep 19 2016 01:27
@Girzima ahh ha. thanks!
CamperBot
@camperbot
Sep 19 2016 01:27
mtpjr88 sends brownie points to @girzima :sparkles: :thumbsup: :sparkles:
:cookie: 133 | @girzima |http://www.freecodecamp.com/girzima
ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 01:28
@stevensona what do you mean
Margaret
@Margaret2
Sep 19 2016 01:28
usually i give a hint, and see if they can figure out the rest @Girzima
Adam Stevenson
@stevensona
Sep 19 2016 01:28
@Girzima To you, but these are the basics of HTML, and need to be understood not just copy/pasted
Margaret
@Margaret2
Sep 19 2016 01:28
but i see what you mean
@ThiagoLinharesBR put class="" within your <div> tag
also what challenge are you on @ThiagoLinharesBR
ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 01:30
I did but it nothing happend
Give a Background Color to a Div Element
Margaret
@Margaret2
Sep 19 2016 01:31
@ThiagoLinharesBR can you paste your code
ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 01:31
@Margaret2 this what I look like .silver-background {
background-color: silver;
}
<div class="background-color">
Girzima
@Girzima
Sep 19 2016 01:31
xD
Margaret
@Margaret2
Sep 19 2016 01:31
@ThiagoLinharesBR class="silver-background"
ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 01:31
lol
XD
Margaret
@Margaret2
Sep 19 2016 01:31
the name of your class is silver background, not background color
:D
ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 01:31
sry for waisting time
;p;
lol
Girzima
@Girzima
Sep 19 2016 01:31
You overthought it a tiny bit, happens to everyone
Tariq
@beyallluv
Sep 19 2016 01:32
@Margaret2 thank you
CamperBot
@camperbot
Sep 19 2016 01:32
beyallluv sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:cookie: 437 | @margaret2 |http://www.freecodecamp.com/margaret2
ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 01:32
there it is
lol
Margaret
@Margaret2
Sep 19 2016 01:32
the other day guys, i was trying to learn react, could not figure out WHY my app would not work, i was missing capital B in getElementById :P
Adam Stevenson
@stevensona
Sep 19 2016 01:33
Your browser's development tools should help with that kind of thing.
The javascript console would have probably displayed an error "getElementbyId is not a function defined blah blah blah"
Margaret
@Margaret2
Sep 19 2016 01:34
yeah maybe
Richard Smith
@r1chard5mith
Sep 19 2016 01:34
@stevensona @Margaret2 I found code pen's console practically useless - you can open the real console too, which gets a bit confusing
@Margaret2 how did you set up an environment for react? I had a nightmare trying to get it all working
Margaret
@Margaret2
Sep 19 2016 01:35
@r1chard5mith following tutorial here: http://courses.reactjsprogram.com/p/reactjsfundamentals
is not that hard once you understand it, takes a little while to download the stuff at first
i have not been able to get it to work in codepen yet though, i was just doing this locally
@r1chard5mith are you going to get the dataviz certificate?
Girzima
@Girzima
Sep 19 2016 01:39
My popcorn bag caught on fire ;c
Margaret
@Margaret2
Sep 19 2016 01:40
:sob: :sob: :sob:
Girzima
@Girzima
Sep 19 2016 01:40
luckily it was in the sink
Margaret
@Margaret2
Sep 19 2016 01:40
programming with popcorn - sounds like a new YouTube series
Richard Smith
@r1chard5mith
Sep 19 2016 01:40
@Margaret2 yes - I did the d3 stuff already, now react
Girzima
@Girzima
Sep 19 2016 01:40
i folded the brown bag one too many times
Margaret
@Margaret2
Sep 19 2016 01:41
@r1chard5mith nice :+1:
Richard Smith
@r1chard5mith
Sep 19 2016 01:41
I had trouble getting the webpack dev server to do hot reloading and then fell into a world of pain looking for alternatives
I have something set up now, using the in browser babel transformer (I think I have it running through babel twice, lol)
Margaret
@Margaret2
Sep 19 2016 01:42
you know, the react projects do not really have much to do with dataviz...
Rocco Sartoris
@rsarto213
Sep 19 2016 01:42
so im doing rgb colors and i but the .blue-text {color: rgb(0,0,255) but it wont let me continue
Richard Smith
@r1chard5mith
Sep 19 2016 01:42
No - and not much to do with react programming - lol
You wouldn't use react for any of them, I don't think
except maybe the game of life
I've only done the markdown previewer, it was much easier in vanilla js :)
Margaret
@Margaret2
Sep 19 2016 01:43
oh really :D
Richard Smith
@r1chard5mith
Sep 19 2016 01:44
@Margaret2 yup :) I'm still figuring it out but I think that you only start to get the benefits of react once you implement flux
Margaret
@Margaret2
Sep 19 2016 01:44
even though i'm just starting, react seems pretty awesome so far. Feels much more practical than vanilla js
Richard Smith
@r1chard5mith
Sep 19 2016 01:44
otherwise you have to manage communication between your components yourself
which is the point of what you're not supposed to have to do really
oh, I think you're right - it is
Margaret
@Margaret2
Sep 19 2016 01:45
and what exactly does flux do?
Richard Smith
@r1chard5mith
Sep 19 2016 01:45
flux is a 'pattern' for how the components should talk to the app as a whole
Margaret
@Margaret2
Sep 19 2016 01:45
hmm interesting
Richard Smith
@r1chard5mith
Sep 19 2016 01:45
you're supposed to follow the pattern
so you need an implementation
and there are like 50 of them
so you have to choose one
They each, in some form, implement a dispatcher and you have all your changes sent there
That way, components only have to know what changes they are watching for in the store and not in the ui
that's what I think so far, anyway
It's hard because it's all changed over the last 18 months and the tutorials online are all spread out over that timeline, it's probably smart to do what you've done and pay for a whole course
Margaret
@Margaret2
Sep 19 2016 01:49
oh, the one i'm doing is free :D
just looked up flux, saw it described as a "data flow architecture", so i guess that makes sense, it will come in very handy when you need to handle lots of data changes in a complex app
@rsarto213 sorry for slow response, have you fixed it yet
lol @r1chard5mith, so you live in n00bsville? :joy:
txl42312
@txl42312
Sep 19 2016 01:59
How to solve this problem? I need some assistance on this Your form element should have the background-color of green.section.
Margaret
@Margaret2
Sep 19 2016 02:00
@txl42312 what is the name of the challenge?
Azucena Martinez
@azucenareyes
Sep 19 2016 02:00

Exercise
Write a function called addToArray. This function should:

take two arguments, num1 and num2
use a do...while loop to add each number from num1 to num2 to an array

Can anyone help me with this please?
Atlas
@CloudRex
Sep 19 2016 02:01
try this @txl42312
<form style="background-color: green;"></form>
Margaret
@Margaret2
Sep 19 2016 02:01
@azucenareyes what is the name of the challenge?
pedro mejias
@starpolo
Sep 19 2016 02:01
buenas noches, soy nuevo estoy haciendo las pruebas iniciales en html y css y estoy en la parte de <a href=""> me hacen esta pregunta Create an a element that links to http://freecatphotoapp.com and has "cat photos" as its anchor text. lo hago de muchas forma y eta incorrecta se como hacer el <a> pero en las pruebas dice que no es asi . sera que alguin me puede ayudar par continuar estoy estancado hay .
txl42312
@txl42312
Sep 19 2016 02:02
Use an ID Attribute to Style an Element
greg
@wearenotgroot
Sep 19 2016 02:02
@azucenareyes also try ----->https://gitter.im/FreeCodeCamp/HelpJavaScript
Azucena Martinez
@azucenareyes
Sep 19 2016 02:02
@Margaret2 It's a do...while loop
Atlas
@CloudRex
Sep 19 2016 02:02

Esto seria correcto:

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

@starpolo tambien puedes buscar FCC en tu lenguaje.

pedro mejias
@starpolo
Sep 19 2016 02:03
Good evening, I'm new 'm doing initial tests in html and css and I am part of <a href=""> me ask this question to Create an element That links to http://freecatphotoapp.com and has "cat photos " ITS as anchor text . I do many wrong way and eta is like making <a> but the evidence says it is not so . will that alguin pair can help me continue 'm stuck there .
YTedla95
@YTedla95
Sep 19 2016 02:03
I'm trying to replace the value of <a href="http://www.freecatphotoapp.com"> to the value #
pedro mejias
@starpolo
Sep 19 2016 02:03
ok
Atlas
@CloudRex
Sep 19 2016 02:03

This would be correct:

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

@starpolo you can also find FCC in your language.

pedro mejias
@starpolo
Sep 19 2016 02:03
yo lo hice asi
y no me funciona
voy a volver a hacerlo seria que me pele en algo
Margaret
@Margaret2
Sep 19 2016 02:04
@starpolo can you paste your whole code
Atlas
@CloudRex
Sep 19 2016 02:04
Try reloading your page, that should be correct. @starpolo
Yea providing your code would truly help.
JENNIFER CHESTER
@jenniferchester
Sep 19 2016 02:05

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

Atlas
@CloudRex
Sep 19 2016 02:05
What is the problem @jenniferchester ?
YTedla95
@YTedla95
Sep 19 2016 02:05
I have a question about how I would change a value of <a href ="" > to one with the value of #
JENNIFER CHESTER
@jenniferchester
Sep 19 2016 02:05
what's Im doing wrong?
Margaret
@Margaret2
Sep 19 2016 02:06
@jenniferchester class name should just be p, not <p>
in the style tags
JENNIFER CHESTER
@jenniferchester
Sep 19 2016 02:06
thanks!
pedro mejias
@starpolo
Sep 19 2016 02:06
Thank you
Margaret
@Margaret2
Sep 19 2016 02:06
<a href ="#" > @YTedla95 also, you may have to refresh the page
YTedla95
@YTedla95
Sep 19 2016 02:07
ok
Jonathan Jensen
@JnthnWJ
Sep 19 2016 02:07
Screen Shot 2016-09-19 at 12.04.51 PM.png
Can someone tell me why this div element isn't closing properly?
YTedla95
@YTedla95
Sep 19 2016 02:07
it worked
pedro mejias
@starpolo
Sep 19 2016 02:07

<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" alt="nge cat lying on its back. "></a>

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

Atlas
@CloudRex
Sep 19 2016 02:08
you have multiple divs, you're not closing all of them, also the form. @JnthnWJ
Terepaima
@terepaima
Sep 19 2016 02:08
@JnthnWJ You have 2 divs and are only closing one :)
pedro mejias
@starpolo
Sep 19 2016 02:08
si no funciona nada
Atlas
@CloudRex
Sep 19 2016 02:08
Pasting the code would be easier than taking screenshots.
Margaret
@Margaret2
Sep 19 2016 02:08
@JnthnWJ
  • form tag has no closing </form> tag
  • you have two divs and you only closed one of them
Atlas
@CloudRex
Sep 19 2016 02:08
@starpolo Cual es el nombre de la leccion?
Jonathan Jensen
@JnthnWJ
Sep 19 2016 02:10
I made the mistake of not pasting the whole thing, here it is: <div class="form"> <div class="row"> <form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label> </div>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</div>
pedro mejias
@starpolo
Sep 19 2016 02:10
ya te la digo
Link to External Pages with Anchor Elements
@RaXoR Link to External Pages with Anchor Elements
Atlas
@CloudRex
Sep 19 2016 02:11
This would be the right answer. Be sure to analyze it:

<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" alt="A cute orange cat lying on its back. ">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
pedro mejias
@starpolo
Sep 19 2016 02:11
esa misma
Atlas
@CloudRex
Sep 19 2016 02:11
You're welcome :D
remember to find and fix the mistake you did! learning from your mistakes is key. @starpolo
pedro mejias
@starpolo
Sep 19 2016 02:13
en español porfavor
Atlas
@CloudRex
Sep 19 2016 02:14
recuerda de buscar tu error y arreglarlo, no solo copies y pegues! @starpolo
Raushanah
@Raushanah
Sep 19 2016 02:14
Pls help. Challenge your i<style>
img{
smaller-image
width:100px;
Atlas
@CloudRex
Sep 19 2016 02:14
aprender de tus errores es un gran paso en la programmacion.
Rocco Sartoris
@rsarto213
Sep 19 2016 02:14
how do i create a new button element with the text "Like"?
Atlas
@CloudRex
Sep 19 2016 02:15
<button>Like</button>
@rsarto213
Raushanah
@Raushanah
Sep 19 2016 02:15
Challenge; Your img element should have the class smaller-image.
Terepaima
@terepaima
Sep 19 2016 02:15
@JnthnWJ Can you say the name of the lesson?
Raushanah
@Raushanah
Sep 19 2016 02:15
<style>
img{
smaller-image
width:100px;
}
Rocco Sartoris
@rsarto213
Sep 19 2016 02:15
with the class btn @Raushanah
pedro mejias
@starpolo
Sep 19 2016 02:15
nunca hago eso pero igual no funciona
Atlas
@CloudRex
Sep 19 2016 02:15
you can apply the smaller-image class like so:
<img class="smaller-image" />
Jonathan Jensen
@JnthnWJ
Sep 19 2016 02:15
@terepaima I just figured it out, thanks!
CamperBot
@camperbot
Sep 19 2016 02:15
jnthnwj sends brownie points to @terepaima :sparkles: :thumbsup: :sparkles:
:cookie: 114 | @terepaima |http://www.freecodecamp.com/terepaima
Atlas
@CloudRex
Sep 19 2016 02:15
@Raushanah
Raushanah
@Raushanah
Sep 19 2016 02:16
@RaXoR do I insert the class after the closing style
Atlas
@CloudRex
Sep 19 2016 02:16
and your css class is wrong. it should be like:
<style>
.smaller-image {
width: 100px;
</style>
Raushanah
@Raushanah
Sep 19 2016 02:17
@peppa I will try again
Atlas
@CloudRex
Sep 19 2016 02:17
with a closing tag after the class
Terepaima
@terepaima
Sep 19 2016 02:17
<button class="btn">Like</button> @rsarto213
Atlas
@CloudRex
Sep 19 2016 02:17
which I forgot to put, "}"
Terepaima
@terepaima
Sep 19 2016 02:17
You're Welcome @JnthnWJ
Atlas
@CloudRex
Sep 19 2016 02:17
so like
<style>
.smaller-image {
width: 100px;
}
</style>
<img class="smaller-image" />
Rocco Sartoris
@rsarto213
Sep 19 2016 02:18
thanks @terepaima
CamperBot
@camperbot
Sep 19 2016 02:18
rsarto213 sends brownie points to @terepaima :sparkles: :thumbsup: :sparkles:
:cookie: 115 | @terepaima |http://www.freecodecamp.com/terepaima
Terepaima
@terepaima
Sep 19 2016 02:18
You're Welcome @rsarto213 :)
Michael Pimentel Jr
@mtpjr88
Sep 19 2016 02:18
I need help nesting bootstrap buttons within its own div element with the class col-xs-4
Atlas
@CloudRex
Sep 19 2016 02:19

like this:

<div class="col-xs-4">
<button></button>
</div>

by reffering to boostrap I can guess you mean this:

...
<button class="btn btn-default"></button>
...

@mtpjr88

Terepaima
@terepaima
Sep 19 2016 02:20
That's rigth @RaXoR I was going to press send when i saw your comment, you're fast ;)
Michael Pimentel Jr
@mtpjr88
Sep 19 2016 02:20
@RaXoR ill give it a try
Atlas
@CloudRex
Sep 19 2016 02:20
@terepaima Thanks
CamperBot
@camperbot
Sep 19 2016 02:20
raxor sends brownie points to @terepaima :sparkles: :thumbsup: :sparkles:
:cookie: 116 | @terepaima |http://www.freecodecamp.com/terepaima
Michael Pimentel Jr
@mtpjr88
Sep 19 2016 02:21
can I place the buttons side by side within one element? @RaXoR
Atlas
@CloudRex
Sep 19 2016 02:22

There are lots of different methods you can use.
An easy approach would be to use the CSS property "float".

<style>
button {
float: left;
}
</style>
<button>button 1</button>
<button>button 2</button>

@mtpjr88

But normally that isn't needed, just putting <button></button><button></button> Should work.
Unless some other css is changing that (maybe as boostrap)
SNoon85
@SNoon85
Sep 19 2016 02:24
you can make a visual prototype before the coding starts. I use invisionapp.com
Atlas
@CloudRex
Sep 19 2016 02:24
@SNoon85 I'll check that out, looks neat
SNoon85
@SNoon85
Sep 19 2016 02:25
oops wrong chat guys, ignore.
Atlas
@CloudRex
Sep 19 2016 02:25
still, thanks for that lol @SNoon85
CamperBot
@camperbot
Sep 19 2016 02:25
raxor sends brownie points to @snoon85 :sparkles: :thumbsup: :sparkles:
:cookie: 31 | @snoon85 |http://www.freecodecamp.com/snoon85
Terepaima
@terepaima
Sep 19 2016 02:27
don't worry i look it up it can be usefull thanks @SNoon85
CamperBot
@camperbot
Sep 19 2016 02:27
terepaima sends brownie points to @snoon85 :sparkles: :thumbsup: :sparkles:
:cookie: 32 | @snoon85 |http://www.freecodecamp.com/snoon85
Atlas
@CloudRex
Sep 19 2016 02:29
you can then nest both buttons in a div. @mtpjr88
Michael Pimentel Jr
@mtpjr88
Sep 19 2016 02:30

Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4. THIS LOOK RIGHT?

<div class="row"><button>Like Info Delete</button> </div>
<div class="col-xs-4"><button>Like Info Delete</button> </div>

Terepaima
@terepaima
Sep 19 2016 02:30

@RaXoR can you help me?

I'm in the lesson "Target a Specific Child of an Element Using jQuery"

It tells me to "Make the second child in each of your well elements bounce. You must target the children of element with the target class."

Here's the example it shows:

$(".target:nth-child(3)").addClass("animated bounce");

And here's my code:

$(".well: nth-child (2)").addClass("animated bounce");

Atlas
@CloudRex
Sep 19 2016 02:30
yep @mtpjr88
the first die should have the class: col-xs-4
div
instead of row
about @terepaima
CamperBot
@camperbot
Sep 19 2016 02:32
:cookie: 116 | @terepaima |http://www.freecodecamp.com/terepaima
SNoon85
@SNoon85
Sep 19 2016 02:33
Ha @RaXoR it is a cool site!
Atlas
@CloudRex
Sep 19 2016 02:33
do so like this:
You could do this:
eq = index, it may be 1 instead of 2 tho.
$(".target").eq(2)
...
$(".target").children().eq(2);*
or actually the first code should work, ignore the second one
here's the link for the documentation.
Terepaima
@terepaima
Sep 19 2016 02:36

so it be like this ?

$(".well").eq(2).addClass("animated bounce");

@RaXoR

Atlas
@CloudRex
Sep 19 2016 02:37
Although it may be asking a different approach in that lesson, as I have not gotten there.
try that
Terepaima
@terepaima
Sep 19 2016 02:37
Thanks @RaXoR :D
CamperBot
@camperbot
Sep 19 2016 02:37
terepaima sends brownie points to @raxor :sparkles: :thumbsup: :sparkles:
:cookie: 133 | @raxor |http://www.freecodecamp.com/raxor
Atlas
@CloudRex
Sep 19 2016 02:38
did it work? @terepaima
seanpull
@seanpull
Sep 19 2016 02:38
Hey guys I'm having some trouble with the 'sum all numbers in a range' bonfire, anyone interested in helping me out?
Atlas
@CloudRex
Sep 19 2016 02:39
I'm guessing: "sum all numbers in a range"
range 1-5 = 1+2+3+4+5
I haven't done it tho.
Terepaima
@terepaima
Sep 19 2016 02:39
@RaXoR Well Actually I just test it and it didn't work :/ but I still appreciate your consern :)
LydaTech
@lydatech
Sep 19 2016 02:39
@terepaima $(".target:nth-child(2)").addClass("animated bounce");
Atlas
@CloudRex
Sep 19 2016 02:40
ok :/
yea the challenge was looking for a specific approach
seanpull
@seanpull
Sep 19 2016 02:40
@RaXoR yeah. I wrote some code and I don't understand why it's not working. mind taking a look?
LydaTech
@lydatech
Sep 19 2016 02:40
@terepaima just like the example
Terepaima
@terepaima
Sep 19 2016 02:41
@lydatech Thank You , I thoung I had to change ".target" for ".well"
CamperBot
@camperbot
Sep 19 2016 02:41
terepaima sends brownie points to @lydatech :sparkles: :thumbsup: :sparkles:
:star2: 1018 | @lydatech |http://www.freecodecamp.com/lydatech
Atlas
@CloudRex
Sep 19 2016 02:42
lol
seanpull
@seanpull
Sep 19 2016 02:43
function sumAll(arr) {

var max = Math.max(arr);
var min = Math.min(arr);
var newArr = [];
while(min <= max){
  newArr.push(min++);
}

sum = newArr.reduce(function(prev, current){

    return prev + current;                

});  

return sum;  

}

sumAll([1, 4]);
here's my code. I'm not sure why, but newArr is empty following this code. I suspect it's not taking the values from arr but I don't know why
Terepaima
@terepaima
Sep 19 2016 02:46
I haven't got to that but yo have (arr) so when you call the function it only look for 1 value, and in your call you have "([1,4]), I'm not sure but if you take the [] or only call for 1 value it could work ? @seanpull ... It's just a tougth
seanpull
@seanpull
Sep 19 2016 02:49
@terepaima the call is just for the first set of values that it's checking
Terepaima
@terepaima
Sep 19 2016 02:50
ohh Ok
seanpull
@seanpull
Sep 19 2016 02:50
it's there originally before you start, and it will do the other values that it checks for even though it isn't there yet
if you get what I mean
the problem is, I'm getting this error
});
oh nvm for some reason I can't copy the error
Terepaima
@terepaima
Sep 19 2016 02:51
aaahhh ok but
you ask for a return after you close with ]);
try asking before you close with that
greg
@wearenotgroot
Sep 19 2016 02:51
@seanpull Math.min and Math.max do not accept array as arguments. it can but you need to use .apply(..)
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/max
seanpull
@seanpull
Sep 19 2016 02:52
@wearenotgroot oh okay that must be my issue
Terepaima
@terepaima
Sep 19 2016 02:52
Or you should have both ]); because you have 2 functions
]);*
Michael Pimentel Jr
@mtpjr88
Sep 19 2016 02:53

Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4.
THIS NOT WORKING !Help

<div class="row"><button>Like Info Delete</button> </div>
<div class="col-xs-4">Like Info Delete </div>

Terepaima
@terepaima
Sep 19 2016 02:53
}) ** sorry
<div class="row"> </div>
<div class="col-xs-4">Like Info Delete </div>
bisrikenan
@bisrikenan
Sep 19 2016 02:54
Make sure your h2 element has a closing tag.
help

<h1>Hello World</h1>

<H2>CatPhotoApp</H2>

ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 02:55
sorry to bother again but whats wrong here
<div class="row col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
<button class="btn btn-block btn-info">Info</button>
<button class="btn btn-block btn-danger">Delete</button>
</div>
this part not working
Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4.
Terepaima
@terepaima
Sep 19 2016 02:55

<div class="row">
<div class="col-xs-4">

<button>Like </button>
<button>Info </button>
<button>Delete</button>
</div>
</div>

try that @mtpjr88

ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 02:55
ohh
Michael Pimentel Jr
@mtpjr88
Sep 19 2016 02:55
@terepaima ok
ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 02:55
it has to be 2 class
you cant put more than one in div
like the others?
@terepaima ?
Ismael Barba
@IsmaelBarba
Sep 19 2016 02:56

<!DOCTYPE html>

<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>Ultimate Text Challenge</title>
</head>
<body>
<p>Introduction: Cascading with CSS</p>
<div>
<p>Synopsis: When you set a property of a selector like 'p' to a certain value, that value applies to <em>all</em> p tags.
If, however, you change that same property to a different value for a more specific instance of p,
that change will <em>override</em> the 'general rule'.
</p>
<ul>
<li><p>If you say p { font-family: Garamond}, all 'p's will have the font Garamond.</p></li>
<li><p>BUT if you say li p {font-family: Verdana}, 'p's outside of 'li's will be
in Garamond, and 'p's INSIDE 'li's will be in Verdana.
</p></li>
<li><p>The more specific your selectors are, the higher importance CSS gives to the styling you apply!</p></li>
</ul>
</div>
<p>Summary: Greater specificity makes CSS prioritize that particular styling.</p>
</body>
</html>

Terepaima
@terepaima
Sep 19 2016 02:56

It's not the same H2 to h2, try making

<h2>CatPhotoApp</h2> @ThiagoLinharesBR

Michael Pimentel Jr
@mtpjr88
Sep 19 2016 02:57
@terepaima still saying:
Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4.
ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 02:57
@terepaima ahh that fixed it
@terepaima but why?
Ismael Barba
@IsmaelBarba
Sep 19 2016 02:57

<!DOCTYPE html>

<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>Ultimate Text Challenge</title>
</head>
<body>
<p>Introduction: Cascading with CSS</p>
<div>
<p>Synopsis: When you set a property of a selector like 'p' to a certain value, that value applies to <em>all</em> p tags.
If, however, you change that same property to a different value for a more specific instance of p,
that change will <em>override</em> the 'general rule'.
</p>
<ul>
<li><p>If you say p { font-family: Garamond}, all 'p's will have the font Garamond.</p></li>
<li><p>BUT if you say li p {font-family: Verdana}, 'p's outside of 'li's will be
in Garamond, and 'p's INSIDE 'li's will be in Verdana.
</p></li>
<li><p>The more specific your selectors are, the higher importance CSS gives to the styling you apply!</p></li>
</ul>
</div>
<p>Summary: Greater specificity makes CSS prioritize that particular styling.</p>
</body>
</html>

I need to
1.)Make all <p> tags have a font-family of Garamond. (Do NOT use the universal selector for this! There's a better way; see the Hint for help.)
2.)Make the introduction paragraph and the summary paragraph have a font-weight of bold (this is a new property for you, but it works just like the others you've learned).
3.)Make the synopsis paragraph have the color #7AC5CD.
Make the paragraphs in the unordered list have the color #000000 and text-decoration underline.

ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 02:58
@terepaima you cant do more than one class for div?
Terepaima
@terepaima
Sep 19 2016 02:58

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

Try that @ThiagoLinharesBR

Yes
ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 02:58
the first one fixed it
I was just wondering why
:))
Ismael Barba
@IsmaelBarba
Sep 19 2016 02:59
in style sheet
LydaTech
@lydatech
Sep 19 2016 02:59
@seanpull
  var max = Math.max(...arr); 
  var min = Math.min(...arr);
Ismael Barba
@IsmaelBarba
Sep 19 2016 03:00

<!DOCTYPE html>

<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>Ultimate Text Challenge</title>
</head>
<body>
<p>Introduction: Cascading with CSS</p>
<div>
<p>Synopsis: When you set a property of a selector like 'p' to a certain value, that value applies to <em>all</em> p tags.
If, however, you change that same property to a different value for a more specific instance of p,
that change will <em>override</em> the 'general rule'.
</p>
<ul>
<li><p>If you say p { font-family: Garamond}, all 'p's will have the font Garamond.</p></li>
<li><p>BUT if you say li p {font-family: Verdana}, 'p's outside of 'li's will be
in Garamond, and 'p's INSIDE 'li's will be in Verdana.
</p></li>
<li><p>The more specific your selectors are, the higher importance CSS gives to the styling you apply!</p></li>
</ul>
</div>
<p>Summary: Greater specificity makes CSS prioritize that particular styling.</p>
</body>
</html>

I need to in the stylesheet

1.)Make all <p> tags have a font-family of Garamond. (Do NOT use the universal selector for this!
2.)Make the introduction paragraph and the summary paragraph have a font-weight of bold (this is a new property for you, but it works just like the others you've learned).
3.)Make the synopsis paragraph have the color #7AC5CD.
Make the paragraphs in the unordered list have the color #000000 and text-decoration underline.

LydaTech
@lydatech
Sep 19 2016 03:00
that will give you the min and max of the array
@seanpull

@IsmaelBarba

Before posting any more code in the chat please read this:

Learn to paste your code in chat by reading this link: How To Share Your Code In Chat
It makes it easier for everyone to review your code and give you the help you are looking for! Also please remember to mention the TITLE of the challenge.

@seanpull do you understand?
seanpull
@seanpull
Sep 19 2016 03:03
@lydatech oh sorry I closed the chat for a bit
let me take a look
all I have to do is type ... before arr?
LydaTech
@lydatech
Sep 19 2016 03:03
yes that will give you the number
seanpull
@seanpull
Sep 19 2016 03:04
@lydatech I'm getting an error saying that spread/rest operator is only available in ES6
JENNIFER CHESTER
@jenniferchester
Sep 19 2016 03:05
<p class="red-text">Purr jump eat the grass <a href='http://freecatphotoapp.com'> cat photos </a> rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
my anchor ?
LydaTech
@lydatech
Sep 19 2016 03:06
@seanpull
var max = Math.max(arr[0], arr[1]);
  var min = Math.min(arr[0], arr[1]);
JENNIFER CHESTER
@jenniferchester
Sep 19 2016 03:06
i dont know whats wrong
Terepaima
@terepaima
Sep 19 2016 03:07
@jenniferchester try " instead of '
LydaTech
@lydatech
Sep 19 2016 03:07
@jenniferchester use double quotes
JENNIFER CHESTER
@jenniferchester
Sep 19 2016 03:07
ok
Amanda017
@Amanda017
Sep 19 2016 03:07
in Specify how fonts should degrade, when I comment out the lobster, the last two can pass, but the first two case can not, if I did not change anything, it can pass
if anyone can help me?
seanpull
@seanpull
Sep 19 2016 03:07
@lydatech I suppose that would work, but what if there was more than two indices? it seems inelegant
but I'll try and see if it works
LydaTech
@lydatech
Sep 19 2016 03:08
@seanpull thats not what the challenge is asking for
Amanda017
@Amanda017
Sep 19 2016 03:08

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

for this code
Michael Pimentel Jr
@mtpjr88
Sep 19 2016 03:08
I still cant figure it out
LydaTech
@lydatech
Sep 19 2016 03:08

@mtpjr88

Before posting any more code in the chat please read this:

Learn to paste your code in chat by reading this link: How To Share Your Code In Chat
It makes it easier for everyone to review your code and give you the help you are looking for! Also please remember to mention the TITLE of the challenge.

@seanpull the "elegant way is that i gave you first. The second post is how the challenge wants it
Amanda017
@Amanda017
Sep 19 2016 03:09
or if anyone can tell me how to skip one challege
LydaTech
@lydatech
Sep 19 2016 03:09
@Amanda017 open your map and select the next challenge
Michael Pimentel Jr
@mtpjr88
Sep 19 2016 03:09
@lydatech i dont understand that
LydaTech
@lydatech
Sep 19 2016 03:09
'''
CamperBot
@camperbot
Sep 19 2016 03:09
:bulb: to format code use backticks! ``` more info
Amanda017
@Amanda017
Sep 19 2016 03:10
@William Pritchard, thank you very much
CamperBot
@camperbot
Sep 19 2016 03:10
amanda017 sends brownie points to @william :sparkles: :thumbsup: :sparkles:
:cookie: 14 | @william |http://www.freecodecamp.com/william
Michael Pimentel Jr
@mtpjr88
Sep 19 2016 03:10
what are back ticks?
LydaTech
@lydatech
Sep 19 2016 03:10
lol you gave my brownie to @william ;) @Amanda017
@mtpjr88 look up by your ~ key
Michael Pimentel Jr
@mtpjr88
Sep 19 2016 03:11

'''<div class="col-xs-4">

<button>Like</button>

<button>Info </button>

<button>Delete</button>
</div>
</div>

seanpull
@seanpull
Sep 19 2016 03:11
@lydatech thanks! it worked.
CamperBot
@camperbot
Sep 19 2016 03:11
:bulb: to format code use backticks! ``` more info
seanpull sends brownie points to @lydatech :sparkles: :thumbsup: :sparkles:
:star2: 1019 | @lydatech |http://www.freecodecamp.com/lydatech
Michael Pimentel Jr
@mtpjr88
Sep 19 2016 03:11

```<div class="col-xs-4">

<button>Like</button>

<button>Info </button>

<button>Delete</button>
</div>
</div>

LydaTech
@lydatech
Sep 19 2016 03:12
@mtpjr88 thats correct now just press enter after typing the backticks before pasting your code
Amanda017
@Amanda017
Sep 19 2016 03:12
thank you, it works.@William
LydaTech
@lydatech
Sep 19 2016 03:13
@Amanda017 im @lydatech
Amanda017
@Amanda017
Sep 19 2016 03:13
sorry~
JENNIFER CHESTER
@jenniferchester
Sep 19 2016 03:14
<p class="red-text"> Kitty ipsum <a href="http://freecatphotoapp.com">cat photos</a> dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
cant find my problem here
trying anchor text
LydaTech
@lydatech
Sep 19 2016 03:15
@jenniferchester paste the link from your address bar
JENNIFER CHESTER
@jenniferchester
Sep 19 2016 03:16
https://www.freecodecamp.com/challenges/link-to-external-pages-with-anchor-elements#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%3E%0A%0A%3Cp%20class%3D%22red-text%22%3EKitty%20ipsum%20dolor%20sit%20amet%2C%20shed%20everywhere%20shed%20everywhere%20stretching%20attack%20your%20ankles%20chase%20the%20red%20dot%2C%20hairball%20run%20catnip%20eat%20the%20grass%20sniff.%3C%2Fp%3E%0A%3Cp%20class%3D%22red-text%22%3EPurr%20jump%20eat%20the%20grass%20%3Ca%20href%3D%22http%3A%2F%2Ffreecatphotoapp.com%22%3Ecat%20photos%3C%2Fa%3E%20rip%20the%20couch%20scratched%20sunbathe%2C%20shed%20everywhere%20rip%20the%20couch%20sleep%20in%20the%20sink%20fluffy%20fur%20catnip%20scratched.%3C%2Fp%3E%0A
thanks btw
LydaTech
@lydatech
Sep 19 2016 03:17
@jenniferchester its correct and passes on mine. 2 tthings to try. first reset your code and put it back in 2. change browsers
snickerz
@snickerz
Sep 19 2016 03:17
Got question? has anyone ever heard of design disruptor ??
JENNIFER CHESTER
@jenniferchester
Sep 19 2016 03:17
ok thanks
LydaTech
@lydatech
Sep 19 2016 03:18
@snickerz the documentry?
Michael Pimentel Jr
@mtpjr88
Sep 19 2016 03:19
i still need help
This message was deleted
<div class="row">
   <div class="col-xs-4">

  <button>Like</button> 
<button>Info </button>
<button>Delete</button>
  </div>
</div>
LydaTech
@lydatech
Sep 19 2016 03:25
@mtpjr88 one div per button
snickerz
@snickerz
Sep 19 2016 03:25
@lydatech yes have you seen it???
LydaTech
@lydatech
Sep 19 2016 03:26
@snickerz no heard about it but havent watched it
snickerz
@snickerz
Sep 19 2016 03:29
oh ok just wanted to know
NewtonXu
@NewtonXu
Sep 19 2016 03:47
Hey guys, I have a bug in my website but I'm not sure what's causing it: newtonxu.me
theres a scroll bar on the bottom and then theres blank white space on the right side
Pandawan
@PandawanFr
Sep 19 2016 03:48

Guys, Ik it doesn't have to do with FreeCodeCamp

But NodeJS 4 or 6?

ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 03:48
hey guys I"m trying to get this to work
<div class="row">
<div class="col-xs-4">
<i class="fa-tumbs-up">
<button class="btn btn-block btn-primary">Like</button></i>
</div>
I have gotten it to work but it dint give me credit
baxt3r
@ponjap
Sep 19 2016 03:50
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-tumbs-up">Like</button></i>
</div>
try that
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-tumbs-up">Like</i></button>
</div>
"thumbs"
ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 03:51
ok will do
baxt3r
@ponjap
Sep 19 2016 03:51
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up">Like</i></button>
</div>
LydaTech
@lydatech
Sep 19 2016 03:51
@PandawanFr 4
Pandawan
@PandawanFr
Sep 19 2016 03:52
Isn't it better to get the latest version tho?
LydaTech
@lydatech
Sep 19 2016 03:54
@PandawanFr depends on the scripts youre going to run. A lot havent been ported/updated yet
Pandawan
@PandawanFr
Sep 19 2016 03:54
Just some basic grunt stuff, but that's only for now, I guess I'll jsut go with 4
ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 03:57
hmm still not working
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa-thumbs-up">Like</i></button>
</div>
Pandawan
@PandawanFr
Sep 19 2016 03:57
@lydatech Ok Thanks!
CamperBot
@camperbot
Sep 19 2016 03:57
pandawanfr sends brownie points to @lydatech :sparkles: :thumbsup: :sparkles:
:star2: 1023 | @lydatech |http://www.freecodecamp.com/lydatech
LydaTech
@lydatech
Sep 19 2016 03:57
@ThiagoLinharesBR no the closing </i> has to be right after the opening <i
ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 03:58
@lydatech what do you mean?
LydaTech
@lydatech
Sep 19 2016 03:58
<button class="btn btn-block btn-primary"><i class="fa-thumbs-up"></i>Like</button>
bain2soleil
@bain2soleil
Sep 19 2016 03:59
Hey guys i am working on this
ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 03:59
@lydatech still not working
?
LydaTech
@lydatech
Sep 19 2016 04:00
@ThiagoLinharesBR paste you adress bar url
Akajamlife
@Akajamlife
Sep 19 2016 04:00
What is the problem???<button class="btn btn-block btn-primary">Like<i class="fa fa-info-circle"></i></button>
bain2soleil
@bain2soleil
Sep 19 2016 04:01

hey guys i am working on this & I am missing something it tell me that the h2 element should be red & the stylesheet should declare a re-text class and have its color set to red.

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

LydaTech
@lydatech
Sep 19 2016 04:03
@Akajamlife what challenge?
Akajamlife
@Akajamlife
Sep 19 2016 04:03
I solved it
thanks
LydaTech
@lydatech
Sep 19 2016 04:04
np
@bain2soleil did you create the class in your style area?
baxt3r
@ponjap
Sep 19 2016 04:05
.red-text {
color: red;
}
bain2soleil
@bain2soleil
Sep 19 2016 04:06
@lydatech yes
LydaTech
@lydatech
Sep 19 2016 04:06
@bain2soleil paste the address bar url
LydaTech
@lydatech
Sep 19 2016 04:07
@bain2soleil <h2 class=" .red-text{}">CatPhotoApp</h2> is wrong
Richard Smith
@r1chard5mith
Sep 19 2016 04:08
@bain2soleil class should just be red-text
then what @ponjap wrote
LydaTech
@lydatech
Sep 19 2016 04:08
.red-text{color: red;}
.red-text{color: red;}

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

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
@bain2soleil
Richard Smith
@r1chard5mith
Sep 19 2016 04:10
@lydatech you'll need a style siv, right?
div
Zachary Taylor
@taylorz0917
Sep 19 2016 04:10
Is anyone here a C++ programmer who can help me understand an issue I am having with my input?
LydaTech
@lydatech
Sep 19 2016 04:11
@r1chard5mith yep
<style>
.red-text {
    color: red;
  }
</style>
sorry it was implied I try not to give 100% answers
Richard Smith
@r1chard5mith
Sep 19 2016 04:12
@lydatech :)
LydaTech
@lydatech
Sep 19 2016 04:12
@taylorz0917 in the main chat look for Maz
snickerz
@snickerz
Sep 19 2016 04:13

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

});
</script>
what am I doing wrong help me please ??it shakes ??

baxt3r
@ponjap
Sep 19 2016 04:14
remove the "." on the $(".#target1")
LydaTech
@lydatech
Sep 19 2016 04:14
@snickerz $(".#target1").addClass("btn-primary"); remove the dot before #
@ponjap beat me to it ;)
baxt3r
@ponjap
Sep 19 2016 04:14
:)
snickerz
@snickerz
Sep 19 2016 04:14
@lydatech thank you:)
CamperBot
@camperbot
Sep 19 2016 04:14
snickerz sends brownie points to @lydatech :sparkles: :thumbsup: :sparkles:
:star2: 1024 | @lydatech |http://www.freecodecamp.com/lydatech
baxt3r
@ponjap
Sep 19 2016 04:15
just helping out, i finished that yesterday, hahaha
bain2soleil
@bain2soleil
Sep 19 2016 04:18
it worked! thx @lydatech , @ponjap , @r1chard5mith
CamperBot
@camperbot
Sep 19 2016 04:18
bain2soleil sends brownie points to @lydatech and @ponjap and @r1chard5mith :sparkles: :thumbsup: :sparkles:
:cookie: 368 | @r1chard5mith |http://www.freecodecamp.com/r1chard5mith
:cookie: 119 | @ponjap |http://www.freecodecamp.com/ponjap
:star2: 1026 | @lydatech |http://www.freecodecamp.com/lydatech
Richard Smith
@r1chard5mith
Sep 19 2016 04:24
@bain2soleil way to go!
jszajner7
@jszajner7
Sep 19 2016 04:31
Hello. I'm still on lesson 66. I have tried nestting this line of code every way I can think of. This is the closest I have been able to get,runing this line outside of the block just bellow the existing img class.I get one error message this way that says "your image should have a src of https://bit.ly/fcc-running-cats." Here is the code. <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
<img class="img-responsive" src="http://bit.ly/fcc-running-cats">
baxt3r
@ponjap
Sep 19 2016 04:33
add another <img src=" https://bit.ly/fcc-running-cats">
Darren
@DarrenfJ
Sep 19 2016 04:37
evening FCC helpChatRoomates
jszajner7
@jszajner7
Sep 19 2016 04:38
I' still getting the same error
Good evening
jadefox10200
@jadefox10200
Sep 19 2016 04:38
Ok, not going to lie, I'm here for brownies so who needs help?
Darren
@DarrenfJ
Sep 19 2016 04:38
@jadefox10200 Jade!
jadefox10200
@jadefox10200
Sep 19 2016 04:38
@DarrenfJ Oh hey buddy!
LydaTech
@lydatech
Sep 19 2016 04:38
@jszajner7 what challenge?
jszajner7
@jszajner7
Sep 19 2016 04:38
66
LydaTech
@lydatech
Sep 19 2016 04:39
@jszajner7 the number doesnt mean anything i need the title
Darren
@DarrenfJ
Sep 19 2016 04:39
@lydatech hey man. good to see you here too
LydaTech
@lydatech
Sep 19 2016 04:39
@jszajner7 the number is your brownie points not the challenge
jadefox10200
@jadefox10200
Sep 19 2016 04:39
lol
LydaTech
@lydatech
Sep 19 2016 04:39
@DarrenfJ Hey :wave:
jszajner7
@jszajner7
Sep 19 2016 04:40
make images moblile responsive. Bootstrap
LydaTech
@lydatech
Sep 19 2016 04:41
@jszajner7 <img class="img-responsive" src="https://bit.ly/fcc-running-cats">

@jszajner7 the instruction says:

First, add a new image below the existing one. Set its src attribute to https://bit.ly/fcc-running-cats.

it has to be in the correct location
directly below the other img
jszajner7
@jszajner7
Sep 19 2016 04:43
yes i have been using that line and still getting the error Your new image should have a src of https://bit.ly/fcc-running-cats.
Darren
@DarrenfJ
Sep 19 2016 04:43
you guys got the room covered.. i'll pop back in a but.. gonna check out the new contributors room :D
LydaTech
@lydatech
Sep 19 2016 04:43
@jszajner7 youre not reading what im typing. You putting it in the wrong place
@DarrenfJ Caio
@jszajner7 reset your code and readd the new image below the current image
jszajner7
@jszajner7
Sep 19 2016 04:49
this is what i have <a href="#"><img class="img-responsive" "smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" src="http://bit.ly/fcc-running-cats">
<img class="img-responsive" src="http://bit.ly/fcc-running-cats">
wewade
@wewade
Sep 19 2016 04:52
working on "Give a Background color to Div element
cannot figure out how to create the class
jadefox10200
@jadefox10200
Sep 19 2016 04:53
@wewade You mean in the <style> area?
div {
background-color: red;
}
wewade
@wewade
Sep 19 2016 04:54
so there should be a new div in the style area?
thank you
jadefox10200
@jadefox10200
Sep 19 2016 04:55
That's not a new div. What that would do is change the background color of EVERY div below the </style> tag.
baxt3r
@ponjap
Sep 19 2016 04:59
@jszajner7 try putting a closing tag of </a>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
jszajner7
@jszajner7
Sep 19 2016 05:02
yes it is the same error. <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
<img class="img-responsive" src="http://bit.ly/fcc-running-cats">
jadefox10200
@jadefox10200
Sep 19 2016 05:16
sure
@xSpideyx Ok so a hint right, not the answer?
May
@xSpideyx
Sep 19 2016 05:18
yes
jadefox10200
@jadefox10200
Sep 19 2016 05:20
@xSpideyx The best I could say is that firstly, remember that a ; creates a new line of code or basically a new statement.
As far as I can tell you've only altered one line correct?
May
@xSpideyx
Sep 19 2016 05:22
ok lemme see
jadefox10200
@jadefox10200
Sep 19 2016 05:23
Does it make sense why there are double brackets [["John", 23], ["cat", 2]];
Angela
@Baby007mix
Sep 19 2016 05:24

Can anyone help please. I am stuck on this one. Make sure you have nested all HTML elements in .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;
}
.container-fluid { <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>}

</style>

<div class="container-fluid">

</div>

<div>
<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" alt="A cute orange cat lying on its back. "></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>

wewade
@wewade
Sep 19 2016 05:25
@jadefox10200 I dont want to seem dense about this, but I have tried to put the background-color class in the style element and then I tried the div element and neither of these seems to work for background color to a div elelment
May
@xSpideyx
Sep 19 2016 05:25
I know it has something to do with multi-dimensional arrays @jadefox10200
jadefox10200
@jadefox10200
Sep 19 2016 05:27
@xSpideyx that's true.
[["John", 23], ["cat", 2]]
In that example
["John", 23] <--- is one array by itself.
["cat", 2] <--- is another array by itself.
Coding Kit
@audiotoon
Sep 19 2016 05:27
@Baby007mix Remove the closing div immediately after your "container" and add it to the end
jadefox10200
@jadefox10200
Sep 19 2016 05:29
This message was deleted

@xSpideyx So if you do:

myArray = [1,2,3]
myArray.pop()

The above removes the last element of myArray which is the value 3.

ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 05:30

hi there I"m not really sure what its asking here

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs6">
<button class="btn">test</button>
</div>
<div class="col-xs6">
<button class="btn">test</button>
</div>

</div>
</div>

Claudio Restifo
@Marmiz
Sep 19 2016 05:31

@Baby007mix There's some confusion in your code:
First of all container-fluid is a Bootsrap class, which means that once you link the bootstrap library to your page you don't need any more declaration.
So this:

.container-fluid { <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>}

Is an error.
You simply have to add the link under the google one like:

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
 <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
<style>
 /* your styles */
ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 05:31
Nest two div class="col-xs-6" elements within your div class="row" element
jadefox10200
@jadefox10200
Sep 19 2016 05:31
Now the idea with multidimensional arrays is that you can put an array in the spot where 1 and 2 and 3 goes in the above example.
May
@xSpideyx
Sep 19 2016 05:32
and now it would simply be [1,2] correct? @jadefox10200
jadefox10200
@jadefox10200
Sep 19 2016 05:32
Right.
Claudio Restifo
@Marmiz
Sep 19 2016 05:33
@Baby007mix And second nesting means -> "putting insede".
Therefore to nest inside a container-fluid div all you have to do is copy your existing html elements inside that div:
<div class=" container-fluid">

/* your html */

</div>   /* end of the container-fluid */
jadefox10200
@jadefox10200
Sep 19 2016 05:33
So rather than having:
myArray = [1,2,3]
you can actually have more than one array inside another array:
myArray = [ [1,2,3] , [1,2,3] ]
ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 05:33
Hi any one can help me I dont get what this is asking Nest two div class="col-xs-6" elements within your div class="row" element

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs6">
<button class="btn">test</button>
</div>
<div class="col-xs6">
<button class="btn">test</button>
</div>

</div>
</div>

jadefox10200
@jadefox10200
Sep 19 2016 05:34
so the value in that last example of myArray[0] == [1,2,3]
Make sense?
Claudio Restifo
@Marmiz
Sep 19 2016 05:35
@ThiagoLinharesBR As I wrote a second ago, nesting means -> 'putting inside'
So simply inside a div class='row' put two div class='col-xs-6'
ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 05:35
@Marmiz where thought?
@Marmiz and with no info?
Claudio Restifo
@Marmiz
Sep 19 2016 05:36
@ThiagoLinharesBR
Exeample:
<div class="row">
  <div class="col-xs-6"></div>
  <div class="col-xs-6"></div>
</div>
@ThiagoLinharesBR That depends on what the lesson is asking for :)
ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 05:36
@Marmiz yea I had it like that the 1st time
Claudio Restifo
@Marmiz
Sep 19 2016 05:37
@ThiagoLinharesBR what your lesson is asking for?
ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 05:38
@Marmiz hmm it worked
I did that way the 1st time and it dint go
Claudio Restifo
@Marmiz
Sep 19 2016 05:38
@ThiagoLinharesBR :thumbsup:
ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 05:38
as you can see I had the code right :P
LydaTech
@lydatech
Sep 19 2016 05:39
Im out. Good luck and above all Have Fun! g'night
May
@xSpideyx
Sep 19 2016 05:39
kind of, I'm confused with the array inside of another array part it seems similar to nesting but not. @jadefox10200
ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 05:39
@Marmiz I think i had 1 too many </div>
jadefox10200
@jadefox10200
Sep 19 2016 05:39
@wewade Sorry, didn't mean to ignore you. What exactly does it ask you to do.
Claudio Restifo
@Marmiz
Sep 19 2016 05:39
@ThiagoLinharesBR :clap:
Yeah sometimes just refreshing makes the trick! But other times there's an error that maybe you don't see :P
Glad it's working, happy coding :sparkles:
jadefox10200
@jadefox10200
Sep 19 2016 05:40
@xSpideyx ok. So you understand the concept of a basic array through right?
myArray = [1,2,3]
May
@xSpideyx
Sep 19 2016 05:40
yeah
@jadefox10200
Gary Soupene
@GSoupene
Sep 19 2016 05:41
hey guys hows it going tonight?
jadefox10200
@jadefox10200
Sep 19 2016 05:41
So imagine rather than that we do something like this:
myArray = [1,2,3]
yourArray = [1, myArray, 3]
wewade
@wewade
Sep 19 2016 05:41
@jadefox10200 thats okay. "create a class called silver-background with background-color of silver. Assign this class to your div element
jadefox10200
@jadefox10200
Sep 19 2016 05:42
@wewade ah. ok I can help
Claudio Restifo
@Marmiz
Sep 19 2016 05:43
@GSoupene :wave:
Actually lunch time here in the SEA :)
jadefox10200
@jadefox10200
Sep 19 2016 05:43
@wewade It wants you to create the class between the <style> and </style> tags.
You create a class by naming it ANYTHING you want. However, in the challenge it will tell you what to call it. You define the class something like this:
<style>
.silver {
background-color: silver;
}
</style>
Gary Soupene
@GSoupene
Sep 19 2016 05:43
@Marmiz nice its just about 11 pm here in cali XD
Hussein Saab
@hmsaab
Sep 19 2016 05:44
@lydatech thanks
CamperBot
@camperbot
Sep 19 2016 05:44
hmsaab sends brownie points to @lydatech :sparkles: :thumbsup: :sparkles:
:star2: 1029 | @lydatech |http://www.freecodecamp.com/lydatech
jadefox10200
@jadefox10200
Sep 19 2016 05:44
Then below that in your HTML it will ask you to assign this class to a div I think:
<div class="silver"></div>
@xSpideyx So you see how I just put an myArray inside yourArray?
Claudio Restifo
@Marmiz
Sep 19 2016 05:45
@ThiagoLinharesBR that's an error(ish).
Many browser and code editor will ignore a single </div> not linked to anything, but you may have some weird issue without realizing why.. often linked to positioning.
My suggestion is as a good habit when coding in html always open and immediately close the tag. Then add the rest :)
(many editor do that automatically for you)
ThiagoLinharesBR
@ThiagoLinharesBR
Sep 19 2016 05:46
@Marmiz thanks for the tip I will try to get in the habit of doing that
CamperBot
@camperbot
Sep 19 2016 05:46
thiagolinharesbr sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 386 | @marmiz |http://www.freecodecamp.com/marmiz
jadefox10200
@jadefox10200
Sep 19 2016 05:46
@xSpideyx
myArray = [1,2,3]
yourArray = [1, myArray, 3]
Is the example. Therefore, rather than having two lines of code like that the below code has the exact same effect:
yourArray = [1, [1,2,3], 3]
Claudio Restifo
@Marmiz
Sep 19 2016 05:47
@ThiagoLinharesBR np! Happy coding :sparkles:
@GSoupene late night coding?
jadefox10200
@jadefox10200
Sep 19 2016 05:47
@wewade Let me know if that works out for you?
Chris Cullen
@123xylem
Sep 19 2016 05:48
function cpuSeq() {
  seq = [Math.floor(Math.random() * choices.length)];

 cpuSeq.push(seq);
  $("#"+seq).trigger("click");
  console.log(seq + " cpu choice");
}


document.ready(function(){
  alert("start");


  cpuSeq();


});
Trying to start my SIMON game with cpu picking random button.. I cant get cpuSeq to run though... I have a callback in doc.ready but the alert and the cpuSeq Function isnt working
May
@xSpideyx
Sep 19 2016 05:48
ok that makes sense you essentially turned the code into a variable right @jadefox10200
Gary Soupene
@GSoupene
Sep 19 2016 05:49
@Marmiz yeah man you know it i finally got the time to code again. the last few days have been way to busy to even try . but on the bright side i had two interviews at best buy this last week.
jadefox10200
@jadefox10200
Sep 19 2016 05:50
Yeah, in that example to break it out so it was more clear. But you see how yourArray = [1, myArray, 3] has one array inside another?
May
@xSpideyx
Sep 19 2016 05:50
yes
Claudio Restifo
@Marmiz
Sep 19 2016 05:51
@GSoupene :+1: :sparkles: congrats! Wish you good luck, and welcome back to coding :sparkles:
Darren
@DarrenfJ
Sep 19 2016 05:51
@GSoupene yah.. good luck man
jadefox10200
@jadefox10200
Sep 19 2016 05:51
Usually it's more like this where both of these lines mean the same thing:
yourArray = [myArray1, myArray2, myArray3]
yourArray = [ [1,2,3] , [1,2,3] , [1,2,3] ]
@xSpideyx Does that example make sense?
Gary Soupene
@GSoupene
Sep 19 2016 05:51
@Marmiz @DarrenfJ thank you guys i appreciate that ^.^
CamperBot
@camperbot
Sep 19 2016 05:51
gsoupene sends brownie points to @marmiz and @darrenfj :sparkles: :thumbsup: :sparkles:
:cookie: 387 | @marmiz |http://www.freecodecamp.com/marmiz
:cookie: 828 | @darrenfj |http://www.freecodecamp.com/darrenfj
May
@xSpideyx
Sep 19 2016 05:52
@jadefox10200 yeah
jadefox10200
@jadefox10200
Sep 19 2016 05:52
Perfect.
@xSpideyx So in the code of this challenge the array looks like this:
myArray = [["John", 23], ["cat", 2]];
So you see how there are two arrays there?
Darren
@DarrenfJ
Sep 19 2016 05:53
@jadefox10200 @lydatech thanks guys for covering the room :D I'm gonna keep watching coding vids...
CamperBot
@camperbot
Sep 19 2016 05:53
darrenfj sends brownie points to @jadefox10200 and @lydatech :sparkles: :thumbsup: :sparkles:
:star2: 1030 | @lydatech |http://www.freecodecamp.com/lydatech
:cookie: 187 | @jadefox10200 |http://www.freecodecamp.com/jadefox10200
jadefox10200
@jadefox10200
Sep 19 2016 05:53
@DarrenfJ My pleasure.
["John", 23] <--- first array
["cat", 2] <--- second array
May
@xSpideyx
Sep 19 2016 05:56
yup @jadefox10200
jadefox10200
@jadefox10200
Sep 19 2016 05:56
So if:
myArray = [1,2,3]
myArray.pop()
changed myArray so it only has [1,2]
what happens if I do?:
myArray = [["John", 23], ["cat", 2]];
myArray.pop()
May
@xSpideyx
Sep 19 2016 05:57
your only left with [["John", 23] ?
Claudio Restifo
@Marmiz
Sep 19 2016 05:57
@123xylem your document.ready function is wrong. correct syntax:
$(document).ready
Abheeshta Bhat
@Abheeshtab
Sep 19 2016 05:57
Hey guys. I am having a problem with the run tests button. I am in the text color change challenge. i did everything right but its simply not working.
jadefox10200
@jadefox10200
Sep 19 2016 05:58
well [["John", 23]] to be exact but yes. You've removed the second array.
Claudio Restifo
@Marmiz
Sep 19 2016 05:58
@Abheeshtab sometimes refresghing the page does the tricks, but other there's an error in there and you don't see it.
so do you mind sharing your code?
Gary Soupene
@GSoupene
Sep 19 2016 05:59
ok its been a few days can someone help with writing an h1 with elements and font type
oh and text
Abheeshta Bhat
@Abheeshtab
Sep 19 2016 05:59
@Marmiz no. Just wait.
jadefox10200
@jadefox10200
Sep 19 2016 05:59
@GSoupene Sure.
Gary Soupene
@GSoupene
Sep 19 2016 06:00
thank you @jadefox10200
i feel bad but its been a few days for me
CamperBot
@camperbot
Sep 19 2016 06:00
gsoupene sends brownie points to @jadefox10200 :sparkles: :thumbsup: :sparkles:
:cookie: 188 | @jadefox10200 |http://www.freecodecamp.com/jadefox10200
May
@xSpideyx
Sep 19 2016 06:00
ahh it makes sense now brb I'm gonna test it@jadefox10200
Claudio Restifo
@Marmiz
Sep 19 2016 06:00
@123xylem plus a suggestion to simplify the random.
Since in simon all you need is a number between 1 and 4 (you only have 4 tiles) you can have your function as:
Math.floor((Math.random() * 4) + 1)
jadefox10200
@jadefox10200
Sep 19 2016 06:00
@GSoupene It's fine. What part exactly do you need help with?
Abheeshta Bhat
@Abheeshtab
Sep 19 2016 06:00
<h2> <h2 style="color: red;">CatPhotoApp</h2> </h2>
Gary Soupene
@GSoupene
Sep 19 2016 06:00

First, create a h1 element with the text Hello World

Then, let's give all elements on your page the color of green by adding color: green; to your body element's style declaration.

Finally, give your body element the font-family of Monospace by adding font-family: Monospace; to your body element's style declaration.

Chris Cullen
@123xylem
Sep 19 2016 06:01
@Marmiz thanks.. btw do u know how to get the value of the array position rather than the number of it from that random?
CamperBot
@camperbot
Sep 19 2016 06:01
123xylem sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 388 | @marmiz |http://www.freecodecamp.com/marmiz
Claudio Restifo
@Marmiz
Sep 19 2016 06:01
@Abheeshtab that's a syntax error. You don't need two <h2> element.
@Abheeshtab <h2 style="color: red;">CatPhotoApp</h2> should be enough.
Abheeshta Bhat
@Abheeshtab
Sep 19 2016 06:02
@Marmiz Thank you so much!
CamperBot
@camperbot
Sep 19 2016 06:02
abheeshtab sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 389 | @marmiz |http://www.freecodecamp.com/marmiz
May
@xSpideyx
Sep 19 2016 06:03
it worked. what I was thinking was that I had to specify which part was being taken out.Thanks @jadefox10200
jadefox10200
@jadefox10200
Sep 19 2016 06:03
@xSpideyx Sweet.
Claudio Restifo
@Marmiz
Sep 19 2016 06:03
@123xylem I don't think I got the question right.
You have an array with a bunch of number in it (the tiles of the sequence) and you want to know in which position of the array are you in?
I guess to check if the user match the click? :)
@Abheeshtab :+1: glad to help!
jadefox10200
@jadefox10200
Sep 19 2016 06:04

@GSoupene to create an h1:

<h1>Hello World</h1>

Chris Cullen
@123xylem
Sep 19 2016 06:04
@Marmiz so at the moment the random seq is pushing the array position not the random element at that position
jadefox10200
@jadefox10200
Sep 19 2016 06:04

@GSoupene The to add the color green:

<style>
body{
color: green;
}
</style>

Archit
@1XcoderX1
Sep 19 2016 06:05
How can I align two images in a horizontal line using div with class row?
jadefox10200
@jadefox10200
Sep 19 2016 06:05

@GSoupene and finally to add the font:

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

@xSpideyx odd, no brownies...
Threestar11
@Threestar11
Sep 19 2016 06:06

hey everyone i'm stuck on a css problem,

<style>
.larger-image {
width: 500px;
}
</style>

it wants me to create a class called smaller image at 100 pixels, I have

<style>
smaller-image {
width: 100px;
}
</style>
directly beneath my image but it's not working

Tenrikz
@Tenrikz
Sep 19 2016 06:06
hello guys can some one help me how to apply red-text class element to p?
Claudio Restifo
@Marmiz
Sep 19 2016 06:06

@jadefox10200 brownie test :)
Thanks!

p.s. everyone loves brownies

CamperBot
@camperbot
Sep 19 2016 06:06
marmiz sends brownie points to @jadefox10200 :sparkles: :thumbsup: :sparkles:
:cookie: 189 | @jadefox10200 |http://www.freecodecamp.com/jadefox10200
Archit
@1XcoderX1
Sep 19 2016 06:06
add the dot before adding class @Threestar11
Threestar11
@Threestar11
Sep 19 2016 06:06
yes I tried that too
Archit
@1XcoderX1
Sep 19 2016 06:07
<style>
.smaller-image {
width: 100px;
}
</style>
this should work
Threestar11
@Threestar11
Sep 19 2016 06:07
still not oddly
Archit
@1XcoderX1
Sep 19 2016 06:07
@Threestar11
jadefox10200
@jadefox10200
Sep 19 2016 06:07
@Marmiz lol thanks. I think it was because she typed: "out.Thanks"
CamperBot
@camperbot
Sep 19 2016 06:07
jadefox10200 sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 390 | @marmiz |http://www.freecodecamp.com/marmiz
jadefox10200
@jadefox10200
Sep 19 2016 06:07
@Marmiz out.Thanks
Gary Soupene
@GSoupene
Sep 19 2016 06:07
awesome! thats exactly what i needed thanks @jadefox10200 for the refresher :)
CamperBot
@camperbot
Sep 19 2016 06:07
gsoupene sends brownie points to @jadefox10200 :sparkles: :thumbsup: :sparkles:
:warning: gsoupene already gave jadefox10200 points
Archit
@1XcoderX1
Sep 19 2016 06:08
screenshot the code and send it here
@Threestar11
Tenrikz
@Tenrikz
Sep 19 2016 06:08
hello guys can some one help me how to apply red-text class element to p?
jadefox10200
@jadefox10200
Sep 19 2016 06:08
@Marmiz See, no brownies. I also found a use for them btw. Didn't realize it but they count on your daily activity.
@Marmiz Can you help the peps out for a bit. Trying to wrap up a bit of code.
Gary Soupene
@GSoupene
Sep 19 2016 06:10
now i have to re-ad a class making my h1 have the pink-text class
jadefox10200
@jadefox10200
Sep 19 2016 06:10
@GSoupene Right, so how do you add a class?
Gary Soupene
@GSoupene
Sep 19 2016 06:10

<style>
  body {
    background-color: black;
    font-family: Monospace;
    color: green;
  }
</style>
<h1>Hello World!</h1>
iuqirihc
@iuqirihc
Sep 19 2016 06:10
are mages placed inside a style tag or outside of it?
images**
jadefox10200
@jadefox10200
Sep 19 2016 06:11
@iuqirihc images are outside of it.
iuqirihc
@iuqirihc
Sep 19 2016 06:11
thx
jadefox10200
@jadefox10200
Sep 19 2016 06:11
@iuqirihc More specifically below it.
</style>
<img>
Gary Soupene
@GSoupene
Sep 19 2016 06:11
<h1> class=-"pink-text"> </h1>
Threestar11
@Threestar11
Sep 19 2016 06:12
how upload pic
jadefox10200
@jadefox10200
Sep 19 2016 06:12

@GSoupene That's close and how you would add the class to the element:

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

You know how to define the class in the <style> area?
@Threestar11 Please clarify.
Archit
@1XcoderX1
Sep 19 2016 06:13
@Threestar11 Coy the image url and add it to the src part of image element
Gary Soupene
@GSoupene
Sep 19 2016 06:13
<style>
Archit
@1XcoderX1
Sep 19 2016 06:13
@jadefox10200 How can I align two images in a horizontal line ?
Gary Soupene
@GSoupene
Sep 19 2016 06:14
class: pink-text;
}
</style>
Archit
@1XcoderX1
Sep 19 2016 06:14
at the same time resizing them both to the same size
jadefox10200
@jadefox10200
Sep 19 2016 06:14
@1XcoderX1 Is it a challenge or just in general?
Archit
@1XcoderX1
Sep 19 2016 06:14
Creating a pen
Claudio Restifo
@Marmiz
Sep 19 2016 06:15
@jadefox10200 that's because the bot recognize only thanks and variation. .thanks is nothing for @camperbot
Also It's lunch time here :D
I'm sure someone here will help. Go and do your things :sparkles:
jadefox10200
@jadefox10200
Sep 19 2016 06:15
@1XcoderX1 Ah. I personally did it by creating a class for the images I wanted to resize and put them in a <div class="row>
Archit
@1XcoderX1
Sep 19 2016 06:16
yes, but what should I put in the img element?
Claudio Restifo
@Marmiz
Sep 19 2016 06:16
@1XcoderX1 easiest way using bootsrap's class img-responsive
jadefox10200
@jadefox10200
Sep 19 2016 06:17
You mean to assign the class for resizing?
Claudio Restifo
@Marmiz
Sep 19 2016 06:17
@1XcoderX1 otherwise you have to create your own custom .css properties
jadefox10200
@jadefox10200
Sep 19 2016 06:17
@Marmiz <---- Do what he says.
Archit
@1XcoderX1
Sep 19 2016 06:17
okay, thanks @jadefox10200 @Marmiz
CamperBot
@camperbot
Sep 19 2016 06:17
1xcoderx1 sends brownie points to @jadefox10200 and @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 190 | @jadefox10200 |http://www.freecodecamp.com/jadefox10200
:cookie: 391 | @marmiz |http://www.freecodecamp.com/marmiz
Archit
@1XcoderX1
Sep 19 2016 06:17
GOt it
jadefox10200
@jadefox10200
Sep 19 2016 06:18
@Marmiz So, what does that do? lol
Threestar11
@Threestar11
Sep 19 2016 06:19
I figured it out, thanks for the support @1XcoderX1
CamperBot
@camperbot
Sep 19 2016 06:19
threestar11 sends brownie points to @1xcoderx1 :sparkles: :thumbsup: :sparkles:
:cookie: 119 | @1xcoderx1 |http://www.freecodecamp.com/1xcoderx1
OzairAshfaque
@OzairAshfaque
Sep 19 2016 06:19
<p>Click here for <a href="#">cat photos</a>.
not wrking
Atdhe Kurteshi
@atdheekurteshi
Sep 19 2016 06:19
Morning guys
wewade
@wewade
Sep 19 2016 06:19
@jadefox10200 I thought was a simple task when reading it but, I have worked on this for an hour and the correct code escapes me. I have tried the last suggestion you gave me and I must be still coding incorrectly
jadefox10200
@jadefox10200
Sep 19 2016 06:19
@OzairAshfaque need to close the </p>
Archit
@1XcoderX1
Sep 19 2016 06:19
morning @atdheekurteshi
OzairAshfaque
@OzairAshfaque
Sep 19 2016 06:19
damn that bitc*
thanks
jadefox10200
@jadefox10200
Sep 19 2016 06:20
@wewade I see. Can you paste the link here and I'll send you a pm.
@OzairAshfaque Sure.
Claudio Restifo
@Marmiz
Sep 19 2016 06:20
@jadefox10200 you mean the bootstrap class?
http://getbootstrap.com/css/#images
OzairAshfaque
@OzairAshfaque
Sep 19 2016 06:20
<p>Click here for <a href="#">cat photos</a></p> but not working
jadefox10200
@jadefox10200
Sep 19 2016 06:21
@Marmiz Yup. I know it sounds dumb but that's what I'm asking. lol
@OzairAshfaque That is valid code. Just make sure you're typing the exact sentence they're asking for.
I think the word "more" should be in there.
Claudio Restifo
@Marmiz
Sep 19 2016 06:21

@jadefox102 as per doc:

.img-responsive class applies max-width: 100%;, height: auto; and display: block; to the image so that it scales nicely to the parent element.

OzairAshfaque
@OzairAshfaque
Sep 19 2016 06:22

Replace the value of your a element's href attribute with a #, also known as a hash symbol, to turn it into a dead link.

Run tests (ctrl + enter)
Reset Help Bug
Your a element should be a dead link with a href attribute set to "#".

jadefox10200
@jadefox10200
Sep 19 2016 06:22
@Marmiz Hmm, so would that work out if I put three elements in a div class="row" for example?
Gary Soupene
@GSoupene
Sep 19 2016 06:22
<style>
  body {
    background-color: black;
    font-family: Monospace;
    color: green;
  }

  h1 {
    class: pink-text;
  }
</style>
<h1 class="pink-text">Hello World!</h1>
@ jade is this close?
OzairAshfaque
@OzairAshfaque
Sep 19 2016 06:22
no clue
Gary Soupene
@GSoupene
Sep 19 2016 06:23
i just need a pink-text css in the style area
jenilevil
@jenilevil
Sep 19 2016 06:23
how to nest i element within button
Claudio Restifo
@Marmiz
Sep 19 2016 06:24
@jadefox10200 sure it does! it add that parameters to the img to scale inside the parent :)
jadefox10200
@jadefox10200
Sep 19 2016 06:24

@OzairAshfaque

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

Claudio Restifo
@Marmiz
Sep 19 2016 06:25
@jadefox10200 but if your goal is to align them, better place the img inside the usual col- classes :)
jadefox10200
@jadefox10200
Sep 19 2016 06:25
@Marmiz Awesome. I'll have to fix my tribute page then.
Archit
@1XcoderX1
Sep 19 2016 06:25
@GSoupene
Gary Soupene
@GSoupene
Sep 19 2016 06:25
yeah @1XcoderX1 ?
Archit
@1XcoderX1
Sep 19 2016 06:25

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

h1 {
class: pink-text;
}
</style>

<h1>Hello World!</h1>

jadefox10200
@jadefox10200
Sep 19 2016 06:25
@Marmiz I did use the col- classes which is how they're aligned.
Archit
@1XcoderX1
Sep 19 2016 06:25
This shoud dothe trick
OzairAshfaque
@OzairAshfaque
Sep 19 2016 06:26
@jadefox10200 still not working
jadefox10200
@jadefox10200
Sep 19 2016 06:26
@OzairAshfaque

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

  h2 {
    font-family: Lobster, Monospace;
  }

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

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

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

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

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

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

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
Gary Soupene
@GSoupene
Sep 19 2016 06:26
@1XcoderX1 i need to have the class="pink-text" in my h1 element
jadefox10200
@jadefox10200
Sep 19 2016 06:27
@OzairAshfaque That code above passes the test so check to see if something else is wrong.
OzairAshfaque
@OzairAshfaque
Sep 19 2016 06:27
okay
Archit
@1XcoderX1
Sep 19 2016 06:27
If you mention in <style> this
OzairAshfaque
@OzairAshfaque
Sep 19 2016 06:27
thanks
Archit
@1XcoderX1
Sep 19 2016 06:27
h1 {
class: pink-text;
}
Picshulo
@Picshulo
Sep 19 2016 06:27
@1XcoderX1 No, it's wrong
Archit
@1XcoderX1
Sep 19 2016 06:28
then it will automatically add it to <h1>
jadefox10200
@jadefox10200
Sep 19 2016 06:28
@OzairAshfaque Sure.
OzairAshfaque
@OzairAshfaque
Sep 19 2016 06:28
@jadefox10200 Nope
Gary Soupene
@GSoupene
Sep 19 2016 06:28
yeah that didnt do it @1XcoderX1
jadefox10200
@jadefox10200
Sep 19 2016 06:29
@OzairAshfaque Then restart your browser. I just tested it so something else is wrong.
Tenrikz
@Tenrikz
Sep 19 2016 06:29
how do you send screenshots??
Gary Soupene
@GSoupene
Sep 19 2016 06:29
<style>
  body {
    background-color: black;
    font-family: Monospace;
    color: green;
  }
  h1 {
    class: pink-text;
  }  
</style>

<h1>Hello World!</h1>
Picshulo
@Picshulo
Sep 19 2016 06:29
@GSoupene <h1 class="pink-text"> is good.. but you have error inside your style element
jadefox10200
@jadefox10200
Sep 19 2016 06:29
@OzairAshfaque Make Dead Links using the Hash Symbol
That is the name of the challenge right?
OzairAshfaque
@OzairAshfaque
Sep 19 2016 06:29
@jadefox10200 lols yeah it worked
Yup it worked i refreshed my browser thanks mate
jadefox10200
@jadefox10200
Sep 19 2016 06:30
Sure.
Gary Soupene
@GSoupene
Sep 19 2016 06:30
@Picshulo how do i go about correcting that?
Archit
@1XcoderX1
Sep 19 2016 06:31
Here you go
Picshulo
@Picshulo
Sep 19 2016 06:31
@GSoupene i think you want to do it like this(don't remember instruction for this challenge)
<style>
.pink-text{
  color: pink;
}
</style>
Archit
@1XcoderX1
Sep 19 2016 06:31
@GSoupene
jenilevil
@jenilevil
Sep 19 2016 06:31
@jadefox10200 how to nest i element within buttton
Picshulo
@Picshulo
Sep 19 2016 06:31
if it won't work, tell me name of this challenge please
May
@xSpideyx
Sep 19 2016 06:32
let see if this works brownie points thanks @jadefox10200
CamperBot
@camperbot
Sep 19 2016 06:32
xspideyx sends brownie points to @jadefox10200 :sparkles: :thumbsup: :sparkles:
:cookie: 191 | @jadefox10200 |http://www.freecodecamp.com/jadefox10200
jenilevil
@jenilevil
Sep 19 2016 06:32
@Picshulo how to nest i element within buttton
Archit
@1XcoderX1
Sep 19 2016 06:32

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

</style>

<h1 style="color:pink;">Hello World!</h1>

jadefox10200
@jadefox10200
Sep 19 2016 06:32
@xSpideyx lol
May
@xSpideyx
Sep 19 2016 06:32
there it goes
Atdhe Kurteshi
@atdheekurteshi
Sep 19 2016 06:32
@1XcoderX1 Morning ..
Archit
@1XcoderX1
Sep 19 2016 06:32
you see you have to override the body text color using individual text style
jadefox10200
@jadefox10200
Sep 19 2016 06:33
@jenilevil Do you want just the straight answer or an explanation on how it works?
jenilevil
@jenilevil
Sep 19 2016 06:33
straight ans
May
@xSpideyx
Sep 19 2016 06:33
goodnight guys see ya tomorrow
jadefox10200
@jadefox10200
Sep 19 2016 06:33

@jenilevil Fair enough:

<button><i></i><button>

Gary Soupene
@GSoupene
Sep 19 2016 06:33
@Picshulo that was it thank you
CamperBot
@camperbot
Sep 19 2016 06:33
:cookie: 337 | @picshulo |http://www.freecodecamp.com/picshulo
gsoupene sends brownie points to @picshulo :sparkles: :thumbsup: :sparkles:
jadefox10200
@jadefox10200
Sep 19 2016 06:33
@xSpideyx C ya!
jenilevil
@jenilevil
Sep 19 2016 06:34
ok wait
jadefox10200
@jadefox10200
Sep 19 2016 06:34
@jenilevil You won;t be able to just copy paste it because it asks you to add some classes.
Archit
@1XcoderX1
Sep 19 2016 06:34
How should create some space between two images aligned horizontally ?
jadefox10200
@jadefox10200
Sep 19 2016 06:34
but that is how you do nesting. See how the <i> is inside the <button>?
jenilevil
@jenilevil
Sep 19 2016 06:35
they are saying add class=fa fa-thumbs-up
@jadefox10200
jadefox10200
@jadefox10200
Sep 19 2016 06:35
@1XcoderX1 <div class="col-md-1"> is how I did it but don't know if that's the best way.
the other way would be to add 5px margin left & right to img in css

@jenilevil

<button><i class="fa fa-thumbs-up"></i></button>

Archit
@1XcoderX1
Sep 19 2016 06:36
Yes, i was thinking aout this too. Thanks @jadefox10200
CamperBot
@camperbot
Sep 19 2016 06:36
1xcoderx1 sends brownie points to @jadefox10200 :sparkles: :thumbsup: :sparkles:
:warning: 1xcoderx1 already gave jadefox10200 points
Tenrikz
@Tenrikz
Sep 19 2016 06:37
anyone help me with these You need 2 p elements with Kitty Ipsum text.
Make sure each of your p elements has a closing tag.
Your p element should contain the first few words of the provided additional kitty ipsum text. Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%. I DIDN'T UNDERSTOOD
Sergii
@sergii-zhuravel
Sep 19 2016 06:40
@Tenrikz Hi. What is the issue?
Tenrikz
@Tenrikz
Sep 19 2016 06:41
i didnt know how to to give p elements font size
@sergey-zhuravel i didnt know how to to give p elements font size
Chris Cullen
@123xylem
Sep 19 2016 06:44
function cpuSeq() {
 setTimeout(function() { var ind = [Math.floor(Math.random() * choices.length)];
seq=choices[ind];    //seq is the value of random choice element


  $("#"+seq).trigger("click");
     console.log(cSeq + " cpu array" +pSeq);
 }, 1000);
 cSeq.push(seq);

  while(cSeq.length<10){
    cpuSeq();
  }
  //HOW DO I STOP CPU CLICK ADDING TO PLAYERCLICK ARRAY????? pSeq.shift();

}
  My simon game is progressing slowly.. Question is... How do i get my cpu to keep clicking itself without infi looping?
I have set this timout function that clicks and adds to an array on each click. It stops when the array is a certain length.. but this function just fills the array quickly and only clicks once... Any ideas?
Humaeed
@hdanik
Sep 19 2016 06:44
Can someone help with basic html.. I'm a newbie
Gary Soupene
@GSoupene
Sep 19 2016 06:45
gnight guys im getting off
Tenrikz
@Tenrikz
Sep 19 2016 06:45
Screenshot (75).png
i am having problem regarding to this anyone help please
Screenshot (75).png
Humaeed
@hdanik
Sep 19 2016 06:47
close your tages
tags*
The </p> you need that after the end of the text
Tenrikz
@Tenrikz
Sep 19 2016 06:49
i should close the p2 tags?
@hdanik
Humaeed
@hdanik
Sep 19 2016 06:50
Listen that <p2> change it to just <p>
no need
for writing p2
Vladimir
@OXJIAMOH
Sep 19 2016 06:51
@Tenrikz change your p2 tags to p , and font-size:16px; should be between curly braces { } and not after them
Humaeed
@hdanik
Sep 19 2016 06:51
<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>
Tenrikz
@Tenrikz
Sep 19 2016 06:51
oh ok thanks a bunch
Robert Ridley
@robertridley1988
Sep 19 2016 06:53

Hey everyone. I'm trying to access the user's nearest city for the local weather app. Here's the code I have so far:

//get client's ip address
$.getJSON('//freegeoip.net/json/?callback=?', function(data){
var items = (JSON.stringify(data, null, 2));
console.log(items);
var city = items["city"];
console.log(city);
});

The first console.log returns a nice object:

{
"ip": "210.13.83.19",
"country_code": "CN",
"country_name": "China",
"region_code": "31",
"region_name": "Shanghai",
"city": "Shanghai",
"zip_code": "",
"time_zone": "Asia/Shanghai",
"latitude": 31.0456,
"longitude": 121.3997,
"metro_code": 0
}

However, the second console.log returns 'undefined'. I'm not sure why.

faith
@faithcode80
Sep 19 2016 06:53
Hello roomies
Tenrikz
@Tenrikz
Sep 19 2016 06:55
@OXJIAMOH how should i give the p element the font size?
Vladimir
@OXJIAMOH
Sep 19 2016 06:56

@Tenrikz

.some-style {
font-size:10px;
color:white;
}

something like that

wewade
@wewade
Sep 19 2016 06:57
if anyone has completed the "give a background color to div element" can you give an idea of how it was done. I have worked with this for over an hour and i am out of ideas of how to complete this code.
Tenrikz
@Tenrikz
Sep 19 2016 06:57
ok thanks i'll give it a try @OXJIAMOH
CamperBot
@camperbot
Sep 19 2016 06:57
tenrikz sends brownie points to @oxjiamoh :sparkles: :thumbsup: :sparkles:
:cookie: 376 | @oxjiamoh |http://www.freecodecamp.com/oxjiamoh