These are chat archives for FreeCodeCamp/Help

16th
Feb 2016
Will Hoover
@ambacode
Feb 16 2016 00:05 UTC
Thanks @leftynaut for your help with Checkpoint: Profile Lookup
CamperBot
@camperbot
Feb 16 2016 00:05 UTC
ambacode sends brownie points to @leftynaut :sparkles: :thumbsup: :sparkles:
:star: 425 | @leftynaut | http://www.freecodecamp.com/leftynaut
Paula Del Rio
@pdelrio
Feb 16 2016 00:10 UTC
codepen is not letting log in using my github. Has anyone had that problem?
Shahariar Touhid
@shahariar50
Feb 16 2016 00:13 UTC
hello world
CamperBot
@camperbot
Feb 16 2016 00:13 UTC

welcome to FreeCodeCamp @shahariar50!

Shahariar Touhid
@shahariar50
Feb 16 2016 00:14 UTC
some1 help me
Christian
@Neralizer
Feb 16 2016 00:14 UTC
help! I'm stuck on the professional portfolio challenge
CamperBot
@camperbot
Feb 16 2016 00:14 UTC
no wiki entry for: im stuck on the professional portfolio challenge
Christian
@Neralizer
Feb 16 2016 00:15 UTC
there seems to be some fancy scrolling, and I don't know if we learned how to do that before in bootstrap
Craig Banach
@CraigBanach
Feb 16 2016 00:15 UTC
@Neralizer So don't do it.
Josh Fisk
@JoshFisk
Feb 16 2016 00:17 UTC
@Neralizer Knowing something can be done, is often all you need to find out how to do it.
idietmoran
@idietmoran
Feb 16 2016 00:17 UTC
@Neralizer you don't need to do the scrolling, but it's called parrallax if you want to google how to do it
Josh Fisk
@JoshFisk
Feb 16 2016 00:17 UTC
@Neralizer Use your search engine, a learners best friend
Brandon Keever
@B-Train04
Feb 16 2016 00:19 UTC
This worked, but it doesn't feel right. Any clue?

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

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

.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

lawrencebass
@lawrencebass
Feb 16 2016 00:21 UTC
What is the challenge wanting you to do? @B-Train04
Brandon Keever
@B-Train04
Feb 16 2016 00:21 UTC
add borders around your elements
the img tag with the classes
lawrencebass
@lawrencebass
Feb 16 2016 00:23 UTC
Just remove the coma separating the two classes from img @B-Train04
Brandon Keever
@B-Train04
Feb 16 2016 00:23 UTC
Thanks! @lawrencebass
CamperBot
@camperbot
Feb 16 2016 00:23 UTC
b-train04 sends brownie points to @lawrencebass :sparkles: :thumbsup: :sparkles:
:star: 326 | @lawrencebass | http://www.freecodecamp.com/lawrencebass
lawrencebass
@lawrencebass
Feb 16 2016 00:23 UTC
No problem @B-Train04
Keep in mind that you can assign as many classes as you want, just separate them with a single space no comas needed @B-Train04
Shahariar Touhid
@shahariar50
Feb 16 2016 00:27 UTC
(Use the Bootstrap Grid to Put Elements Side By Side) this is my positiom........please help me...........
lawrencebass
@lawrencebass
Feb 16 2016 00:37 UTC
@shahariar50 You need to first understand how Bootstrap's 12-column grid layout works. Look up some stuff about it online. For this challenge it wants you create a div with class row, then give it three columns "col-xs-4" example:
<div class="row">
     <div class="col-xs-4">
            //Put stuff here
      </div>

      <div class="col-xs-4">
            //Put stuff here
      </div>

      <div class="col-xs-4">
             //Put stuff here
      </div>
</div>
Brandon Keever
@B-Train04
Feb 16 2016 00:38 UTC
The page keeps saying - Oops! Something went wrong. Please try again later - after I complete something.
lawrencebass
@lawrencebass
Feb 16 2016 00:41 UTC
The website has been buggy lately, I think they're working on fixing that issue @B-Train04
aldorey
@aldorey
Feb 16 2016 00:41 UTC
@B-Train04 me too!
Aaron Andino
@zhunterzz
Feb 16 2016 00:49 UTC
how can I center a div, but not center the content in it?
Brandon Keever
@B-Train04
Feb 16 2016 00:49 UTC
put a class or id in it
Aaron Andino
@zhunterzz
Feb 16 2016 00:49 UTC
and use bootstrap to "center-text" ?
or just center the class or id with css
Tony
@Rogers187
Feb 16 2016 00:50 UTC
Can some one help with this? It's Nest both of your div elements with the class "col-xs-6" within your div element with the class "row".
It's on create bootstrap well
lawrencebass
@lawrencebass
Feb 16 2016 00:52 UTC
@Rogers187 What that means is:
<div class="row">
    <div class="col-xs-6">
    </div>
    <div class="col-xs-6">
    </div>
</div>
Tony
@Rogers187
Feb 16 2016 00:54 UTC
@lawrencebass ok I'll see if I can get it
Brandon Keever
@B-Train04
Feb 16 2016 00:54 UTC
what is a bootstrap
Tony
@Rogers187
Feb 16 2016 00:59 UTC

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

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

  </div>
  </div>
  </div>
</div>'

'''

CamperBot
@camperbot
Feb 16 2016 00:59 UTC
:bulb: to format code use backticks! ``` more info
Tony
@Rogers187
Feb 16 2016 00:59 UTC
@lawrencebass what's wrong with this?
Abdul Qoyyuum
@Qoyyuum
Feb 16 2016 01:00 UTC
@Rogers187 your first div class well isn't surrounded by the div class col-xs-6
Your second div class well is valid @Rogers187
kascoding
@kascoding
Feb 16 2016 01:01 UTC
can you check my mistakes

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

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

Brian
@sludge256
Feb 16 2016 01:01 UTC
color: blue;
Also, don't delete the h2 element just delete the style part that was inisde the first tag
Abdul Qoyyuum
@Qoyyuum
Feb 16 2016 01:01 UTC
It should show something like this:
<div class="col-xs-6"><div class="well"></div></div>
kascoding
@kascoding
Feb 16 2016 01:02 UTC
thanks
Abdul Qoyyuum
@Qoyyuum
Feb 16 2016 01:02 UTC

Or more if you want it looking shorter with indents, it would like:

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

@Rogers187

I use this it this way so I can tell what was opened and see if it was closed properly within the same indent space
David Enos
@bluedangerforyou
Feb 16 2016 01:09 UTC
Hi guys, can someone offer some help or advice on how I would go about something?
Tony
@Rogers187
Feb 16 2016 01:09 UTC
@Qoyyuum Thanks it worked. I like that way better.
CamperBot
@camperbot
Feb 16 2016 01:09 UTC
rogers187 sends brownie points to @qoyyuum :sparkles: :thumbsup: :sparkles:
:star: 111 | @qoyyuum | http://www.freecodecamp.com/qoyyuum
David Enos
@bluedangerforyou
Feb 16 2016 01:09 UTC
It involves my first front end project
Abdul Qoyyuum
@Qoyyuum
Feb 16 2016 01:09 UTC
Sure, what's up @bluedangerforyou ?
David Enos
@bluedangerforyou
Feb 16 2016 01:10 UTC
here is my prjoect
I have images on left side, but I want to add paragraphs on right side to fill in the black space
like bullet points but my issue is that images are on left, maybe float them????
Abdul Qoyyuum
@Qoyyuum
Feb 16 2016 01:12 UTC
There are 3 ways to go about it.
  1. Use Twitter Bootstrap and add div columns that split the content into 2 or;
  2. Use table or;
  3. Make your own column div split
Which would you like to try? @bluedangerforyou
David Enos
@bluedangerforyou
Feb 16 2016 01:14 UTC
@Qoyyuum which option is better? not in ease, but what are benefits of each?
Aaron Andino
@zhunterzz
Feb 16 2016 01:14 UTC
How can I get my middle <ul> to be aligned to the center of the page, but the <li> left aligned? http://codepen.io/zhunterzz/pen/obVZYV
Alex N.
@N0bl3
Feb 16 2016 01:14 UTC
@bluedangerforyou @Qoyyuum what about float:left; ?
@zhunterzz what do you mean ? you want to put the years on the left?
David Enos
@bluedangerforyou
Feb 16 2016 01:16 UTC
the images shown on my pen, all are indiviual, will it matter if I float them or will it scramble my text?
Aaron Andino
@zhunterzz
Feb 16 2016 01:16 UTC
@N0bl3 yes, I want the years to be aligned left, but not at the edge of the page
Alex N.
@N0bl3
Feb 16 2016 01:16 UTC
@bluedangerforyou you should try ! It's good to see by yourself :)
David Enos
@bluedangerforyou
Feb 16 2016 01:16 UTC
@N0bl3 thanks!
CamperBot
@camperbot
Feb 16 2016 01:16 UTC
bluedangerforyou sends brownie points to @n0bl3 :sparkles: :thumbsup: :sparkles:
:star: 155 | @n0bl3 | http://www.freecodecamp.com/n0bl3
Aaron Andino
@zhunterzz
Feb 16 2016 01:17 UTC
I found a way earlier, but it didn't scale with the page responsively
David Enos
@bluedangerforyou
Feb 16 2016 01:17 UTC
@Qoyyuum thanks for options!
CamperBot
@camperbot
Feb 16 2016 01:17 UTC
bluedangerforyou sends brownie points to @qoyyuum :sparkles: :thumbsup: :sparkles:
:star: 112 | @qoyyuum | http://www.freecodecamp.com/qoyyuum
Alex N.
@N0bl3
Feb 16 2016 01:17 UTC
@bluedangerforyou when you float elements, it is really like it is living its life without the others :) Maybe send the new pen,
@zhunterzz are you using bootstrap or foundation,
Aaron Andino
@zhunterzz
Feb 16 2016 01:18 UTC
trying to use bootstrap if possible
Alex N.
@N0bl3
Feb 16 2016 01:21 UTC
@zhunterzz did you try somethin in css like ul:after{} ?
Aaron Andino
@zhunterzz
Feb 16 2016 01:21 UTC
I have not
I'm not familiar with after
Alex N.
@N0bl3
Feb 16 2016 01:21 UTC
thinking about it it won't work
Aaron Andino
@zhunterzz
Feb 16 2016 01:21 UTC
lol
Alex N.
@N0bl3
Feb 16 2016 01:21 UTC
bacause each li element have his own num
Aaron Andino
@zhunterzz
Feb 16 2016 01:22 UTC
right
Alex N.
@N0bl3
Feb 16 2016 01:22 UTC
i have an idea: you could use two divs with float
Aaron Andino
@zhunterzz
Feb 16 2016 01:22 UTC
would that do it?
if I left align, it works just fine, all aligned
but jsut isn't in the center of the page
Alex N.
@N0bl3
Feb 16 2016 01:23 UTC
one div with the years and one div with the content
Aaron Andino
@zhunterzz
Feb 16 2016 01:23 UTC
yeah
Alex N.
@N0bl3
Feb 16 2016 01:23 UTC
if you're using boootstrap it's easy with grid
even better with foundation imho (my favourite CSS framework ;) )
Aaron Andino
@zhunterzz
Feb 16 2016 01:24 UTC
yeah, thats true, I could just do that
I'll give that a shot
@N0bl3 thanks for the brainstorming!
CamperBot
@camperbot
Feb 16 2016 01:25 UTC
zhunterzz sends brownie points to @n0bl3 :sparkles: :thumbsup: :sparkles:
:star: 158 | @n0bl3 | http://www.freecodecamp.com/n0bl3
David Enos
@bluedangerforyou
Feb 16 2016 01:27 UTC
so i fgloated the img with css and it looks interesting, but once it is floated, what do I do with my text?
was this suppose to happen?
i need to make responsive for this window :worried:
LinkHylianess
@LinkHylianess
Feb 16 2016 01:31 UTC
HI
David Enos
@bluedangerforyou
Feb 16 2016 01:31 UTC
@LinkHylianess hi
Lucas Dalmarco
@dalmarcolucas
Feb 16 2016 01:32 UTC
hi, im in exercise 26, "Create an a element that links to http://freecatphotoapp.com and has "cat photos" as its anchor text." I have the following code:
<a href="http://freecatphotoapp.com">cat photos</a>
where I am missing?
Cristián Berríos
@crisberrios
Feb 16 2016 01:34 UTC
syntax is fine
maybe you put it on the wrong part, or deleted something else?
could you link the exercise url?
Wadson Espindola
@huskynation
Feb 16 2016 01:36 UTC
Would like to implement a timer in a new Rails Project I’m working on, any ideas? Similar to a “play button”...
Lucas Dalmarco
@dalmarcolucas
Feb 16 2016 01:36 UTC
http://www.freecodecamp.com/challenges/link-to-external-pages-with-anchor-elements#?solution=%3Clink%20href%3D%22http%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%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%20rip%20the%20couch%20scratched%20sunbathe%2C%20shed%20everywhere%20rip%20the%20couch%20sleep%20in%20the%20sink%20fluffy%20fur%20catnip%20scratched.%3C%2Fp%3E%0A%0A%3C%3E%3Ca%20href%3D%22http%3A%2F%2Ffreecatphotoapp.com%22%3Ecat%20photos%20%3C%2Fa%3E
Haroon Ghawsi
@HaroonGhawsi
Feb 16 2016 01:39 UTC
Hi guys, How to upload images in codepen.io?
Lucas Dalmarco
@dalmarcolucas
Feb 16 2016 01:40 UTC
now worked .. I just reseted the exercise.. :O tks anyway
Davisja
@Davisja
Feb 16 2016 01:42 UTC
Guys I'm stuck on the challenge: Give a background color to a div element. Here is what I have: <div class="gray-backgound">
<style>
.gray-background {
background-color: gray;
}
</style>
</div>
Franco Zapata
@Francozt01
Feb 16 2016 01:43 UTC
@Davisja show ur full code
Luciano Hakime Dutra
@lucianohd
Feb 16 2016 01:43 UTC
you wrote backgound
instead of background :D
it should match the name @Davisja
Franco Zapata
@Francozt01
Feb 16 2016 01:44 UTC
that's right
also as far as i can see he has the style tags inside the div he wants to change xd
Davisja
@Davisja
Feb 16 2016 01:45 UTC
yep, your right. thanks
Franco Zapata
@Francozt01
Feb 16 2016 01:45 UTC
your style tags should be over the body tag and not inside a element
Luciano Hakime Dutra
@lucianohd
Feb 16 2016 01:45 UTC
@Davisja np :D
Aaron Andino
@zhunterzz
Feb 16 2016 01:46 UTC
@N0bl3 only thing is that when I scale the page, it starts stacking and so it goes to left aligned
Alex N.
@N0bl3
Feb 16 2016 01:47 UTC
@zhunterzz you can also use column offsetting rather than putting empty div and this is responsive too
Franco Zapata
@Francozt01
Feb 16 2016 01:47 UTC
<style>
 CSS Code goes here
</style>

<body>

  Content

</body>
@Davisja
Aaron Andino
@zhunterzz
Feb 16 2016 01:48 UTC
@N0bl3 I'm not sure what you mean, could you give me an example?
Alex N.
@N0bl3
Feb 16 2016 01:48 UTC
@zhunterzz it might be because you use md settings, when your design should be mobile first meaning you should use xssetting then if you want, adjust sm then adjust for md etc...
Aaron Andino
@zhunterzz
Feb 16 2016 01:49 UTC
hmm ok, i'll try that
Franco Zapata
@Francozt01
Feb 16 2016 01:49 UTC
@zhunterzz nice tribute page Street Fighter :+1:
Aaron Andino
@zhunterzz
Feb 16 2016 01:49 UTC
@Francozt01 lol, first thing that came to mind
Franco Zapata
@Francozt01
Feb 16 2016 01:49 UTC
xD
Devi
@Devi999
Feb 16 2016 01:50 UTC
nothing worked tried including the space
Alex N.
@N0bl3
Feb 16 2016 01:50 UTC
@zhunterzz
<div class="col-md-3 col-md-offset-3">Content</div>
is the same as
<div class="col-md-3"></div>
<div class="col-md-3">Content</div>
Aaron Andino
@zhunterzz
Feb 16 2016 01:51 UTC
ahh ok. wasn't familiar with the offset syntax, thanks @N0bl3
CamperBot
@camperbot
Feb 16 2016 01:51 UTC
zhunterzz sends brownie points to @n0bl3 :sparkles: :thumbsup: :sparkles:
:warning: zhunterzz already gave n0bl3 points
mjqblade
@mjqblade
Feb 16 2016 01:53 UTC
<style>
  body {
    background-color: #000000;
  }
</style>
HELP PLZ ON LEVEL 60
Craig Banach
@CraigBanach
Feb 16 2016 01:53 UTC
@mjqblade what about it/
Alex N.
@N0bl3
Feb 16 2016 01:53 UTC
@zhunterzz there's also a syntax to center your column in the row using onnly one div like previously
mjqblade
@mjqblade
Feb 16 2016 01:54 UTC

@cragsify it says Your body element should have the background-color of white. and another one is

Use the hex code for the color white instead of the word white. For example body { color: #FFFFFF; }
Craig Banach
@CraigBanach
Feb 16 2016 01:54 UTC
@mjqblade ok, what is the hex-code for white?
Aaron Andino
@zhunterzz
Feb 16 2016 01:54 UTC
@N0bl3 oh.... offsets on either side?
mjqblade
@mjqblade
Feb 16 2016 01:54 UTC

FFFFFF

.ffffff

Craig Banach
@CraigBanach
Feb 16 2016 01:55 UTC
@mjqblade so have you tried that?
mjqblade
@mjqblade
Feb 16 2016 01:55 UTC
\its # and fff
can u show me plz
Craig Banach
@CraigBanach
Feb 16 2016 01:55 UTC
<style>
  body {
    background-color: #ffffff;
  }
</style>
Aaron Andino
@zhunterzz
Feb 16 2016 01:55 UTC
@N0bl3 worked, sweet. Thanks.
CamperBot
@camperbot
Feb 16 2016 01:55 UTC
zhunterzz sends brownie points to @n0bl3 :sparkles: :thumbsup: :sparkles:
:warning: zhunterzz already gave n0bl3 points
mjqblade
@mjqblade
Feb 16 2016 01:55 UTC
oh there thx
Alex N.
@N0bl3
Feb 16 2016 01:56 UTC
@zhunterzz my bad though, syntax for centering is in foundation
Maulik Darji
@maulikdarji
Feb 16 2016 01:56 UTC
How is this working for your location?
http://codepen.io/maulikdarji/full/QyqOKg
Luke Mroz
@lukemroz
Feb 16 2016 01:56 UTC
In the tribute page exercise, how are we supposed to upload an image to codepen.io?
Aaron Andino
@zhunterzz
Feb 16 2016 01:56 UTC
@N0bl3 no problem. Im sure i'll learn that someday.
Craig Banach
@CraigBanach
Feb 16 2016 01:56 UTC
@lukemroz You're not.
Alex N.
@N0bl3
Feb 16 2016 01:56 UTC
@maulikdarji working great! though i don't want to know it 5°C aha
Maulik Darji
@maulikdarji
Feb 16 2016 01:57 UTC
@N0bl3 :+1:
Luke Mroz
@lukemroz
Feb 16 2016 01:57 UTC
we are supposed to link to someone else;s photo on the web? isnt that considered bad form
Maulik Darji
@maulikdarji
Feb 16 2016 01:58 UTC
@lukemroz you can upload your photo to some free image hosting site, and link it to your pen
Craig Banach
@CraigBanach
Feb 16 2016 01:58 UTC
@lukemroz ^^ what he said.
Luke Mroz
@lukemroz
Feb 16 2016 01:58 UTC
got it thanks
Maulik Darji
@maulikdarji
Feb 16 2016 01:58 UTC
@lukemroz imgur.com is good
Craig Banach
@CraigBanach
Feb 16 2016 01:58 UTC
@maulikdarji Why did you use getJSON instead of get?
Alex N.
@N0bl3
Feb 16 2016 01:59 UTC
@lukemroz link to wikipedia is ok? or isn"t it?
Maulik Darji
@maulikdarji
Feb 16 2016 01:59 UTC
@cragsify because the API returns in the JSON format
Luke Mroz
@lukemroz
Feb 16 2016 01:59 UTC
no idea
philipsiu
@philipsiu
Feb 16 2016 02:02 UTC
Hi. Can anyone help me with the Basic JavaScript -> Profile Lookup challenge?
Franco Zapata
@Francozt01
Feb 16 2016 02:02 UTC
@maulikdarji its ok, though the app says the area as a part of the city where i live but not the city itself
Craig Banach
@CraigBanach
Feb 16 2016 02:02 UTC
@philthyfill Sure, post your code.
help format
CamperBot
@camperbot
Feb 16 2016 02:02 UTC

:point_right: code formatting [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

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

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

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

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

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

Maulik Darji
@maulikdarji
Feb 16 2016 02:03 UTC
@Francozt01 where are you from?
Franco Zapata
@Francozt01
Feb 16 2016 02:04 UTC
@maulikdarji Venezuela
Maulik Darji
@maulikdarji
Feb 16 2016 02:05 UTC
@Francozt01 The APP just displays, whatever the openweather API returns
philipsiu
@philipsiu
Feb 16 2016 02:06 UTC
function lookUp(firstName, prop){ // Only change code below this line for (var i = 0; i < contacts.length; i++) { for (var j = 0; j < contacts[i].length; j++) { if (firstName == contacts[i][j].firstName && prop == contacts[i][j].lastName) { return contacts[i][j].lastName; } } } // Only change code above this line }
Craig Banach
@CraigBanach
Feb 16 2016 02:06 UTC
@philthyfill use
code goes here
@philthyfill use ```
code goes here
philipsiu
@philipsiu
Feb 16 2016 02:07 UTC
function lookUp(firstName, prop){ // Only change code below this line for (var i = 0; i < contacts.length; i++) { for (var j = 0; j < contacts[i].length; j++) { if (firstName == contacts[i][j].firstName && prop == contacts[i][j].lastName) { return contacts[i][j].lastName; } } } // Only change code above this line }
Aaron Andino
@zhunterzz
Feb 16 2016 02:07 UTC
LOL
Franco Zapata
@Francozt01
Feb 16 2016 02:07 UTC
@maulikdarji its not a problem, its just an area inside my city instead the name of the city not a big deal
Craig Banach
@CraigBanach
Feb 16 2016 02:07 UTC
@philthyfill three ticks, then new line, then code, then new line, then 3 ticks
Maulik Darji
@maulikdarji
Feb 16 2016 02:07 UTC
@Francozt01 okey, :+1:
philipsiu
@philipsiu
Feb 16 2016 02:08 UTC
function lookUp(firstName, prop){
// Only change code below this line
  for (var i = 0; i < contacts.length; i++) {
    for (var j = 0; j < contacts[i].length; j++) {
      if (firstName == contacts[i][j].firstName && prop == contacts[i][j].lastName) {
        return contacts[i][j].lastName;
      }
    }
  }
// Only change code above this line
}
Craig Banach
@CraigBanach
Feb 16 2016 02:09 UTC
@philthyfill Ok, what's your question?
Alex N.
@N0bl3
Feb 16 2016 02:10 UTC
@zhunterzz LOL what? lol
Aaron Andino
@zhunterzz
Feb 16 2016 02:10 UTC
oh it was person fighting the code formatting
philipsiu
@philipsiu
Feb 16 2016 02:11 UTC
@cragsify I'm trying to iterate through the contacts objects. If the function values match, it should return the lastname object
Craig Banach
@CraigBanach
Feb 16 2016 02:12 UTC
@philthyfill your if statement will never be true, if i and j are 0, then contacts[0][0] == "Akira"and "Akira" has no firstName property.
@philthyfill Infact, contacts[0][0] is undefined.
@philthyfill so has no firstName property.
Vamsidhar Reddy Bada
@vamsidharBada
Feb 16 2016 02:17 UTC
<nav class="navbar navbar-inverse navbar-fixed-top ">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#Navbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

<a class="navbar-brand" href="#" target="_blank">Vamsidhar
</a>
</div>
<div class="collapse navbar-collapse" id="Navbar">
<ul class="nav navbar-nav right-nav ">
<li ><a href="#">Home</a></li>
<li><a href="#about_id">About</a></li>
<li><a href="#portfolio_id">Portfolio</a></li>
<li><a href="#contact_id">Contact</a></li>
</ul>
</div>
</div>
</nav>
Craig Banach
@CraigBanach
Feb 16 2016 02:17 UTC
@vamsidhar2mp help format
help format
CamperBot
@camperbot
Feb 16 2016 02:17 UTC

:point_right: code formatting [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

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

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

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

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

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

philipsiu
@philipsiu
Feb 16 2016 02:17 UTC
@cragsify Hmm... Where should I begin? My first for loop looks through the entire object, and the second for loop goes through the each subobject.
Craig Banach
@CraigBanach
Feb 16 2016 02:17 UTC
@philthyfill Why are you going through each sub-object?
Vamsidhar Reddy Bada
@vamsidharBada
Feb 16 2016 02:18 UTC

‘''<nav class="navbar navbar-inverse navbar-fixed-top ">

<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#Navbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

    <a class="navbar-brand" href="https://in.linkedin.com/in/vamsidharbada" target="_blank">Vamsidhar
    </a>
  </div>

<div class="collapse navbar-collapse" id="Navbar">
<ul class="nav navbar-nav right-nav ">
<li ><a href="#">Home</a></li>
<li><a href="#about_id">About</a></li>
<li><a href="#portfolio_id">Portfolio</a></li>
<li><a href="#contact_id">Contact</a></li>
</ul>
</div>
</div>
</nav>’''

Craig Banach
@CraigBanach
Feb 16 2016 02:18 UTC
@philthyfill Well actually, your second loop doesn't do that becuase it's broken, but why do you desire to,
@vamsidhar2mp backticks, next to the 1 key.
Maulik Darji
@maulikdarji
Feb 16 2016 02:19 UTC
@vamsidhar2mp whats the issue?
Catherine Kim
@Catherinesjkim
Feb 16 2016 02:19 UTC
Hello World!
CamperBot
@camperbot
Feb 16 2016 02:19 UTC

welcome to FreeCodeCamp @Catherinesjkim!

philipsiu
@philipsiu
Feb 16 2016 02:19 UTC
@cragsify I'm probably wrong, but what I'm thinking is the first loop goes through the entire object list and then the second loop tries to find the match for the first value in the function.
Vamsidhar Reddy Bada
@vamsidharBada
Feb 16 2016 02:20 UTC
My collapsed navbar is not targetting my navbar
Catherine Kim
@Catherinesjkim
Feb 16 2016 02:20 UTC
I am having an issue with Line up Form Elements Responsively with Bootstrap
Vamsidhar Reddy Bada
@vamsidharBada
Feb 16 2016 02:20 UTC
Catherine Kim
@Catherinesjkim
Feb 16 2016 02:20 UTC
<div class="row">
<div class="col-xs-7"><input type="text" class="form-control" placeholder="cat photo URL" required></div>
<div class="col-xs-5"><button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Submit</button></div>
</div>
</form>
Craig Banach
@CraigBanach
Feb 16 2016 02:21 UTC

@philthyfill What you should do, is once you have an individual contact,

"firstName": "Akira",
        "lastName": "Laine",
        "number": "0543236543",
        "likes": ["Pizza", "Coding", "Brownie Points"]

then, you should do contacts[i].firstName.

@philthyfill And that way you can test the firsName of the contacts entry.
@Catherinesjkim
help format
CamperBot
@camperbot
Feb 16 2016 02:21 UTC

:point_right: code formatting [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

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

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

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

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

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

Craig Banach
@CraigBanach
Feb 16 2016 02:22 UTC
@Catherinesjkim Ok, can you format your code according to camperbot?
Ryan R.
@Valancia
Feb 16 2016 02:23 UTC
<form action="/submit-cat-photo" >
<div class="row">
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
</div>
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
</div>
</div>
<div class="row">
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Loving</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Lazy</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Crazy</label>
</div>
</div>
<input type="text" placeholder="cat photo URL" required>

<button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i>Submit</button>

</form>
whoops
Vamsidhar Reddy Bada
@vamsidharBada
Feb 16 2016 02:23 UTC

`<nav class="navbar navbar-inverse navbar-fixed-top ">

<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#Navbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

    <a class="navbar-brand" href="#" target="_blank">Vamsidhar
    </a>
  </div>

<div class="collapse navbar-collapse" id="Navbar">
<ul class="nav navbar-nav right-nav ">
<li ><a href="#">Home</a></li>
<li><a href="#about_id">About</a></li>
<li><a href="#portfolio_id">Portfolio</a></li>
<li><a href="#contact_id">Contact</a></li>
</ul>
</div>
</div>
</nav>`

Catherine Kim
@Catherinesjkim
Feb 16 2016 02:26 UTC
<div class="row">
<div class="col-xs-7"><input type="text" class="form-control" placeholder="cat photo URL" required></div>
<div class="col-xs-5"><button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Submit</button></div>
</div>
</form>
'<div class="row">
<div class="col-xs-7"><input type="text" class="form-control" placeholder="cat photo URL" required></div>
<div class="col-xs-5"><button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Submit</button></div>
</div>
</form> '
Maulik Darji
@maulikdarji
Feb 16 2016 02:26 UTC
@vamsidhar2mp code looks good
philipsiu
@philipsiu
Feb 16 2016 02:27 UTC
@cragsify Thx. I'm gonna try to break the question down into sections to see if I can get anything from the code I write.
CamperBot
@camperbot
Feb 16 2016 02:27 UTC
philthyfill sends brownie points to @cragsify :sparkles: :thumbsup: :sparkles:
:star: 299 | @cragsify | http://www.freecodecamp.com/cragsify
Maulik Darji
@maulikdarji
Feb 16 2016 02:27 UTC
@Catherinesjkim whats the issue?
Vamsidhar Reddy Bada
@vamsidharBada
Feb 16 2016 02:27 UTC
@maulikdarji When browser is minimized the navbar collapses. But the collapsed navbar is not targetting the original navbar
Catherine Kim
@Catherinesjkim
Feb 16 2016 02:27 UTC
it keeps telling me: "Make sure each of your div elements has a closing tag"
but they already do
Craig Banach
@CraigBanach
Feb 16 2016 02:28 UTC
@Catherinesjkim ok can you post your entire code in-between a set of three back-ticks (``` - the key next to 1).
@Catherinesjkim with a new line after & before each set of back-ticks
Maulik Darji
@maulikdarji
Feb 16 2016 02:30 UTC
@vamsidhar2mp yeah, i see that
Catherine Kim
@Catherinesjkim
Feb 16 2016 02:31 UTC

-```- h2 {
font-family: Lobster, Monospace;
}

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

</style>

<div class="container-fluid">
<div class="row">
<div class="col-xs-8">
<h2 class="text-primary text-center">CatPhotoApp</h2>
</div>
<div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>
</div>
</div>
<img src="http://bit.ly/fcc-running-cats" class="img-responsive">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
<p>Things cats <span class="text-danger">love:</span></p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<div class="row">
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Indoor</label></div>
</div>

<div class="col-xs-6">
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label></div>


<div class="row">
  <div class="col-xs-4">
    <label><input type="checkbox" name="personality"> Loving</label></div>
  </div>

  <div class="col-xs-4">
    <label><input type="checkbox" name="personality"> Lazy</label></div>


  <div class="col-xs-4">
    <label><input type="checkbox" name="personality"> Crazy</label></div>

<div class="row">
<div class="col-xs-7"><input type="text" class="form-control" placeholder="cat photo URL" required></div>
<div class="col-xs-5"><button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Submit</button></div>
</div>
</form>

Craig Banach
@CraigBanach
Feb 16 2016 02:31 UTC
h2 {
font-family: Lobster, Monospace;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}
</style>
<div class="container-fluid">
<div class="row">
<div class="col-xs-8">
<h2 class="text-primary text-center">CatPhotoApp</h2>
</div>
<div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>
</div>
</div>
<img src="http://bit.ly/fcc-running-cats" class="img-responsive">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
<p>Things cats <span class="text-danger">love:</span></p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<div class="row">
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Indoor</label></div>
</div>
<div class="col-xs-6">
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label></div>


<div class="row">
  <div class="col-xs-4">
    <label><input type="checkbox" name="personality"> Loving</label></div>
  </div>

  <div class="col-xs-4">
    <label><input type="checkbox" name="personality"> Lazy</label></div>


  <div class="col-xs-4">
    <label><input type="checkbox" name="personality"> Crazy</label></div>
<div class="row">
<div class="col-xs-7"><input type="text" class="form-control" placeholder="cat photo URL" required></div>
<div class="col-xs-5"><button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Submit</button></div>
</div>
</form>
@Catherinesjkim You haven't closed you container-fluid div.,
Catherine Kim
@Catherinesjkim
Feb 16 2016 02:34 UTC
Got it. Thank you @cragsify!
CamperBot
@camperbot
Feb 16 2016 02:34 UTC
catherinesjkim sends brownie points to @cragsify :sparkles: :thumbsup: :sparkles:
:star: 300 | @cragsify | http://www.freecodecamp.com/cragsify
Maulik Darji
@maulikdarji
Feb 16 2016 02:37 UTC
@vamsidhar2mp include bootstrap in javascript
Vamsidhar Reddy Bada
@vamsidharBada
Feb 16 2016 02:38 UTC
@maulikdarji Thanq. But how did that affect that? I added Bootstrap in css.
Maulik Darji
@maulikdarji
Feb 16 2016 02:39 UTC
@vamsidhar2mp collapse is JS event, so it requires bootstrap.js too!
Vamsidhar Reddy Bada
@vamsidharBada
Feb 16 2016 02:39 UTC
@maulikdarji Okay :smile: Thnq bro
Maulik Darji
@maulikdarji
Feb 16 2016 02:40 UTC
@vamsidhar2mp no problom :smile:
Jessie Watson Jr.
@jayjessiemanok
Feb 16 2016 02:46 UTC
Hey campers, I need help, how do you center text?
in html
Craig Banach
@CraigBanach
Feb 16 2016 02:47 UTC
@jayjessiemanok <center></center>
Jessie Watson Jr.
@jayjessiemanok
Feb 16 2016 02:47 UTC
Thanks @cragsify
CamperBot
@camperbot
Feb 16 2016 02:47 UTC
jayjessiemanok sends brownie points to @cragsify :sparkles: :thumbsup: :sparkles:
:star: 301 | @cragsify | http://www.freecodecamp.com/cragsify
Jessie Watson Jr.
@jayjessiemanok
Feb 16 2016 02:48 UTC
@cragsify how do you add background color with rounded edges
Craig Banach
@CraigBanach
Feb 16 2016 02:48 UTC
@jayjessiemanok background-color:
border-radius:
in css
Jessie Watson Jr.
@jayjessiemanok
Feb 16 2016 02:48 UTC
Thanks @cragsify
CamperBot
@camperbot
Feb 16 2016 02:48 UTC
jayjessiemanok sends brownie points to @cragsify :sparkles: :thumbsup: :sparkles:
:warning: jayjessiemanok already gave cragsify points
Carl J. Kashnier
@CarlJKashnier
Feb 16 2016 02:49 UTC
Anyone else on the map getting the "Something went wrong. Please try again later.
Matt Leonard
@matty22
Feb 16 2016 02:50 UTC
@TheDukeOfAwesome Yes, it's a known bug.
Carl J. Kashnier
@CarlJKashnier
Feb 16 2016 02:51 UTC
@matty22 Thank you, I am getting a ton of those errors so, I just wanted to make sure it wasn't a chrome extension.
CamperBot
@camperbot
Feb 16 2016 02:51 UTC
thedukeofawesome sends brownie points to @matty22 :sparkles: :thumbsup: :sparkles:
:star: 408 | @matty22 | http://www.freecodecamp.com/matty22
Jessie Watson Jr.
@jayjessiemanok
Feb 16 2016 02:52 UTC
@cragsify My background didn't change. Do I have to change something else?
What do I have to do to make rounded edges?
philipsiu
@philipsiu
Feb 16 2016 02:54 UTC
@cragsify function lookUp(firstName, prop){ // Only change code below this line for (var i = 0; i < contacts.length; i++) { if (firstName == contacts[i].firstName && prop == "lastName") { return contacts[i].lastName; } else if (firstName == contacts[i].firstName && prop == "likes") { return contacts[i].likes; } else if (firstName !== contacts[i].firstName) { return "No such contact"; } }
function lookUp(firstName, prop){
// Only change code below this line
  for (var i = 0; i < contacts.length; i++) {
    if (firstName == contacts[i].firstName && prop == "lastName") {
      return contacts[i].lastName;
    } else if (firstName == contacts[i].firstName && prop == "likes") {
      return contacts[i].likes;
    } else if (firstName !== contacts[i].firstName) {
      return "No such contact";
    }
  }
David Enos
@bluedangerforyou
Feb 16 2016 02:55 UTC
I just completed my first project: build a tribute page. Can you guys check it out and tell me what you think?
Alexander Køpke
@alexanderkopke
Feb 16 2016 02:55 UTC
@jayjessiemanok what do the instructions of the left say?
philipsiu
@philipsiu
Feb 16 2016 02:57 UTC
@cragsify So my last elseif statement says if the firstName value doesn't match an objects firstName it should return a string. However, when I plug two values into the function that are related to objects it skips all the if statements and returns true for the last statement.
Alex N.
@N0bl3
Feb 16 2016 02:57 UTC
@bluedangerforyou you got it ! I'm not a fan of the colors but you got a nice layout and it's original so good job!
Jessie Watson Jr.
@jayjessiemanok
Feb 16 2016 02:58 UTC
@alexanderkopke There are no instructions. I'm making my tribute page.
David Enos
@bluedangerforyou
Feb 16 2016 02:58 UTC
@N0bl3 thanks!
CamperBot
@camperbot
Feb 16 2016 02:58 UTC
bluedangerforyou sends brownie points to @n0bl3 :sparkles: :thumbsup: :sparkles:
:star: 161 | @n0bl3 | http://www.freecodecamp.com/n0bl3
Alexander Køpke
@alexanderkopke
Feb 16 2016 02:58 UTC
@bluedangerforyou Cute and fun to look at. I like it :)
David Enos
@bluedangerforyou
Feb 16 2016 02:58 UTC
I ended up not using floats, but columns and unordered list
Alexander Køpke
@alexanderkopke
Feb 16 2016 02:58 UTC
@jayjessiemanok ah sorry. I didn't realize
David Enos
@bluedangerforyou
Feb 16 2016 02:58 UTC
@alexanderkopke thank you!
CamperBot
@camperbot
Feb 16 2016 02:59 UTC
:star: 475 | @alexanderkopke | http://www.freecodecamp.com/alexanderkopke
bluedangerforyou sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
David Enos
@bluedangerforyou
Feb 16 2016 02:59 UTC
html5 w3schools helped a bunch
Alex N.
@N0bl3
Feb 16 2016 03:00 UTC
@bluedangerforyou in most cases it's safer to use colums as there's the whole bootstrap organization behind it
If you get used to docs you will improve quickly
Alexander Køpke
@alexanderkopke
Feb 16 2016 03:00 UTC
@jayjessiemanok in css you have to select the html element you want to set the background color of. For example body{background-color:pink;} would make the background of the entire page pink
philipsiu
@philipsiu
Feb 16 2016 03:03 UTC
Hi. Can anyone help with the checkpoint "Profile Lookup"?
Alexander Køpke
@alexanderkopke
Feb 16 2016 03:04 UTC
@jayjessiemanok the same for border-radius. You have the select the html element(s) you want to change the border radius on. For example in css: img{border-radius:25px;} would curve the borders of the images on the page.
Jessie Watson Jr.
@jayjessiemanok
Feb 16 2016 03:04 UTC
@alexanderkopke This is what I have:
<style>
h1{
font-size:65px;
font-family:
}
body{
background-color: gray
border-radius: 10px;
}
</style>
Gabe Hoel
@gabehoel
Feb 16 2016 03:06 UTC
I need help on the set the font family of an element lesson
Jessie Watson Jr.
@jayjessiemanok
Feb 16 2016 03:06 UTC
How do you capture picture of code and post it on this chat?
Alexander Køpke
@alexanderkopke
Feb 16 2016 03:07 UTC
@jayjessiemanok ok good start. However, border-radius is more useful on smaller elements. Body is the entire page and I am not sure it would be visible at all.
@jayjessiemanok posting code is ok as you did before.
Wade Burelbach
@fafnirical
Feb 16 2016 03:13 UTC
wiki code formatting
CamperBot
@camperbot
Feb 16 2016 03:13 UTC

:point_right: code formatting [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

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

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

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

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

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

Alexander Køpke
@alexanderkopke
Feb 16 2016 03:13 UTC
@gabehoel ok in your style under the element p you have to add: font-family: name-of-font;
@philthyfill what have you got so far?
Jessie Watson Jr.
@jayjessiemanok
Feb 16 2016 03:17 UTC
@alexanderkopke How do I change background?
Alexander Køpke
@alexanderkopke
Feb 16 2016 03:18 UTC
@jayjessiemanok the color? In your css style: body{background-color:red;} that would change the entire page to red. But you can choose smaller elements
philipsiu
@philipsiu
Feb 16 2016 03:19 UTC
@alexanderkopke I ended rewriting it with two if statements, one nested within the other.
Tony
@Rogers187
Feb 16 2016 03:30 UTC
Can anyone tell me what I'm doing wrong?

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

<div class="btn">

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

<div class="btn-default">
<button></button>
<button></button>
<button></button>
</div>
</div>
</div>
</div>
</div>
</div>'
'''

CamperBot
@camperbot
Feb 16 2016 03:30 UTC
:bulb: to format code use backticks! ``` more info
cannelflow
@cannelflow
Feb 16 2016 03:30 UTC
@Rogers187 which exercise ?
Tony
@Rogers187
Feb 16 2016 03:31 UTC
This for... Apply the Default Bootstrap Button Style
cannelflow
@cannelflow
Feb 16 2016 03:32 UTC
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<div class="well">
<div class="btn">
<div class="btn-default">
<button></button>
<button></button>
<button></button>
</div>
</div>
</div>
</div>
<div class="col-xs-6">
<div class="well">
<div class="btn">
<div class="btn-default"><----------Apply both the btn and btn-default classes to each of your button elements. and you applied to div tag here
<button></button><--------apply it to every button tag you see
<button></button>
<button></button>
</div>
</div>
</div>
</div>
</div>
</div>
@Rogers187
Tony
@Rogers187
Feb 16 2016 03:35 UTC
@cannelflow so each button tag has to have its own one???
cannelflow
@cannelflow
Feb 16 2016 03:35 UTC
@Rogers187 yes Apply both the btn and btn-default classes to each of your button elements.
Tony
@Rogers187
Feb 16 2016 03:37 UTC
@cannelflow can u tell me way I can't nest them like I do the "row" or "col"?
cannelflow
@cannelflow
Feb 16 2016 03:38 UTC
@Rogers187 because exercise asked you for Apply both the btn and btn-default classes to each of your button elements. see each of your button element there
on on your case you are giving class btn btn-default to div not button which is different
Tony
@Rogers187
Feb 16 2016 03:39 UTC
@cannelflow oh so it's just cause the exercise wants u to do that. Ok
@cannelflow Thanks
CamperBot
@camperbot
Feb 16 2016 03:39 UTC
rogers187 sends brownie points to @cannelflow :sparkles: :thumbsup: :sparkles:
:star: 802 | @cannelflow | http://www.freecodecamp.com/cannelflow
cannelflow
@cannelflow
Feb 16 2016 03:39 UTC
@Rogers187 :+1:
Liam Bang
@Liam345
Feb 16 2016 03:45 UTC

function palindrome(str) {

str=str.toLowerCase();
str= str.split('');

var arr= str.filter(function(val){
return val!=' ' && val!=',' && val!='.' && val!='(' && val!=')' && val!='/' && val!='\' && val!=':' && val!='_' && val!='-';
});

var flag=0;
var len =arr.length;

for(var i=0;i<(len/2);i++)
{
if (arr[i]!=arr[len-i-1])
{
flag=1;
}
}

if (flag==1)
{
return false;
}
else {
return true;
}
}

palindrome("Race,car");
Hi this is my code for Palinodrome. The code works fine but is there any way to remove all non- alphanumeric characters other than entering them one by one

cannelflow
@cannelflow
Feb 16 2016 03:46 UTC
wiki format
CamperBot
@camperbot
Feb 16 2016 03:46 UTC

:point_right: code formatting [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

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

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

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

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

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

cannelflow
@cannelflow
Feb 16 2016 03:46 UTC
@Liam345 ^
@Liam345 yes use regex like replace(/[^A-Z^a-z^0-9]/g, '');
Devin
@devindeswert
Feb 16 2016 03:49 UTC
Have a Github questions. On the free code camp profile I can see all the days I did stuff. If I goto the github page I don’t see any of it.
sxWalle
@LDWX
Feb 16 2016 03:49 UTC
excuse me. Does anybody had written "Roman Numeral Converter"?
Brian
@sludge256
Feb 16 2016 03:50 UTC
@devindeswert The FCC heatmap is just aesthetically similar to the one on Github
Devin
@devindeswert
Feb 16 2016 03:50 UTC
Ah ok ty
jackieskee
@jackieskee
Feb 16 2016 03:50 UTC
<script>
$(document).ready(function() {
$("button").addClass(animated);
$(".btn").addClass(animated shake);
$("#target1").addClass(animated shake btn-primary);
});
</script>
jquery selector issue
Brian
@sludge256
Feb 16 2016 03:50 UTC
@jackieskee only one class per selector
cannelflow
@cannelflow
Feb 16 2016 03:51 UTC
@jackieskee use only one class for target
jackieskee
@jackieskee
Feb 16 2016 03:51 UTC
<script>
$(document).ready(function() {
$("button").addClass(animated);
$(".btn").addClass(shake);
$("#target1").addClass(btn-primary);
});
</script>
still didnt work
cannelflow
@cannelflow
Feb 16 2016 03:52 UTC
@jackieskee which exercise?
klk.PNG
@devindeswert
jackieskee
@jackieskee
Feb 16 2016 03:52 UTC
"Target the same element with multiple jQuery Selectors"
batilc1
@batilc1
Feb 16 2016 03:53 UTC
@jackieskee you should add classes as strings like "shake"
cannelflow
@cannelflow
Feb 16 2016 03:53 UTC
do like "animated" @jackieskee
jackieskee
@jackieskee
Feb 16 2016 03:54 UTC
that was it - I forgot the quotes
thanks everyone
sxWalle
@LDWX
Feb 16 2016 03:57 UTC
excuse me. Does anybody had finish "Roman Numeral Converter"?
zinga
@ilovetocodes
Feb 16 2016 03:58 UTC
does anybody know how to do a space in html
i m stuck with nesting a in p element exercise
Prateekshit Deb
@pdeb93
Feb 16 2016 03:58 UTC
hey guys i had to make a tribute page.... some feedback please... http://codepen.io/pdeb93/pen/rxReOb
DJ
@qualitymanifest
Feb 16 2016 03:58 UTC
@ilovetocodes paste the full URL to your challenge
Liam Bang
@Liam345
Feb 16 2016 03:59 UTC
Hi I dont understand wiki formatting. What is it for? Where do I enter 3 backticks and shift+enter?
zinga
@ilovetocodes
Feb 16 2016 03:59 UTC
thanks
Alex P.
@Opimenov
Feb 16 2016 04:00 UTC
hello, I'm having difficulties passing Clockwise Notation:
.green-box {
background-color: green;
padding: 40px 20xp 20px 40px;
}
cannelflow
@cannelflow
Feb 16 2016 04:00 UTC
iop.PNG
@pdeb93
DJ
@qualitymanifest
Feb 16 2016 04:01 UTC
@ilovetocodes i mean... paste your challenge URL here so we can see your code...
Prateekshit Deb
@pdeb93
Feb 16 2016 04:01 UTC
verified
try again @cannelflow
cannelflow
@cannelflow
Feb 16 2016 04:01 UTC
@Liam345 it is there so that code looks more readable in chat
sorry,
;-/
cannelflow
@cannelflow
Feb 16 2016 04:02 UTC
@pdeb93 looks gr8 if you want you can play with font so that it looks more elegant
DJ
@qualitymanifest
Feb 16 2016 04:03 UTC
@Opimenov looks like you haven't tried anything yet
Alex P.
@Opimenov
Feb 16 2016 04:03 UTC
.green-box {
background-color: green;
padding: 40px 20xp 20px 40px;
}
DJ
@qualitymanifest
Feb 16 2016 04:03 UTC
ah
Alex P.
@Opimenov
Feb 16 2016 04:03 UTC
that's all what it is asking for
as far as I understand
DJ
@qualitymanifest
Feb 16 2016 04:04 UTC
@Opimenov you have 20xp for one of them
Alex P.
@Opimenov
Feb 16 2016 04:04 UTC
yes I do)))
Prateekshit Deb
@pdeb93
Feb 16 2016 04:05 UTC
thanks @cannelflow
CamperBot
@camperbot
Feb 16 2016 04:05 UTC
pdeb93 sends brownie points to @cannelflow :sparkles: :thumbsup: :sparkles:
:star: 805 | @cannelflow | http://www.freecodecamp.com/cannelflow
cannelflow
@cannelflow
Feb 16 2016 04:05 UTC
@pdeb93 :+1:
Alex P.
@Opimenov
Feb 16 2016 04:05 UTC
@qualitymanifest thanks
CamperBot
@camperbot
Feb 16 2016 04:05 UTC
opimenov sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star: 964 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
Liam Bang
@Liam345
Feb 16 2016 04:05 UTC

function palindrome(str) {

   str=str.toLowerCase();
 str= str.split('');

  var arr= str.filter(function(val){
    return val!=' ' && val!=',' && val!='.' && val!='(' && val!=')' && val!='/' && val!='\\' && val!=':' && val!='_' && val!='-';
  });

  var flag=0;
  var len =arr.length;

  for(var i=0;i<(len/2);i++)
  {
    if (arr[i]!=arr[len-i-1])
      {
        flag=1;
      }
  }

  if (flag==1)
    {
      return false;
    }
  else {
  return true;
  }
}



palindrome("Race,car");
Thanks @cannelflow thats better
CamperBot
@camperbot
Feb 16 2016 04:05 UTC
liam345 sends brownie points to @cannelflow :sparkles: :thumbsup: :sparkles:
:star: 806 | @cannelflow | http://www.freecodecamp.com/cannelflow
cannelflow
@cannelflow
Feb 16 2016 04:06 UTC
@Liam345 :+1: if you want i can give you another version
Liam Bang
@Liam345
Feb 16 2016 04:07 UTC
Yes pls @cannelflow
cannelflow
@cannelflow
Feb 16 2016 04:08 UTC
function palindrome(str) {
  // Good luck!
  var test = str.replace(/[^A-Za-z0-9]/g, '');
    test = test.toLowerCase();
    return test == test.split("").reverse().join("");
}



palindrome("eye");
@Liam345
Michael Aubrey
@mca62511
Feb 16 2016 04:11 UTC
How come my page renders correctly on mobile while on codepen http://codepen.io/mca62511/full/KVEdzK/
but on my actual domain it does not? http://michaelcharl.es/aubrey/
I'll upload images in a minute
This is how it shows on CodePen http://imgur.com/XGUjQiB.jpg
This is how it shows on my hosted domain http://imgur.com/FA11sFF.jpg
deepa-vijayan
@deepa-vijayan
Feb 16 2016 04:56 UTC
Hi there, how do I declare a red-text class in a stylesheet and set the colour to red?
Cristián Berríos
@crisberrios
Feb 16 2016 04:58 UTC
follow the example
for classes first you declare it like this:
.yourClass {
}
Fredd Escobar
@fescobaro
Feb 16 2016 04:59 UTC
<style>
.red-text {
color: red;
}
</style>
Michael Aubrey
@mca62511
Feb 16 2016 04:59 UTC
looks good to me.
Cristián Berríos
@crisberrios
Feb 16 2016 04:59 UTC
@fescobaro giving the answer straight away won't help her learn :)
but there you have the answer.
Fredd Escobar
@fescobaro
Feb 16 2016 05:00 UTC
oh! ok, im sorry jeje
you are right!
callym01
@callym01
Feb 16 2016 05:09 UTC
hey guys, im having trouble with this code <p><a href="http://freecatphotoapp.com"> cat photos </p>
the </p> stays highlighted pink and im getting an error that the a tag needs closing
nevermind I figured I had forgotten the </a>
Cristián Berríos
@crisberrios
Feb 16 2016 05:15 UTC
^
ScreamingCow
@ScreamingCow
Feb 16 2016 05:16 UTC
hey guys
whats a stylesheet?
Cristián Berríos
@crisberrios
Feb 16 2016 05:17 UTC
a set of css styles
Pallavi
@Pallavi-Nayak
Feb 16 2016 05:19 UTC
guys i hav problem in resize the image
yoni chanowitz
@yonichanowitz
Feb 16 2016 05:19 UTC
@Pallavi-Nayak , whats your code?
Pallavi
@Pallavi-Nayak
Feb 16 2016 05:19 UTC
<style>
.smaller-image{
width:100px;
}</style>
is this code is correct?
Cristián Berríos
@crisberrios
Feb 16 2016 05:20 UTC
yeah, use spaces to make code readable though
yoni chanowitz
@yonichanowitz
Feb 16 2016 05:20 UTC
@Pallavi-Nayak , what does the HTML look like
Cristián Berríos
@crisberrios
Feb 16 2016 05:20 UTC
<style>
  .smaller-image {
    width: 100px;
  }
</style>
Pallavi
@Pallavi-Nayak
Feb 16 2016 05:21 UTC
still im not getting the o/p
yoni chanowitz
@yonichanowitz
Feb 16 2016 05:22 UTC

@Pallavi-Nayak , does your item you want to change have a

<class = "">

tag

Cristián Berríos
@crisberrios
Feb 16 2016 05:22 UTC
not sure about the challenge in particular, but that snippet looks fine
Raviteja
@ravitejarp
Feb 16 2016 05:23 UTC
@Pallavi-Nayak did you try adding this to the tag a class attribute?
*as
Pallavi
@Pallavi-Nayak
Feb 16 2016 05:23 UTC
no...wer shd i add class attribute?
deepa-vijayan
@deepa-vijayan
Feb 16 2016 05:24 UTC
crisberrios and fescobaro - thank you! :)
Raviteja
@ravitejarp
Feb 16 2016 05:24 UTC
for example if I want to add to to <h1> do as < h1 class="smaller-image">
@Pallavi-Nayak for example if I want to add to to <h1> do as < h1 class="smaller-image">
Fredd Escobar
@fescobaro
Feb 16 2016 05:26 UTC
you're welcome @deepa-vijayan
Pallavi
@Pallavi-Nayak
Feb 16 2016 05:26 UTC
wow thanks a lot...i got the o/p:)
@ravitejarp
Raviteja
@ravitejarp
Feb 16 2016 05:27 UTC
You're welcome :)
Rory Avant
@roryavant8
Feb 16 2016 05:38 UTC

@roryavant8
Hey guys, I'm on the Smallest Common Multiple Bonfire and I'm a little stuck right now. I have it working on small ranges, but if the range is too large it crashed before finding a solution. My approach to the problem is to the fight the highest number in the array and set that as the LCM at first, then check all the numbers in the range to see if they divide the LCM, if there is one element that does not, I increase LCM by the highest number in the Array, and make the same check. This is done until a solution is found. Here is my code:

function smallestCommons(arr) {
var numFound = false;
var numOne,numTwo,LCM,j;

if(arr0 > arr1) {
numOne = arr1;
numTwo = arr0;
}
else {
numOne = arr0;
numTwo = arr1;
}

LCM = numTwo;

while(!numFound) {
for(var i = numOne; i <= numTwo; i ++) {
if(LCM % i === 0) {
j++;
}
}
if(j == numTwo) {
numFound = true;
} else{
LCM = LCM + numTwo;
console.log(LCM);
j = 0;
}
}

console.log(LCM);
return LCM;
}

smallestCommons([1, 13]);

justindobbs
@justindobbs
Feb 16 2016 06:00 UTC
looks like you need to put j < [something] in while()
Zozo
@zozoaco
Feb 16 2016 06:14 UTC
Screen Shot 2016-02-15 at 10.13.49 PM.png
Hello! Having trouble getting the hang of escaping quotes and would like some help with this very basic function? Thank you!
Jaseem
@jaseemmltr123
Feb 16 2016 06:15 UTC
Hi, I am stuck at image re sizing in Chapter 1. Any solutions. Thanks.
Vamsidhar Reddy Bada
@vamsidharBada
Feb 16 2016 06:16 UTC
how to dynamically change text in a position.
Example : I have a menu, when i select different tabs i want different text to show up in that position.
Pallavi
@Pallavi-Nayak
Feb 16 2016 06:35 UTC
@jaseemmltr123 for example if I want to add to to <h1> do as < h1 class="smaller-image">

@jaseemmltr123 ,

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

Anthony Nguyen
@resolutedreamer
Feb 16 2016 06:45 UTC
where do i report typos?
ADNAVAR
@ANS88
Feb 16 2016 06:54 UTC
Hi! I don't know what's the issue with my code. It doesn't let me keep going but I can't tell what the problem is.

<style>

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

.pink-text {
color: pink;
}

.blue-text {
color: blue;
}

</style>

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

Hope someone is willing to take a look at it :)
Raviteja
@ravitejarp
Feb 16 2016 06:56 UTC
@ANS88 May know what you're trying to achieve?
ADNAVAR
@ANS88
Feb 16 2016 06:57 UTC
Sorry!! haha I'm on the Override Styles in Subsequent CSS lesson, I am trying to override the 'class' elements
Raviteja
@ravitejarp
Feb 16 2016 06:58 UTC
@ANS88 may be class="pink-text blue-text" is the correction
Daniel Ross
@gainiacster
Feb 16 2016 06:58 UTC
off the bat, for your h1 element, you have both pink-text and blue-text with their own set of quotes. keep them under the same set of quotes and just separate with a space
ADNAVAR
@ANS88
Feb 16 2016 06:58 UTC
I am trying to give h1 two different classes, and keep the appearance of the class .blue text
Raviteja
@ravitejarp
Feb 16 2016 06:58 UTC
@jaseemmltr123 what was the problem?
ADNAVAR
@ANS88
Feb 16 2016 07:00 UTC
thanks @ravitejarp it was that!!
CamperBot
@camperbot
Feb 16 2016 07:00 UTC
ans88 sends brownie points to @ravitejarp :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for ravitejarp
ADNAVAR
@ANS88
Feb 16 2016 07:00 UTC
thanks guys!
RandyRandolf
@RandyRandolf
Feb 16 2016 07:12 UTC
hey there, having trouble turning my href attribute into a deadlink with the # symbol, should it look like this?
<a #="http://www.freecatphotoapp.com">cat photos</a>
Brian
@sludge256
Feb 16 2016 07:13 UTC
<a href="replacethisurlwith#.com"></a>
RandyRandolf
@RandyRandolf
Feb 16 2016 07:14 UTC
got it! cheers sludge
Matt Burd
@EskimoBurd
Feb 16 2016 07:31 UTC

https://gyazo.com/3568bee2a53ed7a848972db9ef01a3f1

havent need help in a bit but stuck on this one, have played around with it a bit as well.

Brian
@sludge256
Feb 16 2016 07:34 UTC
@EskimoBurd the button should have the class btn
also the the element name is button not btn
Matt Burd
@EskimoBurd
Feb 16 2016 07:35 UTC
ok got it ty ty, makes sense i was thinking instead of how you do <button type=""> below i was thinking i needed to make the button into btn
breejacobs
@breejacobs
Feb 16 2016 07:36 UTC

Hey guys! Wondering if I can have a hand with the creating a form element task. What did I do wrong? <form>

<input type="text" placeholder="cat photo URL"form action="/submit-cat-photo">
</form>

Manjula
@ManjulaDhamodharan
Feb 16 2016 07:40 UTC

Hi , My error is " Make sure your form has an action attribute " I have included like <form action="/url-submit-cat-photo">

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

Unable to find my mistake please someone could guide?
breejacobs
@breejacobs
Feb 16 2016 07:42 UTC
is it jus t meant to say /submit-cat-photo not url
Avneet Singh Malhotra
@avneetmalhotra
Feb 16 2016 07:52 UTC
does anyone knows any good source to understand bootstrap grid system?
Avneet Singh Malhotra
@avneetmalhotra
Feb 16 2016 07:55 UTC
@JoshFisk I have done this challange but still I'm facing difficulty using grid system in my projects.
Avneet Singh Malhotra
@avneetmalhotra
Feb 16 2016 07:58 UTC
@JoshFisk Thanks.
CamperBot
@camperbot
Feb 16 2016 07:58 UTC
avneetmalhotra02 sends brownie points to @joshfisk :sparkles: :thumbsup: :sparkles:
:star: 150 | @joshfisk | http://www.freecodecamp.com/joshfisk
Manoj Dobbali
@dobbali
Feb 16 2016 08:09 UTC

Hey All. Can you please help me out with this instruction
. "Due to browser implementation differences, you may need to be at 100% zoom to pass the tests on this challenge."

What am i supposed to do? my chrome is at default zoom.

Vickrant Earnest
@vickrantearnest
Feb 16 2016 08:09 UTC
default is 100% i guess
So you are at correct zoom level
need not worry @jonamjar
Manoj Dobbali
@dobbali
Feb 16 2016 08:11 UTC
@vickrantearnest Thanks man! but the test doesnt run. Im not able to got to next level
CamperBot
@camperbot
Feb 16 2016 08:11 UTC
jonamjar sends brownie points to @vickrantearnest :sparkles: :thumbsup: :sparkles:
:star: 198 | @vickrantearnest | http://www.freecodecamp.com/vickrantearnest
cannelflow
@cannelflow
Feb 16 2016 08:13 UTC
@jonamjar try refreshing page
sxWalle
@LDWX
Feb 16 2016 08:25 UTC
Who knows how to handle "Roman Numeral Converter"?
I am stuck in "Roman Numeral Converter", who can help me please?
Roman Numeral Converter

Convert the given number into a roman numeral.

All roman numerals answers should be provided in upper-case.

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

Here are some helpful links:

    Roman Numerals

    Array.splice()

    Array.indexOf()

    Array.join()
Jawbh
@CaBra503
Feb 16 2016 08:43 UTC
hey guys, I have a question about the "Counting Cards" Waypoint
pboest
@pablobordons
Feb 16 2016 08:56 UTC
@LDWX what is your problem exactly? have you figured it out?
I used % operation
Vamsidhar Reddy Bada
@vamsidharBada
Feb 16 2016 09:38 UTC
@vamsidhar2mp
how to dynamically change text in a position.
Example : I have a menu, when i select different tabs i want different text to show up in that position.
I used Innerhtml by finding the element by id( JS ). Any other method?
zdhale
@zdhale
Feb 16 2016 09:46 UTC
hey guys, i’m stuck here
Target_the_same_element_with_multiple_jQuery_Selectors___Free_Code_Camp.png

"Using each of the above jQuery selectors and the addClass() function:

Add the animated class to all elements with type button.

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

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

not sure exactly where to insert the addClass() functions?
zdhale
@zdhale
Feb 16 2016 09:53 UTC
ah nvm, figured it out
Target_the_same_element_with_multiple_jQuery_Selectors___Free_Code_Camp.png
Pratik Ratnaparkhi
@pratikr1593
Feb 16 2016 10:02 UTC
<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>

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



</div>
Split your Bootstrap Row
Nest two div class="col-xs-6" elements within your div class="row" element.
anyone?
zdhale
@zdhale
Feb 16 2016 10:08 UTC
you need to close your first div class
</div>
Pratik Ratnaparkhi
@pratikr1593
Feb 16 2016 10:09 UTC
Doesn't work @zdhale
All the div elements are closed.
zdhale
@zdhale
Feb 16 2016 10:10 UTC
➀_FreeCodeCamp_Help_-_Gitter.png
i think you also need to do <div class=“row”>
and then nest your <div class=col-xs-6> elements within that div
so
<div class=row>
then your two <div class=col-xs-6>
</div>
Thomas Bartels
@tbartels
Feb 16 2016 10:15 UTC
READ the description, you need two col-xs-6 divs within your row div, not nested within each other
It can be very helpful to correctly indent
<div class="container-fluid">
    <h3 class="text-primary text-center">jQuery Playground</h3>
    <div class="row ">
        <div class="col-xs-6"> </div>
        <div class="col-xs-6"> </div>
    </div>
</div>
zdhale
@zdhale
Feb 16 2016 10:18 UTC
@tbartels :+1:
Pratik Ratnaparkhi
@pratikr1593
Feb 16 2016 10:18 UTC
@tbartels Thanks Thomas.
CamperBot
@camperbot
Feb 16 2016 10:18 UTC
pratikr1593 sends brownie points to @tbartels :sparkles: :thumbsup: :sparkles:
:star: 139 | @tbartels | http://www.freecodecamp.com/tbartels
zdhale
@zdhale
Feb 16 2016 10:18 UTC
i’m new here, how do you send brownie points?
Thomas Bartels
@tbartels
Feb 16 2016 10:19 UTC
just say thanks
zdhale
@zdhale
Feb 16 2016 10:19 UTC
lol
good call
Thomas Bartels
@tbartels
Feb 16 2016 10:20 UTC
;)
Indra Nugraha
@indrango
Feb 16 2016 10:20 UTC
wiki
CamperBot
@camperbot
Feb 16 2016 10:20 UTC
usage:
wiki $topic info on that topic
Indra Nugraha
@indrango
Feb 16 2016 10:20 UTC
wiki map
CamperBot
@camperbot
Feb 16 2016 10:20 UTC

:point_right: algorithm map the debris [wiki]

Problem Explanation:

The first thing to do is to get familiar with what the program is for, for this I would suggest you check the Wikipedia link as that is very important and from where you can also get the formula for the conversion. The hardest part are finding the formula, implementing it and for some modifying objects by the key. However, something that is not very clear is the fact that your program has to be able to check for any number of objects in the array which is what is tested on the second part.

:pencil: read more about algorithm map the debris on the FCC Wiki

Ashuqwe
@Ashuqwe
Feb 16 2016 10:39 UTC
i have a doubt in jquery can anyone help
??
Blauelf
@Blauelf
Feb 16 2016 10:41 UTC
@bicabone When I referred to emacs as an operating system, I cited a well-known argument by vi(m) users, who say "emacs is an operating system with a poor editor", as emacs is often claimed to do about anything but wash the dishes, just like Java is often claimed to do about anything but brewing coffee. It is (or was?) part of ritual flame wars on the usenet (not sure if there is as much non-binary usenet left). So maybe I should have added a blink smiley to mark it as a joke.
Blauelf
@Blauelf
Feb 16 2016 10:47 UTC
@Ashuqwe Meta-questions do not help figuring out what you want. Ask and hope you get answers.
tess
@Tess2016
Feb 16 2016 10:54 UTC
Use the $("button") selector.
Use the $(".btn") selector.
Use the $("#target1") selector.
Only add one class with each of your three selectors.
Your #target1 element should have the classes animated‚ shake and btn-primary.
Only use jQuery to add these classes to the element.
Cannot get past:
Only use jQuery to add these classes to the element.
Blauelf
@Blauelf
Feb 16 2016 10:55 UTC
@Tess2016 Those are the test cases, what is your question? And you might want to post your code, so we don't have to guess it...
tess
@Tess2016
Feb 16 2016 10:55 UTC
for Target the same element with multiple jQuery Selectors
ok
<script>
$(document).ready(function() {
$("button").click(function(){
$("button").addClass("animated");
});
$(".btn").click(function(){
$(".btn").addClass("shake");
});
$("#target1").click(function(){
$("#target1").addClass("btn-primary");
});

});

</script>
I don't think the directions are too clear in either the explanatory section or the to-do section
vmolmans
@vmolmans
Feb 16 2016 10:57 UTC
question: How do i italicize the text of id target4 ? I have this, but it doesn't work: $("#target4").html("<i>target4</i>");
Blauelf
@Blauelf
Feb 16 2016 10:57 UTC
@Tess2016 Remove the whole click part, keep the addClass. You are supposed to add the classes in the ready function, not on click.
@vmolmans <i>#target4</i>, you forgot the #
vmolmans
@vmolmans
Feb 16 2016 10:59 UTC
@Blauelf thanks, man. It works!
CamperBot
@camperbot
Feb 16 2016 10:59 UTC
vmolmans sends brownie points to @blauelf :sparkles: :thumbsup: :sparkles:
:star: 1197 | @blauelf | http://www.freecodecamp.com/blauelf
tess
@Tess2016
Feb 16 2016 11:14 UTC
2-16-2016 6-13-25 AM.png
will try it.
Does this look right. Tried to look at other samples on JQuery sites.
ZAHEER AFZAL
@zaheer442
Feb 16 2016 11:21 UTC
i m not getting how to add this and where ?
Inside your script element, add this code: $(document).ready(function() { to your script. Then close it on the following line (still inside your script element) with: });
tess
@Tess2016
Feb 16 2016 11:27 UTC
Cannot get okayed for:
Only use jQuery to add these classes to the element.
Okay figured it out on my own. But thank you Blauelf and Zaheer442 for the kind effort!
zdhale
@zdhale
Feb 16 2016 11:42 UTC
Understanding_Uninitialized_Variables___Free_Code_Camp.png
c should not contain undefined and should have a value of "I am a String!"
not sure where i’ve gone wrong, help please?
srinjay
@srinjay
Feb 16 2016 11:45 UTC
remove the word string from your variavle c
var c="I am a";
zdhale
@zdhale
Feb 16 2016 11:45 UTC
ah, yes!
thanks @srinjay
CamperBot
@camperbot
Feb 16 2016 11:45 UTC
zdhale sends brownie points to @srinjay :sparkles: :thumbsup: :sparkles:
:star: 256 | @srinjay | http://www.freecodecamp.com/srinjay
RandyRandolf
@RandyRandolf
Feb 16 2016 11:45 UTC
not too sure how to apply <div class="row"> and <div class="col-xs-4"> to my three buttons "like, info & delete"
<img src="http://bit.ly/fcc-running-cats" class="img-responsive">
<button class="btn btn-block btn-primary">Like</button>
<button class="btn btn-block btn-info">Info</button>
srinjay
@srinjay
Feb 16 2016 11:46 UTC
apply row at the starting of your div and apply col-xs-4 individually to all your buttons
@RandyRandolf did it work?
RandyRandolf
@RandyRandolf
Feb 16 2016 11:52 UTC
No sorry, i'm completely lost as to where I should put the div elements
shall it start with <div class="row"> blahblahblahblahblabh </div> ?
srinjay
@srinjay
Feb 16 2016 11:57 UTC
yup
make sure you put the col-xs-4 class individually to all your buttons
RandyRandolf
@RandyRandolf
Feb 16 2016 12:02 UTC
I just have no idea where to put them
wherever i put them it makes a mess lol
srinjay
@srinjay
Feb 16 2016 12:02 UTC
paste you code here
RandyRandolf
@RandyRandolf
Feb 16 2016 12:03 UTC
<div class="row"> <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>
Manoj Singh
@manojansh
Feb 16 2016 12:05 UTC
need help please
srinjay
@srinjay
Feb 16 2016 12:05 UTC
@RandyRandolf just put <div class="col-xs-4><button class=".........."></button></div>
do this for each one of them
Pedro Figueiredo
@pedronfigueiredo
Feb 16 2016 12:06 UTC
Hi, I’m having serious problems making Wikipedia API work can someone help me?
RandyRandolf
@RandyRandolf
Feb 16 2016 12:08 UTC
haha champion, cheers jay
(Y)
ZAHEER AFZAL
@zaheer442
Feb 16 2016 12:17 UTC
any body help me with "Target the same element with multiple jQuery Selectors"
srinjay
@srinjay
Feb 16 2016 12:17 UTC
@manojansh where do you need help?
Manoj Singh
@manojansh
Feb 16 2016 12:18 UTC
@srinjay need help please, I need to know if we could set a minimum fontsize in html, so that whereever we define font-size in %, it will be with respect to the defined font-size.!!
ZAHEER AFZAL
@zaheer442
Feb 16 2016 12:18 UTC
<script>
$(document).ready(function() {
$("button").andClass("animated");
$(".btn").andClass("shake");
$("#target1").andClass("btn-primary");
});
</script>
rumanbsl
@rumanbsl
Feb 16 2016 12:18 UTC
``
Blauelf
@Blauelf
Feb 16 2016 12:18 UTC
@zaheer442 addClass, not andClass
ZAHEER AFZAL
@zaheer442
Feb 16 2016 12:18 UTC
ok
@Blauelf thx
CamperBot
@camperbot
Feb 16 2016 12:19 UTC
zaheer442 sends brownie points to @blauelf :sparkles: :thumbsup: :sparkles:
:star: 1198 | @blauelf | http://www.freecodecamp.com/blauelf
rumanbsl
@rumanbsl
Feb 16 2016 12:19 UTC
function titleCase(str) {
str=str.toLowerCase();
  var toArr=str.split(" ");
  var title=[];
  var replace="";
  for (i=0;i<toArr.length;i++){title=title+ toArr[i][0].toUpperCase();}
  title=title.split("");
  for (i=0;i<toArr.length;i++){replace=replace+toArr[i].replace(toArr[i][0],title[i]);}
  return replace;

} 

titleCase("I'm a little tea pot");
srinjay
@srinjay
Feb 16 2016 12:19 UTC
i am not sure @manojansh ,but i don't think so
rumanbsl
@rumanbsl
Feb 16 2016 12:19 UTC
i have no idea how to put a space in between words now, the return value is "I'mALittleTeaPot" where there should be a space in between words
http://www.freecodecamp.com/challenges/title-case-a-sentence
Manoj Singh
@manojansh
Feb 16 2016 12:20 UTC
@srinjay what i am thinking is, i'll apply media query for different screen size, then i will define font size else where
so it will become perfectly reponsive
RandyRandolf
@RandyRandolf
Feb 16 2016 12:23 UTC
do it with +
I'm+a+little+tea+pot
how'd you go @rumanbsl
rumanbsl
@rumanbsl
Feb 16 2016 12:26 UTC
i am either totally dumb or my brain is shut off
Blauelf
@Blauelf
Feb 16 2016 12:26 UTC
@rumanbsl You could do replace=...+" "; (this would leave an extra space which you have to remove in the end), or you could store your titlecased words in another array and use join(" ").
BTW, you forgot to declare i using var.
Kevin Mulligan
@kmulligan
Feb 16 2016 12:29 UTC
@Blauelf declaring i as var isn't necessary, at least in some of the examples I've seen and challenges I've completed. Not 100% sure if it is preferred or not
Blauelf
@Blauelf
Feb 16 2016 12:30 UTC
@rumanbsl I used only one loop and stored the words in an array to join(" ") them later, I probably prefer it that way for symmetry as I used split(" ").
rumanbsl
@rumanbsl
Feb 16 2016 12:31 UTC
@Blauelf i guess that is better way, was thinking if this works or not
the result seems fine now, but it's not passing the section and go to next challenge,, reviewed code here
function titleCase(str) {
str=str.toLowerCase();
  var toArr=str.split(" ");
  var title=[];
  var replace="";
  for (i=0;i<toArr.length;i++){title=title+ toArr[i][0].toUpperCase();}
  title=title.split("");
  for (i=0;i<toArr.length;i++){replace=replace+" " +toArr[i].replace(toArr[i][0],title[i]);}
  return replace+" ";

} 

titleCase("HERE IS MY HANDLE HERE IS MY SPOUT");
Blauelf
@Blauelf
Feb 16 2016 12:34 UTC
@kmulligan Assigning to a variable without having it declared using var makes it either access an existing variable of that name in an outer scope (for example a function the current function is defined in), or if that does not exist, creates a global variable (which is the same as a property of the global object). This might work if you don't call functions that happen to use global variables of that name by themselves (have seen many implementations of steamroller that failed because of that, they used global variable as counter and used recursion). So use var unless you are sure you know what you do, avoids errors that are hard to track.
@rumanbsl You have an extra space. You could use return replace.trim(); to remove that.
rumanbsl
@rumanbsl
Feb 16 2016 12:35 UTC
Yaay!! thanks @Blauelf
CamperBot
@camperbot
Feb 16 2016 12:35 UTC
rumanbsl sends brownie points to @blauelf :sparkles: :thumbsup: :sparkles:
:star: 1199 | @blauelf | http://www.freecodecamp.com/blauelf
Marius Brad
@mbrad26
Feb 16 2016 12:38 UTC
hello world
CamperBot
@camperbot
Feb 16 2016 12:38 UTC

welcome to FreeCodeCamp @mbrad26!

Kevin Mulligan
@kmulligan
Feb 16 2016 12:39 UTC
Welcome @mbrad26
Marius Brad
@mbrad26
Feb 16 2016 12:39 UTC
Could anyone explain why in Convert JSON Data to HTML, we use json.forEach(function(val) { var keys = Object.keys(val); html += "<div class = 'cat'>"; keys.forEach(function(key) { html += "<b>" + key + "</b>: " + val[key] + "<br>"; }); html += "</div><br>"; });
Instead of let's say something like for(var key in json)
to loop through json data and take each key : value pair
CamperBot
@camperbot
Feb 16 2016 12:47 UTC
no wiki entry for: me im stuck httpwwwfreecodecampcomchallengesglobal-scope-and-functionssolution2f2f20declare20your20variable20here0a0a0afunction20fun1207b0a20202f2f20assign20520to20oopsglobal20here0a202020var20myglobal203d20103b0a20200a7d0a0a2f2f20only20change20code20above20this20line0afunction20fun2207b0a2020var20output203d2022223b0a2020if20typeof20myglobal203d2022undefined22207b0a20202020output202b3d2022myglobal3a2022202b20myglobal3b0a20207d0a2020if20typeof20oopsglobal203d2022undefined22207b0a20202020output202b3d202220oopsglobal3a2022202b20oopsglobal3b0a20207d0a2020consolelogoutput3b0a7d0a
Marius Brad
@mbrad26
Feb 16 2016 12:48 UTC
This message was deleted
This message was deleted
This message was deleted
Shaklin
@ShaklinSyed
Feb 16 2016 12:52 UTC
@hadyanzon what is that you need help with
Blauelf
@Blauelf
Feb 16 2016 12:54 UTC

@mbrad26 From the docs of Object.keys:

The Object.keys() method returns an array of a given object's own enumerable properties, in the same order as that provided by a for...in loop (the difference being that a for-in loop enumerates properties in the prototype chain as well).

So the difference is how inherited enumerable properties are treated.

Marius Brad
@mbrad26
Feb 16 2016 12:58 UTC
...meaning:)..pardon my ignorance
The way I see it is that json is an object with key:values pair. So if this is true why can't we use a simple loop then.
Mohamad Hadyan Zon
@hadyanzon
Feb 16 2016 13:02 UTC
@ShaklinSyed yah so confuse make oopsGlobal should have a value of 5 ''
David Enos
@bluedangerforyou
Feb 16 2016 13:02 UTC
i am at Javascript and stuck on the word blanks, the instructions are exteremly vague and I feel the info or tutorial has not been taught yet but its expecting me to do this challenge? Can someone clarify the instructions please?
Mohamad Hadyan Zon
@hadyanzon
Feb 16 2016 13:02 UTC

'''// Declare your variable here

function fun1() {
// Assign 5 to oopsGlobal Here
var myGlobal = 10;

}

// Only change code above this line
function fun2() {
var output = "";
if (typeof myGlobal != "undefined") {
output += "myGlobal: " + myGlobal;
}
if (typeof oopsGlobal != "undefined") {
output += " oopsGlobal: " + oopsGlobal;
}
console.log(output);
}
''''

CamperBot
@camperbot
Feb 16 2016 13:02 UTC
:bulb: to format code use backticks! ``` more info
Mohamad Hadyan Zon
@hadyanzon
Feb 16 2016 13:03 UTC
```a````
Moisés Man
@moigithub
Feb 16 2016 13:06 UTC
@bluedangerforyou post ur code... probably u missing the spaces between?
Yuvraj Adagale
@Yuvraj1989
Feb 16 2016 13:06 UTC

' ' ' js
var Car = function() {
// this is a private variable
var speed = 10;

// these are public methods
this.accelerate = function(change) {
speed += change;
};

this.decelerate = function() {
speed -= 5;
};

this.getSpeed = function() {
return speed;
};
};

var Bike = function() {

// Only change code below this line.
var gear = 0;

this.getGear = function(change){
gear+=change;
};

this.setGear = function(change){
gear+=change;
};
return gear;

};

var myCar = new Car();

var myBike = new Bike();
' ' '

' ' '
Moisés Man
@moigithub
Feb 16 2016 13:07 UTC
@Yuvraj1989 use backticks instead apostrophes `
David Enos
@bluedangerforyou
Feb 16 2016 13:07 UTC
I have not even posted any code as I am trying to grasp the question still hahaha
Yuvraj Adagale
@Yuvraj1989
Feb 16 2016 13:07 UTC

\ \ \
var Car = function() {
// this is a private variable
var speed = 10;

// these are public methods
this.accelerate = function(change) {
speed += change;
};

this.decelerate = function() {
speed -= 5;
};

this.getSpeed = function() {
return speed;
};
};

var Bike = function() {

// Only change code below this line.
var gear = 0;

this.getGear = function(change){
gear+=change;
};

this.setGear = function(change){
gear+=change;
};
return gear;

};

var myCar = new Car();

var myBike = new Bike();
\ \ \

' ' '
var Car = function() {
// this is a private variable
var speed = 10;

// these are public methods
this.accelerate = function(change) {
speed += change;
};

this.decelerate = function() {
speed -= 5;
};

this.getSpeed = function() {
return speed;
};
};

var Bike = function() {

// Only change code below this line.
var gear = 0;

this.getGear = function(change){
gear+=change;
};

this.setGear = function(change){
gear+=change;
};
return gear;

};

var myCar = new Car();

var myBike = new Bike();
' ' '

David Enos
@bluedangerforyou
Feb 16 2016 13:08 UTC
here is question

We will now use our knowledge of strings to build a "Mad Libs" style word game we're calling "Word Blanks". You will create an (optionally humorous) "Fill in the Blanks" style sentence.

You will need to use string operators to build a new string, result, using the provided variables: myNoun, myAdjective, myVerb, and myAdverb.

You will also need to provide additional strings, which will not change, in between the provided words.

We have provided a framework for testing your results with different words. The tests will run your function with several different inputs to make sure all of the provided words appear in the output, as well as your extra strings.

Yuvraj Adagale
@Yuvraj1989
Feb 16 2016 13:08 UTC
still not working
Moisés Man
@moigithub
Feb 16 2016 13:08 UTC
@Yuvraj1989 setGear no need to add just set a value
and "get" its used to recover data.. so it use return
@bluedangerforyou u need to concatenate / join all those words passed to ur function.. and return a phrase
Yuvraj Adagale
@Yuvraj1989
Feb 16 2016 13:11 UTC
@moigithub still not working
Blauelf
@Blauelf
Feb 16 2016 13:12 UTC
@bluedangerforyou Just return a string containing the words stored in those four variables (and maybe a bit of "glue" for creating a sentence, but that cannot be tested). Don't forget that there need to be spaces around the words, maybe other punctuation works, too.
Moisés Man
@moigithub
Feb 16 2016 13:12 UTC

@hadyanzon

function fun1() {
// Assign 5 to oopsGlobal Here
var myGlobal = 10;

}

u missing this part... Assign 5 to oopsGlobal Here

@Yuvraj1989 so what u did.. ?
@Yuvraj1989 backtick is usually located above tab key.. or near enter key.. next to P key or u can copy/paste backticks.. to format ur code ```
Yuvraj Adagale
@Yuvraj1989
Feb 16 2016 13:14 UTC
var Bike = function() {

  // Only change code below this line.
  var gear = 0;

  this.getGear = function(change){
   gear+=change;
  };

  this.setGear = function(){
    return gear;
  };



};
Moisés Man
@moigithub
Feb 16 2016 13:15 UTC
@Yuvraj1989 yea u got the other way around....
"set" should store values on ur variable
and "get" return
@Yuvraj1989 and on "setGear" no need to add (no sum operation for this exercise)
Yuvraj Adagale
@Yuvraj1989
Feb 16 2016 13:28 UTC
var Bike = function() {

  // Only change code below this line.
var gear = 0;

  this.getGear = function(val) {
    gear = val;
  };
  this.setGear = function(){
    return gear;
  };

};
still not working...
Moisés Man
@moigithub
Feb 16 2016 13:29 UTC
set stores values on ur variable....
Robert240
@robert240
Feb 16 2016 13:30 UTC
<div class="row">
<div class="col-xs-8">
<h2 class="text-primary text-center">CatPhotApp</h2>
</div>
<div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>
</div>
Moisés Man
@moigithub
Feb 16 2016 13:30 UTC
@Yuvraj1989 u have a variable here var gear = 0;
how u set a new value to that variable ??
Yuvraj Adagale
@Yuvraj1989
Feb 16 2016 13:30 UTC
@moigithub I got it
Moisés Man
@moigithub
Feb 16 2016 13:30 UTC
that code goes on the funciton with SET name
Robert240
@robert240
Feb 16 2016 13:31 UTC
need help...getting an error
Moisés Man
@moigithub
Feb 16 2016 13:31 UTC
well done :) @Yuvraj1989
Yuvraj Adagale
@Yuvraj1989
Feb 16 2016 13:31 UTC
but still i dont understand what difference does it make
Moisés Man
@moigithub
Feb 16 2016 13:31 UTC
naming convention...
Yuvraj Adagale
@Yuvraj1989
Feb 16 2016 13:31 UTC
whatever name we give it
Moisés Man
@moigithub
Feb 16 2016 13:31 UTC
if ur function is named "jump".. what should the code do ??
Yuvraj Adagale
@Yuvraj1989
Feb 16 2016 13:32 UTC
actually m trying to ask here
that does it takes literal meaning of word "set"?
Yuvraj Adagale
@Yuvraj1989
Feb 16 2016 13:34 UTC
@moigithub now you are making fun
but still thanks @moigithub
CamperBot
@camperbot
Feb 16 2016 13:34 UTC
yuvraj1989 sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
Moisés Man
@moigithub
Feb 16 2016 13:34 UTC
:P
CamperBot
@camperbot
Feb 16 2016 13:34 UTC
:star: 616 | @moigithub | http://www.freecodecamp.com/moigithub
Ange Kap
@Angekap
Feb 16 2016 13:43 UTC
Hey guys, can someone help me understand why my answer doesn't work?! I'm working on the "Accessing Nested Arrays IN JSON"... And my answer is var secondTree = myPlants[" trees"].list[1];
Moisés Man
@moigithub
Feb 16 2016 13:47 UTC
myPlants is an Array...
so how u access array elements.. using numeric indices??
or string ??
var myArray = ["dog","cat","rabbit"]; <-- if u wanna return cat.. how u will do ?=
lawrencebass
@lawrencebass
Feb 16 2016 13:48 UTC
@moigithub myArray[1] would return "cat"
index of arrays start at 0
Moisés Man
@moigithub
Feb 16 2016 13:49 UTC
@lawrencebass :) question was for @Angekap
@lawrencebass but u got the correct answer :)
David Enos
@bluedangerforyou
Feb 16 2016 13:49 UTC
@Blauelf thank you I will try @moigithub thank you guys
CamperBot
@camperbot
Feb 16 2016 13:49 UTC
bluedangerforyou sends brownie points to @blauelf and @moigithub :sparkles: :thumbsup: :sparkles:
:star: 618 | @moigithub | http://www.freecodecamp.com/moigithub
:star: 1202 | @blauelf | http://www.freecodecamp.com/blauelf
lawrencebass
@lawrencebass
Feb 16 2016 13:50 UTC
Oh okay @moigithub , didn't see you mention him so that was misleading
ZAHEER AFZAL
@zaheer442
Feb 16 2016 13:50 UTC
How can i put an image on center using some bootstrap class?
Ange Kap
@Angekap
Feb 16 2016 13:52 UTC
@moigithub thanks, I know that. But my above answer doesn't seem to work when I run the code
CamperBot
@camperbot
Feb 16 2016 13:52 UTC
angekap sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star: 619 | @moigithub | http://www.freecodecamp.com/moigithub
Ange Kap
@Angekap
Feb 16 2016 13:54 UTC
I mean, theoretically my answer should work var secondTree = myPlants["trees"].list[1];should return "pine" but it doesn't :worried:
That's why am asking, what's wrong?!
Pratik Ratnaparkhi
@pratikr1593
Feb 16 2016 13:55 UTC
div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <h4><div class="col-xs-6"> #left-well</h4>

      <div class="well" id="left-well">
        <button class="btn btn-default target"></button>
        <button class="btn btn-default target"></button>
        <button class="btn btn-default target"></button>
      </div>
    </div>
    <h4>#right-well<div class="col-xs-6">
      </h4>
      <div class="well" id="right-well">
        <button class="btn btn-default target"></button>
        <button class="btn btn-default target"></button>
        <button class="btn btn-default target"></button>
      </div>
    </div>
  </div>
</div>
I am stuck at:
Add an h4 element to each of your <div class="col-xs-6"> elements.
Moisés Man
@moigithub
Feb 16 2016 13:57 UTC
@Angekap to access array u need numeric indices.... like
myArray[0]
or myArray[1]
lawrencebass
@lawrencebass
Feb 16 2016 13:57 UTC
@Angekap In this case you are accessing an array of objects so instead of myPlants["trees"].list[1]; try using myPlants[1].list[1];
Moisés Man
@moigithub
Feb 16 2016 13:58 UTC
the idea was not to give answer away... :) but "teach to fish" @lawrencebass
@Angekap if myPlants were an object.. u can use bracket notation to access their values.. but its an array( of objects).. so only way to access the "first object" is using index first.... then u can apply all ur objects knowledge to that element u got from the array
Neeraj Lad
@neeraj-lad
Feb 16 2016 14:02 UTC
Hi there!
This is my Weather App pen:
http://codepen.io/neeraj-lad/pen/zrbJrR?editors=0010
I am trying to change the background at line 95 of JS, but couldn't get it to work.
srinjay
@srinjay
Feb 16 2016 14:03 UTC
can anyone please help me with random quote machine?
i have no idea where to start
Neeraj Lad
@neeraj-lad
Feb 16 2016 14:04 UTC
@srinjay store some quotes, grab quotes at random & display on button click
srinjay
@srinjay
Feb 16 2016 14:04 UTC
how do i change the quotes after every click?
using ajax?
Neeraj Lad
@neeraj-lad
Feb 16 2016 14:05 UTC
@srinjay you can use 'on' event handler with 'click'
Ange Kap
@Angekap
Feb 16 2016 14:08 UTC
@moigithub Oh I see. I thought it was the same altogether :worried: ! And thanks, I've learnt something new. And thank you too @lawrencebass
CamperBot
@camperbot
Feb 16 2016 14:08 UTC
angekap sends brownie points to @moigithub and @lawrencebass :sparkles: :thumbsup: :sparkles:
:warning: angekap already gave moigithub points
:star: 327 | @lawrencebass | http://www.freecodecamp.com/lawrencebass
lawrencebass
@lawrencebass
Feb 16 2016 14:09 UTC
@srinjay You could create an Array of random quotes, then on click pick a random quote from your array using some randomized number between 0 and array.length
RobbyT15
@RobbyT15
Feb 16 2016 14:12 UTC
Hi everyone
Job Spits
@lejob
Feb 16 2016 14:13 UTC
Helladiyoyee, got two small problems regarding the challenge page. First, after completing a challenge, it won't continue to the next challenge directly. Instead, it goes back to the overview, while giving this error: 'Oops! Something went wrong. Please try again later'. How to fix it? Second problem is about the embedded Chat function on the challenge page. Although I logged in with GitHub, it keeps saying 'Log in with GitHub to start chatting'. What to do, what to do? Cheers and thanks in advance, J
And, hi Robby :smile:
RobbyT15
@RobbyT15
Feb 16 2016 14:15 UTC
Could I get some assistance with the "Testing Objects for Properties" challenge?//
lawrencebass
@lawrencebass
Feb 16 2016 14:15 UTC
@pratikr1593 Your close but your structuring is wrong, you should add your <h4></h4> within the div example:
<div class="col-xs-6">
      <h4> Stuff Here </h4>
      ........
      ........
</div>
Neeraj Lad
@neeraj-lad
Feb 16 2016 14:17 UTC
@lawrencebass could you check the pen which I posted a few lines above? could you look into the problem?
lawrencebass
@lawrencebass
Feb 16 2016 14:17 UTC
Sure @RobbyT15 , what's it asking you to do?
And yeah I'll check it out now @neeraj-lad
RobbyT15
@RobbyT15
Feb 16 2016 14:22 UTC

I need to check if a property is found and return the property's value. If it's not found, return "Not Found".

So when I check for the existing property, I actually get the true condition, but it never returns the false statement. Here's what I have.

if(myObj.hasOwnProperty(checkProp)){
return checkProp;
}
else{
return "Not Found";
}

Jonathan
@jonjitsu
Feb 16 2016 14:22 UTC
For the react projects, can I just submit a heroku url instead? I find it annoying using codepen.io.
Neeraj Lad
@neeraj-lad
Feb 16 2016 14:27 UTC
@lawrencebass did you see the issue?
Pratik Ratnaparkhi
@pratikr1593
Feb 16 2016 14:28 UTC
Thanks @lawrencebass
CamperBot
@camperbot
Feb 16 2016 14:28 UTC
pratikr1593 sends brownie points to @lawrencebass :sparkles: :thumbsup: :sparkles:
:star: 328 | @lawrencebass | http://www.freecodecamp.com/lawrencebass
lawrencebass
@lawrencebass
Feb 16 2016 14:31 UTC
Yeah give me a sec, testing it out with different locations @neeraj-lad
Neeraj Lad
@neeraj-lad
Feb 16 2016 14:33 UTC
@lawrencebass yeah.. sure!
@lawrencebass if you console.log bckgImg & weatherIcon, you can see the correct urls are selected. The issue seems to be with the $("body").css(); code
Moisés Man
@moigithub
Feb 16 2016 14:45 UTC
@neeraj-lad $("body").css("background", 'url('+bckgImg+')');
or $("body").css("background-image", 'url('+bckgImg+')');
Neeraj Lad
@neeraj-lad
Feb 16 2016 14:47 UTC
@moigithub thanks a lot! that worked! :D
CamperBot
@camperbot
Feb 16 2016 14:47 UTC
neeraj-lad sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star: 620 | @moigithub | http://www.freecodecamp.com/moigithub
Neeraj Lad
@neeraj-lad
Feb 16 2016 14:49 UTC
@moigithub why wouldn't my earlier code work? any reasons for that?
Moisés Man
@moigithub
Feb 16 2016 14:51 UTC
dunno :) i just googled that code.. took 2 min
lawrencebass
@lawrencebass
Feb 16 2016 14:51 UTC
You could also do something like this @neeraj-lad
switch (weatherType)
        {
          case 1: bckgImg = "url(https://pixabay.com/static/uploads/photo/2015/07/27/14/23/flash-862620_960_720.jpg)";
                  weatherIcon = "url(http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/128/Status-weather-storm-night-icon.png)";
                  break;
          case 2: bckgImg = "url(https://pixabay.com/static/uploads/photo/2015/11/05/22/36/blizzard-1025002_960_720.jpg)";
                  weatherIcon = "url(http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/128/Status-weather-snow-icon.png)";
                  break;
          case 3: bckgImg = "url(https://pixabay.com/static/uploads/photo/2014/05/26/14/45/rain-354617_960_720.jpg)";
                  weatherIcon = "url(http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/128/Status-weather-showers-scattered-icon.png)";
                  break;
          case 4: bckgImg = "url(https://pixabay.com/static/uploads/photo/2015/11/07/11/53/mountain-1031602_960_720.jpg)";
                  weatherIcon = "url(http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/128/Status-weather-many-clouds-icon.png)";
                  break;
          case 5: bckgImg = "url(https://pixabay.com/static/uploads/photo/2014/09/30/00/06/storm-466677_960_720.jpg)";
                  weatherIcon = "url(http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/128/Status-weather-clouds-icon.png)";
                  break;
          case 6: bckgImg = "url(https://pixabay.com/static/uploads/photo/2016/01/02/01/51/clouds-1117584_960_720.jpg)";
                  weatherIcon = "url(http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/128/Status-weather-clear-icon.png)";
                  break;
          default: bckgImg = "url(https://pixabay.com/static/uploads/photo/2016/01/02/01/51/clouds-1117584_960_720.jpg)";
                   weatherIcon = "url(http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/128/Status-weather-clear-icon.png)"; 
        }
Neeraj Lad
@neeraj-lad
Feb 16 2016 14:52 UTC
@lawrencebass yeah.. that's way works. I just got the same soln from @moigithub
$("body").css("background-image", "url( "+ bckgImg + ")");
Brad Johnson
@brad-j
Feb 16 2016 14:52 UTC
Hello all. For the first challenge "Say Hello to HTML Elements", at the end it says "...run at any time by clicking the "Run tests" button. ", but there is no "Run tests" button that I can see. (OSX 10.11.4, Chrome 48.0.2564.109) What am I missing here?
lawrencebass
@lawrencebass
Feb 16 2016 14:53 UTC
The reason it didn't work is because when your setting a background you have to pass url(link address) whereas in your case we were only passing the link address @neeraj-lad
Neeraj Lad
@neeraj-lad
Feb 16 2016 14:53 UTC
@lawrencebass any idea, why my previous mtd, didn't work? After all I used the same in my css file.
@lawrencebass thanks! that makes sense!
CamperBot
@camperbot
Feb 16 2016 14:53 UTC
neeraj-lad sends brownie points to @lawrencebass :sparkles: :thumbsup: :sparkles:
:star: 329 | @lawrencebass | http://www.freecodecamp.com/lawrencebass
Neeraj Lad
@neeraj-lad
Feb 16 2016 14:54 UTC
@brad-j try Ctrl + Enter
Brad Johnson
@brad-j
Feb 16 2016 14:55 UTC
Thanks @neeraj-lad , that worked.
CamperBot
@camperbot
Feb 16 2016 14:55 UTC
brad-j sends brownie points to @neeraj-lad :sparkles: :thumbsup: :sparkles:
:star: 302 | @neeraj-lad | http://www.freecodecamp.com/neeraj-lad
Neeraj Lad
@neeraj-lad
Feb 16 2016 14:55 UTC
@lawrencebass what should I do to stretch the image over the entire background? I used width: 100% now, but when I zoom out, the image doesn't cover the entire bckg
@brad-j the Run Tests button is on the left panel.. you might need to scroll down. Ctrl + Enter is a shortcut for it.
Brad Johnson
@brad-j
Feb 16 2016 14:58 UTC
I don't have a left panel and ctrl + Enter isn't working for the next challenge. Is it possible to upload screenshots here?
Neeraj Lad
@neeraj-lad
Feb 16 2016 14:58 UTC
@brad-j you might need to upload the pic somewhere else like PicPaste
lawrencebass
@lawrencebass
Feb 16 2016 14:59 UTC
I think background-size: 100% auto; should work @neeraj-lad
Neeraj Lad
@neeraj-lad
Feb 16 2016 15:00 UTC
@lawrencebass it works! thanks! :D
CamperBot
@camperbot
Feb 16 2016 15:00 UTC
neeraj-lad sends brownie points to @lawrencebass :sparkles: :thumbsup: :sparkles:
:warning: neeraj-lad already gave lawrencebass points
lawrencebass
@lawrencebass
Feb 16 2016 15:00 UTC
@neeraj-lad No problem
Job Spits
@lejob
Feb 16 2016 15:00 UTC
Can anyone tell me if this is the right way to nest a link in an img element?
<p>Click here for <a href="#"> cat photos <img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>.</p>
Or is another sequence better or anything :)
Neeraj Lad
@neeraj-lad
Feb 16 2016 15:02 UTC
@brad-j scroll below the Cal Pic phone
Brad Johnson
@brad-j
Feb 16 2016 15:03 UTC
@neeraj-lad , there's no scrolling past that
That's the end of the page.
A.S. Douno
@douno
Feb 16 2016 15:04 UTC
@lejob It depends, do you want the img and the text "cat photos" to be the link?
Neeraj Lad
@neeraj-lad
Feb 16 2016 15:04 UTC
@brad-j click on it.. & then try again. I can scroll in my browser.
A.S. Douno
@douno
Feb 16 2016 15:04 UTC
If it's just the image you want nested, then here is the better code:
Job Spits
@lejob
Feb 16 2016 15:04 UTC
Wait let me guess
A.S. Douno
@douno
Feb 16 2016 15:04 UTC
<p>Click here for <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" /></a>.</p>
Job Spits
@lejob
Feb 16 2016 15:05 UTC
Ah yeah
And if I wanted just the picture to be a link it'd be <a href="#"><<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" /></a>, right?
A.S. Douno
@douno
Feb 16 2016 15:06 UTC
yes, it would be
Job Spits
@lejob
Feb 16 2016 15:06 UTC
@douno thanks dude :)
CamperBot
@camperbot
Feb 16 2016 15:06 UTC
lejob sends brownie points to @douno :sparkles: :thumbsup: :sparkles:
:star: 17 | @douno | http://www.freecodecamp.com/douno
A.S. Douno
@douno
Feb 16 2016 15:06 UTC
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" /></a>
sorry, you had the double opening tag there
Job Spits
@lejob
Feb 16 2016 15:06 UTC
I saw that, cheers!
Brad Johnson
@brad-j
Feb 16 2016 15:07 UTC
It's the same in Safari. There must be something wonky going on with my machine. I'll figure it out. Thanks @neeraj-lad
CamperBot
@camperbot
Feb 16 2016 15:07 UTC
brad-j sends brownie points to @neeraj-lad :sparkles: :thumbsup: :sparkles:
:warning: brad-j already gave neeraj-lad points
Neeraj Lad
@neeraj-lad
Feb 16 2016 15:07 UTC
YW
Job Spits
@lejob
Feb 16 2016 15:08 UTC
Haha, wonky, nice.
A.S. Douno
@douno
Feb 16 2016 15:09 UTC
you welcome @lejob
Cain
@asgarvd
Feb 16 2016 15:13 UTC

Hi, got a question about the "Seek and Destroy" - Challenge...
I've got a working code, but I want to know if this is really effective :confounded:

function destroyer(arr) {
var args = Array.prototype.slice.call(arguments, 0);
var resultArr= [];

resultArr = args0.filter(function(value){
for(var i = 1; i < args.length; i++){
if(value == args[i])
return false;
}
return true;
});

return resultArr;
}

destroyer([1, 2, 3, 5, 1, 2, 3], 2, 3);

is there any better way to solve that challenge?
Tamisha Wallace
@hautemum36
Feb 16 2016 15:16 UTC
I am changing my background color within my <div> element using my tablet and its not recognizing my coide does anyone else have this problem
A.S. Douno
@douno
Feb 16 2016 15:17 UTC
@hautemum36 can you share your code?
Pradeep CE
@cepradeep
Feb 16 2016 15:22 UTC
@hautemum36 Show us your code :)
Yaroslav
@YVeselovskyi
Feb 16 2016 15:23 UTC
hello:) Can someone help me? )
A.S. Douno
@douno
Feb 16 2016 15:23 UTC
yes? @YVeselovskyi I will try to
Yaroslav
@YVeselovskyi
Feb 16 2016 15:24 UTC
ok, I have an image on my website, and I want it to open a window with another image while I am hovering on it?)
not to enlarge my current image
but open like a small window with another image in the middle of the page
Moisés Man
@moigithub
Feb 16 2016 15:29 UTC
@YVeselovskyi if u use jquery.. u can use dialog() and hover()
http://api.jqueryui.com/dialog/
https://api.jquery.com/hover/
many examples there...
Yaroslav
@YVeselovskyi
Feb 16 2016 15:34 UTC
maybe without jquery?)
When you hover your mouse over an image (thumbnail), another image (larger version) will popup.
that's what I need
John Deegan
@JohnDeegs
Feb 16 2016 15:41 UTC
Hey guys, I'm currently trying to make a portfolio page and I'm having some trouble with bootstrap. Is anyone able to decipher why the two wells aren't in alignment vertically with the wells in the next row? Thanks in advance :) http://codepen.io/JohnDeegs/pen/pgYGoV
It might be better to view the project on a higher resolution than the chat allows
Hiresh
@hiresh
Feb 16 2016 15:45 UTC
can-not pass the 2nd last test in the jquery tutorial, help please
<script>
$(document).ready(function() {
$("button").addClass("btn-primary animated flip");
$(".btn").addClass("btn-primary animated flip ");
$("#target1").addClass("btn-primary animated shake");
});
</script>
Test case says: only add one class with each of your three selectors
Moisés Man
@moigithub
Feb 16 2016 15:46 UTC
but.. u adding 3 clases.. on each selector...
.addClass("name1 name2 name3"); <-- 3 class names....
Hiresh
@hiresh
Feb 16 2016 15:49 UTC
<script>
$(document).ready(function() {
$("button").addClass("btn-primary");
$(".btn").addClass("btn-primary");
$("#target1").addClass("animated shake");
});
</script>
still the same
still the same
Moisés Man
@moigithub
Feb 16 2016 15:49 UTC
should be
ur last selector hav 2 clases
Baktybek
@Baktybek
Feb 16 2016 15:49 UTC
Use the $("button") selector.
Use the $(".btn") selector.
Use the $("#target1") selector.
Only add one class with each of your three selectors.
Your #target1 element should have the classes animated‚ shake and btn-primary.
Only use jQuery to add these classes to the element.
how do i add one class
Hiresh
@hiresh
Feb 16 2016 15:49 UTC
one more test case says :Your #target1 element should have the classes animated‚ shake and btn-primary.
Moisés Man
@moigithub
Feb 16 2016 15:50 UTC
what is target1 a button ?
Hiresh
@hiresh
Feb 16 2016 15:50 UTC
Challenge name on the Map:Target the same element with multiple jQuery Selectors
yeah
hannahping
@hannahping
Feb 16 2016 15:51 UTC
Hello World
CamperBot
@camperbot
Feb 16 2016 15:51 UTC

welcome to FreeCodeCamp @hannahping!

Hiresh
@hiresh
Feb 16 2016 15:51 UTC
target1 is a button
Moisés Man
@moigithub
Feb 16 2016 15:52 UTC
@hiresh
Add the animated class to all elements with type button.

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

Add the btn-primary class to the button with id #target1.
each line.. should be 1 line of code .
so first line.. $("button).addClass("animated");
second line... u use the ".btn" selector to add the class "shake"
third... u use "#target1" selector to add "btn-primary"
Hiresh
@hiresh
Feb 16 2016 15:53 UTC
it worked..thanks
how did you figure it out?
Moisés Man
@moigithub
Feb 16 2016 15:54 UTC
its on the exercise description.. if u re-read again :)
left side
Baktybek
@Baktybek
Feb 16 2016 15:55 UTC
giving me the error
Hiresh
@hiresh
Feb 16 2016 15:55 UTC
Thanks a lot :+1:
@moigithub
Moisés Man
@moigithub
Feb 16 2016 15:55 UTC
:) yw
Baktybek
@Baktybek
Feb 16 2016 15:55 UTC
$(".btn").addClass("animated");
$("button").addClass("animated shake");
$("#target1").addClass("animated shake btn-primary");
this is my code
Hiresh
@hiresh
Feb 16 2016 15:55 UTC
@Baktybek
<script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("shake");
$("#target1").addClass("btn-primary");
});
</script>
@moigithub
Baktybek
@Baktybek
Feb 16 2016 15:56 UTC
Your #target1 element should have the classes animated‚ shake and btn-primary.
Hiresh
@hiresh
Feb 16 2016 15:56 UTC
how did you add the code here
Moisés Man
@moigithub
Feb 16 2016 15:56 UTC
help format
CamperBot
@camperbot
Feb 16 2016 15:56 UTC

:point_right: code formatting [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

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

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

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

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

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

Baktybek
@Baktybek
Feb 16 2016 15:57 UTC
@moigithub
Your #target1 element should have the classes animated‚ shake and btn-primary.
ne ponimayu
Hiresh
@hiresh
Feb 16 2016 15:57 UTC

target1 is a member of class .btn and its type is "button"

'''
CamperBot
@camperbot
Feb 16 2016 15:58 UTC
:bulb: to format code use backticks! ``` more info
Hiresh
@hiresh
Feb 16 2016 15:58 UTC
'''<script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("shake");
$("#target1").addClass("btn-primary");
});
</script>'''
CamperBot
@camperbot
Feb 16 2016 15:58 UTC
:bulb: to format code use backticks! ``` more info
Baktybek
@Baktybek
Feb 16 2016 15:58 UTC
@hiresh
thanx it worked now
Hiresh
@hiresh
Feb 16 2016 15:58 UTC
welcome
Baktybek
@Baktybek
Feb 16 2016 15:59 UTC
actually @moigithub u gave the correct one too
sorry
thnx
Hiresh
@hiresh
Feb 16 2016 15:59 UTC
help format
CamperBot
@camperbot
Feb 16 2016 15:59 UTC

:point_right: code formatting [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

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

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

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

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

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

Hiresh
@hiresh
Feb 16 2016 16:00 UTC
'''
js
CamperBot
@camperbot
Feb 16 2016 16:00 UTC
:bulb: to format code use backticks! ``` more info
Hiresh
@hiresh
Feb 16 2016 16:01 UTC
js
<script>
  $(document).ready(function() {
  $("button").addClass("animated");
    $(".btn").addClass("shake");
  $("#target1").addClass("btn-primary");
  });
</script>
thanks @moigithub for the help ! code format worked too
CamperBot
@camperbot
Feb 16 2016 16:02 UTC
hiresh sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star: 622 | @moigithub | http://www.freecodecamp.com/moigithub
Rob
@robvon86
Feb 16 2016 16:02 UTC
I think I will have totally stupid question, but I am helpless :pensive: My picture is still going more to the left and it doesnt want to stay in the middle - I am prolly doing something wrong with the bootstrap containers - can someone please help me? Thanks! :smile: http://codepen.io/RobCZ/pen/qbvXpv
Hiresh
@hiresh
Feb 16 2016 16:06 UTC
thanks @moigithub
this will add points
CamperBot
@camperbot
Feb 16 2016 16:06 UTC
hiresh sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:warning: hiresh already gave moigithub points
Neeraj Lad
@neeraj-lad
Feb 16 2016 16:09 UTC
@robvon86 are you using the col-md-2 div before & after the div to center it?
Rob
@robvon86
Feb 16 2016 16:10 UTC
yeah - dunno how to center it, Ive tried center-block, wasnt working
col-md-12 moves it to the left
Neeraj Lad
@neeraj-lad
Feb 16 2016 16:12 UTC
@robvon86 add col-md-offset-2 to the middle div & remove the others.
The offset 2 is calculated as:
(total BS rows - rows used) / 2 ie (12 - 8) / 2 = 2, since you used 8 rows for your middle div.
@robvon86 also remove the width & height properties from your css. They were causing the issue.
http://codepen.io/neeraj-lad/full/KVELjY/
@robvon86 don't hard code width, height values. Try to use % as much as possible.
Rob
@robvon86
Feb 16 2016 16:15 UTC
@neeraj-lad Thank you for everything neeraj, gonna try. That fixed - I wanted it not to expand like that
CamperBot
@camperbot
Feb 16 2016 16:15 UTC
robvon86 sends brownie points to @neeraj-lad :sparkles: :thumbsup: :sparkles:
:star: 306 | @neeraj-lad | http://www.freecodecamp.com/neeraj-lad
Neeraj Lad
@neeraj-lad
Feb 16 2016 16:16 UTC
@robvon86 did that solve your problem?
Rob
@robvon86
Feb 16 2016 16:19 UTC
@neeraj-lad its in middle now and code looks better, still ite keeps jumping it to the left - with that fixed h and w, I think its no other possibility to keep thsi fixed if I want to have it normal :D
or some larger picture will work
Neeraj Lad
@neeraj-lad
Feb 16 2016 16:20 UTC
@robvon86 it works well when I resize the Editor view of Codepen.
You might want to add the image div, to the jumbotron div.
Rob
@robvon86
Feb 16 2016 16:20 UTC
btw. is there some normal website/server, where you can upload pics and use them in html code?
Bryon Nicoson
@bryonnicoson
Feb 16 2016 16:22 UTC
Golf Code javascript page - my code passes tests according to console log, but does not earn all of the checkmarks - anybody know how to please the page?
Doandes Razvan
@Fuzyon
Feb 16 2016 16:23 UTC
This message was deleted
Rob
@robvon86
Feb 16 2016 16:24 UTC
@neeraj-lad thank you again for you help :)
CamperBot
@camperbot
Feb 16 2016 16:24 UTC
robvon86 sends brownie points to @neeraj-lad :sparkles: :thumbsup: :sparkles:
:warning: robvon86 already gave neeraj-lad points
Blauelf
@Blauelf
Feb 16 2016 16:24 UTC
@bryonnicoson First: Have you tried turning it off and on again? (Website, maybe also browser). Then: Maybe there is a bug in your code, post it using proper code formatting.
Neeraj Lad
@neeraj-lad
Feb 16 2016 16:25 UTC
@robvon86 YW
Bryon Nicoson
@bryonnicoson
Feb 16 2016 16:25 UTC
@Blauelf yeah, and the code is properly formatted - it tests fine - the page is just apparently looking for something else
Neeraj Lad
@neeraj-lad
Feb 16 2016 16:25 UTC
@robvon86 try Pixabay. When you open the picture in a new tab, you can use those links directly in your code.
Blauelf
@Blauelf
Feb 16 2016 16:27 UTC
@bryonnicoson If reload does not help, post your code to the chat (using proper formatting with a line of ```js before and a line of ``` after your code, so we can read it easily)
Bryon Nicoson
@bryonnicoson
Feb 16 2016 16:28 UTC

```js function golfScore(par, strokes) {
// Only change code below this line
if (strokes == 1) {
return "Hole-in-one!";
}
else if (par - strokes >= 2) {
return "Eagle!";
}
else if (par - strokes == 1) {
return "Birdie!";
}
else if (par == strokes) {
return "Par";
}
else if (strokes - par == 1) {
return "Bogey";
}
else if (strokes - par == 2) {
return "Double Bogey";
}
else {
return "Go Home!";
}

// Only change code above this line
}

// Change these values to test
golfScore(5, 2);

```jsfunction golfScore(par, strokes) {
// Only change code below this line
if (strokes == 1) {
return "Hole-in-one!";
}
else if (par - strokes >= 2) {
return "Eagle!";
}
else if (par - strokes == 1) {
return "Birdie!";
}
else if (par == strokes) {
return "Par";
}
else if (strokes - par == 1) {
return "Bogey";
}
else if (strokes - par == 2) {
return "Double Bogey";
}
else {
return "Go Home!";
}

// Only change code above this line
}

// Change these values to test
golfScore(5, 2);```

lawrencebass
@lawrencebass
Feb 16 2016 16:28 UTC
help format
CamperBot
@camperbot
Feb 16 2016 16:28 UTC

:point_right: code formatting [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

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

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

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

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

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

Bryon Nicoson
@bryonnicoson
Feb 16 2016 16:28 UTC
@Blauelf thanks - sorry about that
CamperBot
@camperbot
Feb 16 2016 16:28 UTC
bryonnicoson sends brownie points to @blauelf :sparkles: :thumbsup: :sparkles:
:star: 1205 | @blauelf | http://www.freecodecamp.com/blauelf
Bryon Nicoson
@bryonnicoson
Feb 16 2016 16:29 UTC
@lawrencebass thanks
CamperBot
@camperbot
Feb 16 2016 16:29 UTC
bryonnicoson sends brownie points to @lawrencebass :sparkles: :thumbsup: :sparkles:
:star: 330 | @lawrencebass | http://www.freecodecamp.com/lawrencebass
Blauelf
@Blauelf
Feb 16 2016 16:29 UTC
@bryonnicoson You can edit your post and insert some line breaks (Shift+Return) to make it work...
@bryonnicoson There should not be an exclamation mark after Eagle or Birdie.
Bryon Nicoson
@bryonnicoson
Feb 16 2016 16:35 UTC
@Blauelf oh, yeah. I guess I'm always excited to get one of those, so I added them in :)
Thanks @Blauelf !
CamperBot
@camperbot
Feb 16 2016 16:36 UTC
bryonnicoson sends brownie points to @blauelf :sparkles: :thumbsup: :sparkles:
:warning: bryonnicoson already gave blauelf points
Gbanaibolou Burutolu
@gbanaibolou
Feb 16 2016 16:44 UTC
Hello, everybody!
Bryon Nicoson
@bryonnicoson
Feb 16 2016 16:44 UTC
@Gbanaibolou hi
Gbanaibolou Burutolu
@gbanaibolou
Feb 16 2016 16:45 UTC
I am stuck at "Size Your Images" Challenge. I need help, please.
Here is what I have..

<link href="http://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">

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

Bryon Nicoson
@bryonnicoson
Feb 16 2016 16:46 UTC
set class for img
Gbanaibolou Burutolu
@gbanaibolou
Feb 16 2016 16:47 UTC
Done already.
Bryon Nicoson
@bryonnicoson
Feb 16 2016 16:47 UTC
the same as you have set class for each p and h2 element, assign the class to the img
Gbanaibolou Burutolu
@gbanaibolou
Feb 16 2016 16:48 UTC
Yes. I have created class for img already. Can you please go through what I have done above, and see where I may be missing it?
Bryon Nicoson
@bryonnicoson
Feb 16 2016 16:48 UTC
you have created the .smaller-image class, but you have not told the img to use it
<p class="red-text"> <h2 class="red-text"> <img src="https://bit.ly/fcc-relaxing-cat">
no class assignment for the image
Gbanaibolou Burutolu
@gbanaibolou
Feb 16 2016 16:52 UTC
Oh!
Bryon Nicoson
@bryonnicoson
Feb 16 2016 16:53 UTC
:)
A lost soul
@ashiftedsoul
Feb 16 2016 16:54 UTC
Having an issues with Use a CSS Class to Style an Element it said that "Your stylesheet should declare a red-text class and have its color set to red." But I have....

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

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

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

Erik J
@ejinnotech
Feb 16 2016 16:54 UTC
Um, stuck on Size our images
A lost soul
@ashiftedsoul
Feb 16 2016 16:55 UTC
unless im blind.
Pablo Macias
@jpablom
Feb 16 2016 16:55 UTC
@ashiftedsoul your class name should be red-text
A lost soul
@ashiftedsoul
Feb 16 2016 16:56 UTC
Ah! thank you!
Pablo Macias
@jpablom
Feb 16 2016 16:56 UTC
:smile: YW
Erik J
@ejinnotech
Feb 16 2016 17:02 UTC
Any thoughts on my bad here:

<link href="http://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">

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

hajeansonne
@hajeansonne
Feb 16 2016 17:03 UTC
Am I supposed to be exporting or embedding when I am done with a pen?
Alexander Køpke
@alexanderkopke
Feb 16 2016 17:03 UTC
@hajeansonne you mean when you submit the pen?
@hajeansonne click change view and choose full page, then copy the url and submit that
Gbanaibolou Burutolu
@gbanaibolou
Feb 16 2016 17:04 UTC
@ejinnotech Same here, and I don't seem to get it. Still can't move on. Stuck!!
Alexander Køpke
@alexanderkopke
Feb 16 2016 17:05 UTC
@ejinnotech what are you suppose to do?
Bryon Nicoson
@bryonnicoson
Feb 16 2016 17:06 UTC
@ejinnotech - assign the image to the smaller-image class
the same way you assigned your h2 to the red-text class
Chris Tolbert
@CRTolbert
Feb 16 2016 17:06 UTC
should the top navigation go inside the header on a web page?
Ednacode (New to Github and making mistakes)
@EdnaMode
Feb 16 2016 17:06 UTC
ejinnotech wys the err mess
Gbanaibolou Burutolu
@gbanaibolou
Feb 16 2016 17:07 UTC
@bryonnicoson Can you give an example, please?
Show us an example.
Alexander Køpke
@alexanderkopke
Feb 16 2016 17:07 UTC
@EdnaMode I love that movie :)
Bryon Nicoson
@bryonnicoson
Feb 16 2016 17:07 UTC
<img class="huge-image" src="https://.....">
Gbanaibolou Burutolu
@gbanaibolou
Feb 16 2016 17:10 UTC
Wow!
PERFECT! Worked!!
Bryon Nicoson
@bryonnicoson
Feb 16 2016 17:11 UTC
:)
Gbanaibolou Burutolu
@gbanaibolou
Feb 16 2016 17:11 UTC
Many thanks @bryonnicoson .. :D
CamperBot
@camperbot
Feb 16 2016 17:11 UTC
gbanaibolou sends brownie points to @bryonnicoson :sparkles: :thumbsup: :sparkles:
:star: 210 | @bryonnicoson | http://www.freecodecamp.com/bryonnicoson
Bryon Nicoson
@bryonnicoson
Feb 16 2016 17:11 UTC
@Gbanaibolou YW
Gbanaibolou Burutolu
@gbanaibolou
Feb 16 2016 17:12 UTC
@ejinnotech Gotten yet?
Erik J
@ejinnotech
Feb 16 2016 17:12 UTC
Yep thx, nice!
haha "Bullseye," with help...
RobbyT15
@RobbyT15
Feb 16 2016 17:24 UTC
Can anyone better expla
in the Record Collection challenge?
Ramon Carroll
@Ramon-Carroll
Feb 16 2016 17:25 UTC
Hello, is there anyone here familiar with the smallest common multiple algorithm challenge?
I need a little help.
So it's my understanding that the most efficient way to find the least common multiple (LCM) of two numbers is to first get the greatest common divisor (GCD), as: LCM(a,b) = a * b / GCD(a, b).
However, what if you have more than just "a" and "b"? What if you have a, b, c, d, e? Does it still work?
I'm trying to understand if the problem is my code or if I'm just trying to use the algorithm in a way that it wasn't intended to be used.
Marsel
@marselcode
Feb 16 2016 17:31 UTC

hello. please help me with Stand in Line. there are my code

function queue(arr, item) {
// Your code here

testArr.push([item]);
testArr.shift();

return item; // Change this line
}

// Test Setup
var testArr = [1,2,3,4,5];

what is my next step? I'm confused

009695
@009695
Feb 16 2016 17:36 UTC
Your image should have a src attribute that points to the kitten image. <img scr="https://bit.ly/fcc-relaxing-cat"
whats the problem?
Chris Tolbert
@CRTolbert
Feb 16 2016 17:36 UTC
Anyone available to help me with Build a Personal Portfolio. I'm having a hard time knowing how to start.
AliciadW
@AliciadW
Feb 16 2016 17:40 UTC
@CRTolbert What is it that you don't understand?
Thomas Bartels
@tbartels
Feb 16 2016 17:42 UTC
help format (for you @marselcode )
help format
CamperBot
@camperbot
Feb 16 2016 17:42 UTC

:point_right: code formatting [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

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

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

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

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

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

Maulik Darji
@maulikdarji
Feb 16 2016 17:43 UTC
Andrew Charlebois
@andrewchar
Feb 16 2016 17:43 UTC
looking for help with how to access data from api data with Jquery. currently doing my local weather app. this is my code so far.
http://codepen.io/andrewchar/pen/dGrVJO?editors=1011
Chris Tolbert
@CRTolbert
Feb 16 2016 17:44 UTC

@AliciadW Here's what I've got so far: ```'code'<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Hire Us</a></li>
</ul>

<header>
<h1>Studio 7</h1>
<h3>Bringing your ideas to life</h3>
</header>

<section>
<h2>About</h2>
<aside>
<ul>
<li><a href="#">Twitter</a></li>
<li><a href="#">Facebook</a></li>
<li><a href="#">LinkedIn</a></li>
<li><a href="#">FCC</a></li>
</ul>
</aside>
</section>

<section>
<h2>Projects</h2>
</section>

<section>
<h2>Hire Us</h2>
</section>

<footer>
<p>Copyright © Studio 7 2016. All rights reserved.</p>
<p><a href="#">Back to top</a></p>
</footer>```

I don't even know how to post code in here. Sorry
Ednacode (New to Github and making mistakes)
@EdnaMode
Feb 16 2016 17:44 UTC
@alexanderkopke Edna is so awsome lol
lawrencebass
@lawrencebass
Feb 16 2016 17:44 UTC
help format @CRTolbert
CamperBot
@camperbot
Feb 16 2016 17:44 UTC
no wiki entry for: format @crtolbert
Marsel
@marselcode
Feb 16 2016 17:44 UTC

'function queue(arr, item) {
// Your code here

testArr.push([item]);
testArr.shift();

return item; // Change this line
}

// Test Setup
var testArr = [1,2,3,4,5];'

lawrencebass
@lawrencebass
Feb 16 2016 17:45 UTC
help format
CamperBot
@camperbot
Feb 16 2016 17:45 UTC

:point_right: code formatting [wiki]

Inline code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

Code Block

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

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

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

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

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

Chris Tolbert
@CRTolbert
Feb 16 2016 17:45 UTC

@AliciadW ```html
'code'<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Hire Us</a></li>
</ul>

<header>
<h1>Studio 7</h1>
<h3>Bringing your ideas to life</h3>
</header>

<section>
<h2>About</h2>
<aside>
<ul>
<li><a href="#">Twitter</a></li>
<li><a href="#">Facebook</a></li>
<li><a href="#">LinkedIn</a></li>
<li><a href="#">FCC</a></li>
</ul>
</aside>
</section>

<section>
<h2>Projects</h2>
</section>

<section>
<h2>Hire Us</h2>
</section>

<footer>
<p>Copyright © Studio 7 2016. All rights reserved.</p>
<p><a href="#">Back to top</a></p>
</footer>```

AliciadW
@AliciadW
Feb 16 2016 17:45 UTC
Okay...
Maulik Darji
@maulikdarji
Feb 16 2016 17:46 UTC
@marselcode arr.push(item);
return arr.shift();
Thomas Bartels
@tbartels
Feb 16 2016 17:46 UTC
@CRTolbert need to put the backticks on their own line, at the beginning
Chris Tolbert
@CRTolbert
Feb 16 2016 17:46 UTC
so now do I just try to figure out which Bootstrap classes i need to add to which element in order to begin styling the page?
'code'
'code'<ul>
  <li><a href="#">Home</a></li>
  <li><a href="#">About</a></li>
  <li><a href="#">Projects</a></li>
  <li><a href="#">Hire Us</a></li>
</ul>

<header>
  <h1>Studio 7</h1>
  <h3>Bringing your ideas to life</h3>
</header>
<section>
  <h2>About</h2>
  <aside>
    <ul>
      <li><a href="#">Twitter</a></li>
      <li><a href="#">Facebook</a></li>
      <li><a href="#">LinkedIn</a></li>
      <li><a href="#">FCC</a></li>
    </ul>
  </aside>
</section>
<section>
  <h2>Projects</h2>
</section>
<section>
  <h2>Hire Us</h2>
</section>
<footer>
  <p>Copyright &copy; Studio 7 2016. All rights reserved.</p>
  <p><a href="#">Back to top</a></p>
</footer>
thank you @tbartels
CamperBot
@camperbot
Feb 16 2016 17:47 UTC
crtolbert sends brownie points to @tbartels :sparkles: :thumbsup: :sparkles:
:star: 140 | @tbartels | http://www.freecodecamp.com/tbartels
AliciadW
@AliciadW
Feb 16 2016 17:47 UTC
@CRTolbert The header tag is used for meta data such as introductory content or navigational links (i.e. links to fonts)
Chris Tolbert
@CRTolbert
Feb 16 2016 17:48 UTC
@AliciadW Oh, I thought that was the head tag
Maulik Darji
@maulikdarji
Feb 16 2016 17:48 UTC
@AliciadW thats <head> tag
@CRTolbert you can wrap <ul> </ul> in <nav> tags
Marsel
@marselcode
Feb 16 2016 17:50 UTC

@maulikdarji `function queue(arr, item) {
// Your code here

testArr.push(item);

return testArr.shift(); // Change this line
}

// Test Setup
var testArr = [1,2,3,4,5];` I changed code but ( queue([5,6,7,8,9], 1) should return 5) not performed

AliciadW
@AliciadW
Feb 16 2016 17:50 UTC
hmmm... http://www.w3schools.com/tags/tag_header.asp Got my info from here. This is how I have been working
Jordan S. Elam
@JordanSElam
Feb 16 2016 17:50 UTC
would anyone be able to help me in advancing on the map? I've run into directions that seem ambiguous and idk what to do
Maulik Darji
@maulikdarji
Feb 16 2016 17:50 UTC
@marselcode use arr instead of testArr
AliciadW
@AliciadW
Feb 16 2016 17:51 UTC
@CRTolbert you could also read up on bootstrap and use that.
Chris Tolbert
@CRTolbert
Feb 16 2016 17:52 UTC
@AliciadW I've been trying to figure bootstrap out, but having a hard time putting it all together. Could you point me to a good resource?
AliciadW
@AliciadW
Feb 16 2016 17:52 UTC
Marsel
@marselcode
Feb 16 2016 17:53 UTC
@maulikdarji thanks. I passed the task. but i don't understand why we used arr instead testArr?
CamperBot
@camperbot
Feb 16 2016 17:53 UTC
marselcode sends brownie points to @maulikdarji :sparkles: :thumbsup: :sparkles:
:star: 464 | @maulikdarji | http://www.freecodecamp.com/maulikdarji
AliciadW
@AliciadW
Feb 16 2016 17:53 UTC
It takes some time to get used to it (or at least that's how I experienced it), but when you start to understand it's actually guite easy
quit*
quite* (third time lucky)
Chris Tolbert
@CRTolbert
Feb 16 2016 17:53 UTC
@AliciadW I guess i'm having a hard time with the big picture. I'll keep plugging away. Thank you for your help!
CamperBot
@camperbot
Feb 16 2016 17:53 UTC
crtolbert sends brownie points to @aliciadw :sparkles: :thumbsup: :sparkles:
:star: 303 | @aliciadw | http://www.freecodecamp.com/aliciadw
AliciadW
@AliciadW
Feb 16 2016 17:54 UTC
@CRTolbert also look at other websites' code and see what makes sense
Jordan S. Elam
@JordanSElam
Feb 16 2016 17:55 UTC

Directions:
Now let's go back to our Cat Photo App. This time, we'll style it using the popular Bootstrap responsive CSS framework.

Bootstrap will figure out how wide your screen is and respond by resizing your HTML elements - hence the name Responsive Design.

With responsive design, there is no need to design a mobile version of your website. It will look good on devices with screens of any width.

You can add Bootstrap to any app just by including it by adding the following code to the top of your HTML:

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>

In this case, we've already added it for you to this page behind the scenes.

To get started, we should nest all of our HTML in a div element with the class container-fluid.

Chris Tolbert
@CRTolbert
Feb 16 2016 17:55 UTC
Okay ;)
Jordan S. Elam
@JordanSElam
Feb 16 2016 17:55 UTC

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

<p>Things cats love:</p>

<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>

<p>Top 3 things cats hate:</p>

<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>

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

AliciadW
@AliciadW
Feb 16 2016 17:55 UTC
@CRTolbert what I have done so far when I am having trouble with something is find a site that I want to imitate and then reverse engineer
Jordan S. Elam
@JordanSElam
Feb 16 2016 17:55 UTC
can anyone help me here
Maulik Darji
@maulikdarji
Feb 16 2016 17:55 UTC
@marselcode Array has been passed through arr argument in the function queue(arr,item), so all the operations are to be performed on arr, testArr is just for reference.
Chris Tolbert
@CRTolbert
Feb 16 2016 17:56 UTC
@AliciadW I'll give that a try!
@AliciadW How long did it take you to complete the Personal Portfolio?
Marsel
@marselcode
Feb 16 2016 17:56 UTC
@maulikdarji ok thanks
CamperBot
@camperbot
Feb 16 2016 17:56 UTC
marselcode sends brownie points to @maulikdarji :sparkles: :thumbsup: :sparkles:
:warning: marselcode already gave maulikdarji points
Maulik Darji
@maulikdarji
Feb 16 2016 17:57 UTC
@JordanSElam You need to wrap your code inside <div> </div> tags, with class name container-fluid
@JordanSElam i.e. <div class="class-name"> ... your code here ... </div>
Jordan S. Elam
@JordanSElam
Feb 16 2016 17:57 UTC
Thank you very much @maulikdarji
CamperBot
@camperbot
Feb 16 2016 17:57 UTC
jordanselam sends brownie points to @maulikdarji :sparkles: :thumbsup: :sparkles:
:star: 465 | @maulikdarji | http://www.freecodecamp.com/maulikdarji
AliciadW
@AliciadW
Feb 16 2016 17:58 UTC
@CRTolbert first attempt took about a week, but I only work after hours, in total probably about 10 hours. But I made a second one after I did a few other things and that took me a Sunday to do.
@CRTolbert I have no prior development experience so things like this take me longer than I think it should
Chris Tolbert
@CRTolbert
Feb 16 2016 17:59 UTC
@AliciadW Okay, cool. I'm in the same boat. I was thinking it shouldn't be taking this long, but I've only been working on it for a few hours.
AliciadW
@AliciadW
Feb 16 2016 17:59 UTC
Good luck! @CRTolbert
Chris Tolbert
@CRTolbert
Feb 16 2016 17:59 UTC
@AliciadW Thanks again!
CamperBot
@camperbot
Feb 16 2016 17:59 UTC
crtolbert sends brownie points to @aliciadw :sparkles: :thumbsup: :sparkles:
:warning: crtolbert already gave aliciadw points
AliciadW
@AliciadW
Feb 16 2016 18:00 UTC
Pleasure
frank
@mebeme333
Feb 16 2016 18:13 UTC
whats up guys, im having a little trouble figuring out why my img class isnt registering. this is what i have " <p class="img-responsive" ><img src="http://bit.ly/fcc-running-cats" href="#"></p> " and it wants me to have the image classed as "image responsive" i tried nesting ".img-responsive" within my style tag to create a class for it. but its still not letting me move on
Maulik Darji
@maulikdarji
Feb 16 2016 18:14 UTC
@mebeme333 You need to assign image-responsive class to <img> tag instead of <p>
frank
@mebeme333
Feb 16 2016 18:16 UTC
@maulikdarji thank you so much!!!!
CamperBot
@camperbot
Feb 16 2016 18:16 UTC
mebeme333 sends brownie points to @maulikdarji :sparkles: :thumbsup: :sparkles:
:star: 466 | @maulikdarji | http://www.freecodecamp.com/maulikdarji
Geeta KrishnaChand Chintakunta
@chandchintakunta
Feb 16 2016 18:27 UTC
Hi all. I just started freecodecamp 3-4 days ago and am done with about 50 challenges. Just was wondering how everyone is doing the challenges. Making some kind of notes or just continuously do the challenges?
CosmicGoldilocks
@CosmicGoldilocks
Feb 16 2016 18:29 UTC
Hey guys. Sorry, this is really basic, but what does it mean when it tells me to delete trailing comment tags? When I do, then everything goes invisible.
Brian
@sludge256
Feb 16 2016 18:31 UTC
along with deleting trailing comment tags --> you should also delete the opening tags <!--
Geeta KrishnaChand Chintakunta
@chandchintakunta
Feb 16 2016 18:31 UTC
@CosmicGoldilocks I guess it is just telling you to remove "<!--" and "-->". Try that, if still not working, post the code :)
Brian
@sludge256
Feb 16 2016 18:32 UTC
Take notes if you find them helpful.
Everyone learns differently.
CosmicGoldilocks
@CosmicGoldilocks
Feb 16 2016 18:33 UTC
Thanks guys, I didn't realize I needed to close the opening comments as well. Appreciate the assistance!
*delete
Geeta KrishnaChand Chintakunta
@chandchintakunta
Feb 16 2016 18:34 UTC
@sludge256 Thank you
CamperBot
@camperbot
Feb 16 2016 18:34 UTC
chandchintakunta sends brownie points to @sludge256 :sparkles: :thumbsup: :sparkles: