These are chat archives for FreeCodeCamp/Help

7th
Jun 2017
Ayush Kumar
@Gr8ayu
Jun 07 2017 00:00
how can I remove duplicate values from array ??
Mohamed Nabil Ayoub
@MohNabil
Jun 07 2017 00:01
hi guys,need some help with my portfolio again, why in contact me section when i press on linkden icon or freecodecamp icon doesn’t open automatically like facebook i need to open in new tab to see the page,https://codepen.io/Moh-Nabil/pen/mwdYPP
Sahana Balram
@sahanabalram
Jun 07 2017 00:02
@MohNabil they are not icons from awesome fonts which would help you to open the appropriate links
Ayush Kumar
@Gr8ayu
Jun 07 2017 00:02
@MohNabil use target="_blank"
mrgrizzlie33
@mrgrizzlie33
Jun 07 2017 00:02

A little embarrased, I can't seem to get the proper font-color. heres the code:

.header {
font-family: MyFont;
font-color: grey;
font-size: 60px;
}

Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 00:02
@mrgrizzlie33 gray
mrgrizzlie33
@mrgrizzlie33
Jun 07 2017 00:03
@ravikishorethella I also tried white and it didn't work
Sahana Balram
@sahanabalram
Jun 07 2017 00:03
@Gr8ayu he already has used target="_blank" in his code
mrgrizzlie33
@mrgrizzlie33
Jun 07 2017 00:03
@ravikishorethella tried the letter chang and it didnt work
droc1983
@droc1983
Jun 07 2017 00:03
I think it just color not font-color
Mohamed Nabil Ayoub
@MohNabil
Jun 07 2017 00:03
@Gr8ayu i am already using it
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 00:03
@mrgrizzlie33 its color
Ayush Kumar
@Gr8ayu
Jun 07 2017 00:04
@sahanabalram he is using on <img>instead of <a>
Mohamed Nabil Ayoub
@MohNabil
Jun 07 2017 00:04
@sahanabalram where i can find it
Daris96
@Daris96
Jun 07 2017 00:04
guys can please check my first website
a FCC clone just made it
Sahana Balram
@sahanabalram
Jun 07 2017 00:04
@MohNabil search in google for font awesome
@Daris96 please share the link once again
mrgrizzlie33
@mrgrizzlie33
Jun 07 2017 00:04
@ravikishorethella thx that was it
CamperBot
@camperbot
Jun 07 2017 00:04
mrgrizzlie33 sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 419 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Daris96
@Daris96
Jun 07 2017 00:04
i just finished html css and bootstrap
Ayush Kumar
@Gr8ayu
Jun 07 2017 00:05
how can I remove duplicate values from array ??
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 00:05
@mrgrizzlie33 :thumbsup:
Mohamed Nabil Ayoub
@MohNabil
Jun 07 2017 00:05
@sahanabalram ok thanks for your helpp
CamperBot
@camperbot
Jun 07 2017 00:05
mohnabil sends brownie points to @sahanabalram :sparkles: :thumbsup: :sparkles:
:cookie: 129 | @sahanabalram |http://www.freecodecamp.com/sahanabalram
Daris96
@Daris96
Jun 07 2017 00:05
i will really really appreciate your reviews i know its very bad but its a start
Sahana Balram
@sahanabalram
Jun 07 2017 00:05
@Daris96 was this a tribute page or your portfolio page?
@MohNabil anytime :)
aarontburton
@aarontburton
Jun 07 2017 00:06
Hi, not able to resize image. I think my problem is creating the class.
Awmanthisguy
@awmanthisguy
Jun 07 2017 00:06
Does anyone know if JSOP is still something you can use on codepen? I am having cross-origin issues, as my api I want to use for the random quote project is served http instead of https.... I tried to use JSOP, but not sure if I was doing it wrong, or just is not allowed on codepen either and I'm forced to use another api https://codepen.io/Awmanthisguy/pen/BZagvE?editors=0010
Eric price
@mdkiam
Jun 07 2017 00:06
i feel stupid
Ayush Kumar
@Gr8ayu
Jun 07 2017 00:06
@Daris96 your page is not responsive but its good
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 00:07
@aarontburton post the code
Daris96
@Daris96
Jun 07 2017 00:07
@sahanabalram well neither any of them
Sahana Balram
@sahanabalram
Jun 07 2017 00:07
@Daris96 : oh okay
Daris96
@Daris96
Jun 07 2017 00:07
i did not finish Jqurey section yet
@Gr8ayu thank u
CamperBot
@camperbot
Jun 07 2017 00:07
daris96 sends brownie points to @gr8ayu :sparkles: :thumbsup: :sparkles:
Sahana Balram
@sahanabalram
Jun 07 2017 00:07
@Daris96 after which section does this FCC clone challenge come?
CamperBot
@camperbot
Jun 07 2017 00:07
:cookie: 307 | @gr8ayu |http://www.freecodecamp.com/gr8ayu
aarontburton
@aarontburton
Jun 07 2017 00:08
<img class= "smaller-image"</img>
Awmanthisguy
@awmanthisguy
Jun 07 2017 00:08
??? how did it load a quote when I posted it??? kept giving me cross origin errors when I clicked on it myself
Ayush Kumar
@Gr8ayu
Jun 07 2017 00:08
@sahanabalram how can I remove duplicate values from array ?? @ravikishorethella
Daris96
@Daris96
Jun 07 2017 00:08
@Gr8ayu good for a newbie !
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 00:08
@Gr8ayu no idea
Ayush Kumar
@Gr8ayu
Jun 07 2017 00:08
ok
Sahana Balram
@sahanabalram
Jun 07 2017 00:09
@Gr8ayu I haven't reached that part yet so sorry
Henry
@GitHub-Henry
Jun 07 2017 00:09
@awmanthisguy i don't think codepen prevents use of jsonp
Daris96
@Daris96
Jun 07 2017 00:09
@sahanabalram well i did it by myself no challenges
Taylor Esco
@TheAgentEsco
Jun 07 2017 00:10
i am on the classes portion of the tasks and am having a hard time
Sahana Balram
@sahanabalram
Jun 07 2017 00:10
@Daris96 in that case it looks really good :+1:
Daris96
@Daris96
Jun 07 2017 00:10
@sahanabalram i think the best practice for a programmer is to copy others websites right !
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 00:10
@TheAgentEsco what is the challenge?
Taylor Esco
@TheAgentEsco
Jun 07 2017 00:10
"your style sheet should declare a red-text class and have its color set to red"
i have all of them done but that one
Daris96
@Daris96
Jun 07 2017 00:11
@sahanabalram well, thank u very much
CamperBot
@camperbot
Jun 07 2017 00:11
daris96 sends brownie points to @sahanabalram :sparkles: :thumbsup: :sparkles:
:cookie: 130 | @sahanabalram |http://www.freecodecamp.com/sahanabalram
Sahana Balram
@sahanabalram
Jun 07 2017 00:11
@Daris96 no it would be best if you code on your own you can have an other site as an example and code it on your own
Taylor Esco
@TheAgentEsco
Jun 07 2017 00:11
is the style sheet the blank black page?
Awmanthisguy
@awmanthisguy
Jun 07 2017 00:11
yeah I researched it as a work around, but when I tried to implement JSOP, and I prob was doing in wrong, it failed... however if u noticed, it loaded a quote when I posted it in chat here... and thanks for the reply @GitHub-Henry ... I assume I just add a callback at the end of my http request?
CamperBot
@camperbot
Jun 07 2017 00:11
awmanthisguy sends brownie points to @github-henry :sparkles: :thumbsup: :sparkles:
:cookie: 344 | @github-henry |http://www.freecodecamp.com/github-henry
Taylor Esco
@TheAgentEsco
Jun 07 2017 00:11

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

Manish Giri
@Manish-Giri
Jun 07 2017 00:11
@TheAgentEsco it's the code in the style tags
Daris96
@Daris96
Jun 07 2017 00:12
@sahanabalram i did it on my own i only copied the last button that says Start coding from FCC source code its written in the comments
Taylor Esco
@TheAgentEsco
Jun 07 2017 00:12
so i change the info between the style tags?
Ayush Kumar
@Gr8ayu
Jun 07 2017 00:12
@Manish-Giri how can I remove duplicate values from array ??
@Daris96 you can use smaller to make it look good
Henry
@GitHub-Henry
Jun 07 2017 00:12
@awmanthisguy ajax requests usually means you are getting something, so some doing something with it is a good idea, callback or promise
Daris96
@Daris96
Jun 07 2017 00:13
and sure it will not be my only clone
Sahana Balram
@sahanabalram
Jun 07 2017 00:13
@Daris96 in that case its awesome keep up the good work :+1:
aarontburton
@aarontburton
Jun 07 2017 00:13
yo, not sure how to create class for smaller image.
Taylor Esco
@TheAgentEsco
Jun 07 2017 00:13
am i adding additional info or am i deleting and putting in the info
aarontburton
@aarontburton
Jun 07 2017 00:13
pls help
Ayush Kumar
@Gr8ayu
Jun 07 2017 00:13
@aarontburton what's the problem ?
Daris96
@Daris96
Jun 07 2017 00:13
@Gr8ayu by smaller u mean !
Ayush Kumar
@Gr8ayu
Jun 07 2017 00:14
@Daris96 smaller font size
aarontburton
@aarontburton
Jun 07 2017 00:14
I can't get the image to 100 pixels
in width
Awmanthisguy
@awmanthisguy
Jun 07 2017 00:14
kk thanks... I will do more research :) since it for whatever reason, loaded for chat, would you mind telling me, if new quote produces a quote for you? @GitHub-Henry
CamperBot
@camperbot
Jun 07 2017 00:14
awmanthisguy sends brownie points to @github-henry :sparkles: :thumbsup: :sparkles:
:warning: awmanthisguy already gave github-henry points
Ayush Kumar
@Gr8ayu
Jun 07 2017 00:14
@aarontburton which challenge ?
slozneanu
@slozneanu
Jun 07 2017 00:14
I need to nest each of my radio buttons inside its own div with the class col-xs-6 but this doesn't seem to work:
<div class="row">
<div class="col-xs-4"><div class="col-xs-6"><button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-4"><div class="col-xs-6"> <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-4"><div class="col-xs-6"> <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 00:14
@aarontburton did you add a class="smaller-image" to the image tag?
Daris96
@Daris96
Jun 07 2017 00:15
@Gr8ayu Okey Roger :D
Coy Sanders
@coymeetsworld
Jun 07 2017 00:15
those aren't radio buttons
aarontburton
@aarontburton
Jun 07 2017 00:15
I have- <img class="smaller-image" but I'm not sure how to end it. and challenge 23
slozneanu
@slozneanu
Jun 07 2017 00:15
which one are the radio buttons?
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 00:15
@aarontburton please post your full code
Ayush Kumar
@Gr8ayu
Jun 07 2017 00:15
@slozneanu use ``` to properly quote codes
Coy Sanders
@coymeetsworld
Jun 07 2017 00:15
look :)
theres only 2 of them
slozneanu
@slozneanu
Jun 07 2017 00:15
ok ok, thanks
aarontburton
@aarontburton
Jun 07 2017 00:16

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

Ayush Kumar
@Gr8ayu
Jun 07 2017 00:16
@slozneanu these are not radio buttons , radio buttons means <input type="radio">
Coy Sanders
@coymeetsworld
Jun 07 2017 00:16
@aarontburton you don't create another img tag
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 00:17
@aarontburton the syntax is
<img src="add your image url" class="add your class here" alt ="">
slozneanu
@slozneanu
Jun 07 2017 00:17
thanks
Ayush Kumar
@Gr8ayu
Jun 07 2017 00:17
@Manish-Giri thnx
CamperBot
@camperbot
Jun 07 2017 00:17
gr8ayu sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5871 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Jun 07 2017 00:17
@Gr8ayu I'd prefer this -
function uniq(a) {
   return Array.from(new Set(a));
}
Abdennour HARCHE
@dakyion
Jun 07 2017 00:17
I've a bug in the challenge number 115(jQuery), In the small screen show me TWO #target5 Buttons in #left-well
aarontburton
@aarontburton
Jun 07 2017 00:18
@ravikishorethella ok got it. thanks mate
CamperBot
@camperbot
Jun 07 2017 00:18
aarontburton sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 420 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ayush Kumar
@Gr8ayu
Jun 07 2017 00:18
@Gr8ayu I'd prefer this -
function uniq(a) { return Array.from(new Set(a)); } me too , but how its working ??
Aarik Mickens-Dessaso
@Aarikmd
Jun 07 2017 00:18
Looking for help changing the font-size to 16px in my current style tag for my <p> element
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 00:18
@aarontburton :thumbsup:
Sahana Balram
@sahanabalram
Jun 07 2017 00:18
@dakyion please paste your code here
Giancarlo Jaime
@gian3796
Jun 07 2017 00:18
Can't seem to find out what I'm doing wrong to set the thick green border

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

Ayush Kumar
@Gr8ayu
Jun 07 2017 00:19
@Manish-Giri new Set() ??
Manish Giri
@Manish-Giri
Jun 07 2017 00:19
@Gr8ayu it creates a new Set object
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 00:19
@gian3796 this is wrong border-width; 10px
the syntax is propertyname:value;
Abdennour HARCHE
@dakyion
Jun 07 2017 00:19

@sahanabalram

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

});
</script>

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

Manish Giri
@Manish-Giri
Jun 07 2017 00:19
Sets (ES6) do not allow duplicate elements
Sahana Balram
@sahanabalram
Jun 07 2017 00:19
@gian3796 please check the syntax
Manish Giri
@Manish-Giri
Jun 07 2017 00:20
so at the time of adding elements to the set object, if an element already exists, the next occurrence(s) of that element are ignored, and not added
Aarik Mickens-Dessaso
@Aarikmd
Jun 07 2017 00:20

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

}
</style>

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

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

Manish Giri
@Manish-Giri
Jun 07 2017 00:20
that gives a unique collection
@Gr8ayu
Ayush Kumar
@Gr8ayu
Jun 07 2017 00:21
@Manish-Giri Array.from(new Set()).. return whole array or unique values ??
Manish Giri
@Manish-Giri
Jun 07 2017 00:22
it returns an array created from the set object
unique values
Ayush Kumar
@Gr8ayu
Jun 07 2017 00:22
function uniq(a) {
   return Array.from(new Set(a));
}
@Manish-Giri ok thank you
CamperBot
@camperbot
Jun 07 2017 00:22
gr8ayu sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:warning: gr8ayu already gave manish-giri points
Giancarlo Jaime
@gian3796
Jun 07 2017 00:22
@sahanabalram i fixed it
Sahana Balram
@sahanabalram
Jun 07 2017 00:22
@dakyion : are you suppose to clone #target 5
@gian3796 hope it works now!
Giancarlo Jaime
@gian3796
Jun 07 2017 00:23
@sahanabalram but its not letting reading the class
Manish Giri
@Manish-Giri
Jun 07 2017 00:23
:+1:
Sahana Balram
@sahanabalram
Jun 07 2017 00:23
@gian3796 could you please repost the code
Giancarlo Jaime
@gian3796
Jun 07 2017 00:24

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

Sahana Balram
@sahanabalram
Jun 07 2017 00:24
the border-width has to be written like this border-width:10px;
there is still a syntax error @gian3796
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 00:24
@gian3796 class="classone classtwo"
Abdennour HARCHE
@dakyion
Jun 07 2017 00:25
@sahanabalram The bug is fixed when i press any button after changing from challenge to another,It is not a big problem but I wish I know what is the reason only , And Thanks
CamperBot
@camperbot
Jun 07 2017 00:25
dakyion sends brownie points to @sahanabalram :sparkles: :thumbsup: :sparkles:
:cookie: 131 | @sahanabalram |http://www.freecodecamp.com/sahanabalram
Sahana Balram
@sahanabalram
Jun 07 2017 00:25
@gian3796 and yes what @ravikishorethella is saying is correct
@dakyion sometimes it happens I also had the same issue
Giancarlo Jaime
@gian3796
Jun 07 2017 00:25
do i have to write it like class1=
Coy Sanders
@coymeetsworld
Jun 07 2017 00:26
no the attribute name is still class
slozneanu
@slozneanu
Jun 07 2017 00:26
which div element isn't closed?
Sahana Balram
@sahanabalram
Jun 07 2017 00:26
you would have to write it like for example <h1 class=" "> inside the double quotes both the class would come @gian3796
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 00:26
@gian3796 classone is your "smaller-image" classtwo is "thick-green-border"
slozneanu
@slozneanu
Jun 07 2017 00:26
<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>
Coy Sanders
@coymeetsworld
Jun 07 2017 00:27
row
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 00:27
@slozneanu close your class="row" div tag
slozneanu
@slozneanu
Jun 07 2017 00:27
it doesn't work because I have to nest all radio buttons inside one div with the class row
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 00:28
@slozneanu yeah but, you opened a div tag which contain class="row". Where did you close that tag?
cramos28
@cramos28
Jun 07 2017 00:29
need help with the font-size
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 00:29
@cramos28 show the code
Steven17j
@Steven17j
Jun 07 2017 00:29
Can someone help me figure out why I can't resize my image?
slozneanu
@slozneanu
Jun 07 2017 00:29
at the end of the page I guess
Sahana Balram
@sahanabalram
Jun 07 2017 00:29
@slozneanu once you close class=row div it should work
slozneanu
@slozneanu
Jun 07 2017 00:29
I tried but it doesn't work
Alvin Escobar
@AlvinLine10
Jun 07 2017 00:29
I need help with the exercise 'Add Font Awesome Icons to our Buttons'
cramos28
@cramos28
Jun 07 2017 00:29

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

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

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

Ayush Kumar
@Gr8ayu
Jun 07 2017 00:29

```

<div class="row">

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

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

</div>

``` @slozneanu you have to write like this

@AlvinLine10 ask
slozneanu
@slozneanu
Jun 07 2017 00:30

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

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

<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>

</form>
</div>

Alvin Escobar
@AlvinLine10
Jun 07 2017 00:30
I get everything right except the "Your fa-thumbs-up icon should be located within the Like button."
Ayush Kumar
@Gr8ayu
Jun 07 2017 00:30
@AlvinLine10 show me your code
Alvin Escobar
@AlvinLine10
Jun 07 2017 00:30
<button><i class="fa fa-thumbs-up btn btn-block btn-primary">Like</i></button>
Coy Sanders
@coymeetsworld
Jun 07 2017 00:31
@AlvinLine10 the btn classes sholdn't be in the i tag
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 00:31
@cramos28 reload the browser, your code is correct
Benkavod
@Benkavod
Jun 07 2017 00:31
@slozneanu close you div=row tag after the button element
Alvin Escobar
@AlvinLine10
Jun 07 2017 00:31
Thanks @coymeetsworld
CamperBot
@camperbot
Jun 07 2017 00:31
alvinline10 sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2724 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Ayush Kumar
@Gr8ayu
Jun 07 2017 00:32

@AlvinLine10

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

Alvin Escobar
@AlvinLine10
Jun 07 2017 00:33
Thanks @Gr8ayu it worked! Appreciate it
CamperBot
@camperbot
Jun 07 2017 00:33
alvinline10 sends brownie points to @gr8ayu :sparkles: :thumbsup: :sparkles:
:cookie: 308 | @gr8ayu |http://www.freecodecamp.com/gr8ayu
Coy Sanders
@coymeetsworld
Jun 07 2017 00:33
@Gr8ayu please stop posting answers
Abdennour HARCHE
@dakyion
Jun 07 2017 00:34
Yes, I do it I have finished jQuery in 1.5 h (half of the average period 3hours )
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 00:34
@dakyion :clap:
what are wrong with my pills?
Ayush Kumar
@Gr8ayu
Jun 07 2017 00:36
@coymeetsworld ok
@coymeetsworld ok
Sahana Balram
@sahanabalram
Jun 07 2017 00:38
@andrewmparker <h5 id="contactheader">Contact</h4> the closing tag for <h5> is wrong
@andrewmparker it would be good to give a class within <li> tag for the pills
slozneanu
@slozneanu
Jun 07 2017 00:40
@Gr8ayu thanks it worked, I still don't get closing so many tags.
CamperBot
@camperbot
Jun 07 2017 00:40
slozneanu sends brownie points to @gr8ayu :sparkles: :thumbsup: :sparkles:
:cookie: 309 | @gr8ayu |http://www.freecodecamp.com/gr8ayu
Taylor Esco
@TheAgentEsco
Jun 07 2017 00:41
what am i missing here for "your style sheet should declare a red-text class and have its color set to red?
<style>
h2 {color: red;}
red-text {color:red;}
</style>
Coy Sanders
@coymeetsworld
Jun 07 2017 00:41
class definition starts with a dot
andrewmparker
@andrewmparker
Jun 07 2017 00:41
thx @sahanabalram
CamperBot
@camperbot
Jun 07 2017 00:41
:cookie: 132 | @sahanabalram |http://www.freecodecamp.com/sahanabalram
andrewmparker sends brownie points to @sahanabalram :sparkles: :thumbsup: :sparkles:
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 00:41
@TheAgentEsco missing a . before red-text
Taylor Esco
@TheAgentEsco
Jun 07 2017 00:41
no effing way...
it finally worked
Sahana Balram
@sahanabalram
Jun 07 2017 00:42
@andrewmparker :+1:
Taylor Esco
@TheAgentEsco
Jun 07 2017 00:42
i was reading where it says in class declarations it shouldnt start with a dot, but i didn't read the HTMS vs CSS part
thank you all
it just looks like i made the "catphotoapp" part red in a bunch of different ways. is that accurate? i dont understand what i just did
andrewmparker
@andrewmparker
Jun 07 2017 00:46
@sahanabalram why aren't my icons working??
DS1R3S
@DS1R3S
Jun 07 2017 00:47
having trouble adding fa-paper-plane Font Awesome to my submit button element
Ayush Kumar
@Gr8ayu
Jun 07 2017 00:49
@DS1R3S show your code
DS1R3S
@DS1R3S
Jun 07 2017 00:52

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

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

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

</style>

<div class="container-fluid">
<div class="row">
<div class="col-xs-8">
<h2 class="text-primary text-center">CatPhotoApp</h2>
</div>
<div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
</div>
</div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">
<div class="row">
<div class="col-xs-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 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">Submit</button>
</form>
</div>

@Gr8ayu
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 00:53
@DS1R3S what error is it showing?
Mr-Benjamin
@Mr-Benjamin
Jun 07 2017 00:53
I want to give my tribute page space between top and content as well as bottom and content . probably super simple, cant see or recall which challenge incorporated this
Ayush Kumar
@Gr8ayu
Jun 07 2017 00:54
@DS1R3S you havn't inserted font awesome inside submit button
@DS1R3S inside <i> tag in submit and add that class
@Mr-Benjamin you can use margin or padding for that
droc1983
@droc1983
Jun 07 2017 00:56
What is a Jquery playground?
Mr-Benjamin
@Mr-Benjamin
Jun 07 2017 00:57
@Gr8ayu okay ill give thatt a looksie
Ayush Kumar
@Gr8ayu
Jun 07 2017 00:57
@droc1983 I think its challenge's title
could anyone help explain why my icons aren't working
droc1983
@droc1983
Jun 07 2017 01:00

To start with, create an h3 element, with the text jQuery Playground.

<div class="text-primary text-center">
<h3>i</h3>
</div>

I am missing something.

DS1R3S
@DS1R3S
Jun 07 2017 01:00
</div>
<input class="form-control"
       type="text" 
       placeholder="cat photo URL" required>
<i class="fa fa-paper-plane">
  <button 
          class="btn btn-primary" type="submit">Submit</button>    </i>
@Gr8ayu
@Gr8ayu </div>
<input class="form-control" type="text" placeholder="cat photo URL" required>
<i class="fa fa-paper-plane">
<button class="btn btn-primary" type="submit">Submit</button> </i>
andrewmparker
@andrewmparker
Jun 07 2017 01:01
add Jquery Playgrounds as the text @droc1983
Ghost
@ghost~580ed9c0d73408ce4f309ef0
Jun 07 2017 01:01
Hello World!
Ayush Kumar
@Gr8ayu
Jun 07 2017 01:01
@DS1R3S put <i> tag inside button tag
@andrewmparker where you have added icons??
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 01:02
@DS1R3S <i> tags should be nested inside the <button> tag
Ayush Kumar
@Gr8ayu
Jun 07 2017 01:03
@vipuldcoder Hi
Ghost
@ghost~580ed9c0d73408ce4f309ef0
Jun 07 2017 01:03
Need Any Help!!
Or Anyone gonna help me out
Ayush Kumar
@Gr8ayu
Jun 07 2017 01:04
@vipuldcoder Surely if I could
Mark Johnson
@MarkKnowsBest
Jun 07 2017 01:05

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

andrewmparker
@andrewmparker
Jun 07 2017 01:05
@Gr8ayu in my twitter link
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 01:05
@MarkKnowsBest add class="smaller-image" to the <img> tag
Ayush Kumar
@Gr8ayu
Jun 07 2017 01:09
@andrewmparker you are not writing <i> properly.
Ghost
@ghost~580ed9c0d73408ce4f309ef0
Jun 07 2017 01:10
The Tribute Page
DS1R3S
@DS1R3S
Jun 07 2017 01:12
@Gr8ayu really stuck on putting my i tags inside my button element
Mark Johnson
@MarkKnowsBest
Jun 07 2017 01:12
@ravikishorethella Thank you that fixed it!
CamperBot
@camperbot
Jun 07 2017 01:12
markknowsbest sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 423 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 01:13
@MarkKnowsBest :thumbsup:
Ayush Kumar
@Gr8ayu
Jun 07 2017 01:14
@vipuldcoder whats the problem ??
@vipuldcoder whats the problem ??
splashify
@splashify
Jun 07 2017 01:16
Hi, I am stuck at the challange "Style Text Inputs as Form Controls"
Ayush Kumar
@Gr8ayu
Jun 07 2017 01:17
@splashify show your code
splashify
@splashify
Jun 07 2017 01:17
Can't get these two to work:
  1. Give the submit button in your form the classes btn btn-primary.
  2. Give the text input in your form the class form-control.

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

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

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

</style>

<div class="container-fluid form-control">
<div class="row">
<div class="col-xs-8">
<h2 class="text-primary text-center">CatPhotoApp</h2>
</div>
<div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
</div>
</div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">
<div class="row">
<div class="col-xs-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 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"><i class="fa fa-paper-plane btn btn-primary"></i>Submit</button>
</form>
</div>

Danika Bustillos
@dbustillos04
Jun 07 2017 01:19
Can someone help me with giving a background color to a div element ?
Ayush Kumar
@Gr8ayu
Jun 07 2017 01:19
@dbustillos04 in css use background:__;
Richi Rodriguez
@RichiRod
Jun 07 2017 01:19
@dbustillos04 you can also use style="background-color: color"
Danika Bustillos
@dbustillos04
Jun 07 2017 01:20
like this div
.silver-background {
background-color: silver;
}
splashify
@splashify
Jun 07 2017 01:20
@Gr8ayu Did you have a look at my code?
Ayush Kumar
@Gr8ayu
Jun 07 2017 01:20
@splashify in your submit button give class as btn btn-primary
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 01:20
@dbustillos04 what is that div?
Richi Rodriguez
@RichiRod
Jun 07 2017 01:21
<div style="background-color: red">Some text</div>
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 01:21
@RichiRod missing ; after red
splashify
@splashify
Jun 07 2017 01:21
@Gr8ayu I did, right? <button type="submit"><i class="fa fa-paper-plane btn btn-primary"></i>Submit</button>
Ayush Kumar
@Gr8ayu
Jun 07 2017 01:21
@splashify and form-control to input
@splashify add to button
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 01:22
@splashify no its wrong
splashify
@splashify
Jun 07 2017 01:22
Alright
I think I got it
Richi Rodriguez
@RichiRod
Jun 07 2017 01:22
@ravikishorethella yes, thanks for that, typing fast and all lol
CamperBot
@camperbot
Jun 07 2017 01:22
richirod sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 424 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 01:22
@splashify button classes should be given for <button>element not for <i> element
@RichiRod :thumbsup:
Kyle Borden
@Shamuh
Jun 07 2017 01:23
I am a complete beginner, so please bare with me. But how come CatPhotoApp is not becoming blue? <style>
h2 {color: blue;} CatPhotoApp
</style>
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 01:24
@Shamuh you need to give only the style properties inside the <style> tags
Danika Bustillos
@dbustillos04
Jun 07 2017 01:24
@RichiRod do i apply the background color in my style?
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 01:24
@Shamuh this text CatPhotoApp should not be in the <style> tags
Kyle Borden
@Shamuh
Jun 07 2017 01:25
Oh alright
Richi Rodriguez
@RichiRod
Jun 07 2017 01:25
@dbustillos04 the way I mentioned is inline, but you can also do it as a class. I think you were combining the two, based on your code
@dbustillos04 do one or the other, as both will have the same effect
splashify
@splashify
Jun 07 2017 01:26
@ravikishorethella Still can not get this to figure out:
Give the text input in your form the class form-control.
Coy Sanders
@coymeetsworld
Jun 07 2017 01:26
@dbustillos04 you need to assign the class you created to the div, don't do an inline style
Kyle Borden
@Shamuh
Jun 07 2017 01:26
I see what I did wrong, thank you @ravikishorethella
CamperBot
@camperbot
Jun 07 2017 01:26
shamuh sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:warning: shamuh already gave ravikishorethella points
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 01:26
:thumbsup: @Shamuh
@splashify post your updated code
splashify
@splashify
Jun 07 2017 01:27
<button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i>Submit</button>
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 01:28
@splashify but, there is no form tags in the sent code
tjhome4
@tjhome4
Jun 07 2017 01:28
Where do I put the closing tag
<a><a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
splashify
@splashify
Jun 07 2017 01:28

@ravikishorethella

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

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

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

</style>

<div class="container-fluid">
<div class="row">
<div class="col-xs-8">
<h2 class="text-primary text-center">CatPhotoApp</h2>
</div>
<div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
</div>
</div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">
<div class="row">
<div class="col-xs-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 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>
</div>

Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 01:28
@tjhome4 why two <a> tags: <a><a href="#">
Ayush Kumar
@Gr8ayu
Jun 07 2017 01:28
@tjhome4 you are opening 2 <a> tags
tjhome4
@tjhome4
Jun 07 2017 01:29
ok
Danika Bustillos
@dbustillos04
Jun 07 2017 01:29

@coymeetsworld @RichiRod sorry like this

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

Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 01:29
@splashify you need to give class="form-control" which is missing in your code. Read the instructions again and you will get to know where to add that
tjhome4
@tjhome4
Jun 07 2017 01:29
It works now
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 01:30
@tjhome4 :thumbsup:
Kyle Holm
@thekholm80
Jun 07 2017 01:30
@coymeetsworld i need your smarts
Mark Johnson
@MarkKnowsBest
Jun 07 2017 01:30

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

Richi Rodriguez
@RichiRod
Jun 07 2017 01:30
@dbustillos04 yes, that's one way, but it's better when you do it as a class. you can use the class name ".background-color-silver" and then call it in your div as follows: <div class="background-color-silver">...
Coy Sanders
@coymeetsworld
Jun 07 2017 01:31
@dbustillos04 no thats an inline style, you want to assign the class you created above, silver-background
although that would work, thats not what they ask for
@thekholm80 whats up
Kyle Holm
@thekholm80
Jun 07 2017 01:31
My ad blocker is blocking my api call from node. Is there any way you know of to get around it without disabling the adblocker? @coymeetsworld
Coy Sanders
@coymeetsworld
Jun 07 2017 01:32
is your blocker enabled in private/incognito mode?
Kyle Holm
@thekholm80
Jun 07 2017 01:32
hmm, not sure
Coy Sanders
@coymeetsworld
Jun 07 2017 01:32
maybe use a diff browser instead of your main one?
splashify
@splashify
Jun 07 2017 01:32
@ravikishorethella Got it. I was confused as in where to add the text
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 01:32
@splashify :thumbsup:
Kyle Holm
@thekholm80
Jun 07 2017 01:33
I wonder how it goes in production
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 01:33
@MarkKnowsBest what is the error?
Coy Sanders
@coymeetsworld
Jun 07 2017 01:34
got to go walk the dog ill bbl but gl @thekholm80
not sure of any other option on top of my head
Kyle Holm
@thekholm80
Jun 07 2017 01:34
ty sir, I'm gonna keep googling
leaderofmen
@leaderofmen
Jun 07 2017 01:35
I can't complete the "Size your Images" challenge. I have created the class element: .smaller-image within the <style> tag. I have added the property to the image tag: <img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 01:36
@leaderofmen post your code
leaderofmen
@leaderofmen
Jun 07 2017 01:36

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

<style>

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


h2 {
font-family: Lobster, Monospace;
}

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

</style>

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

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

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

Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 01:37
@leaderofmen your code is correct. reloar the browser and try again
Mark Johnson
@MarkKnowsBest
Jun 07 2017 01:37
@ravikishorethella the thick green border, width and style won't apply
Danika Bustillos
@dbustillos04
Jun 07 2017 01:38
@RichiRod yea I'm not getting it
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 01:38
@MarkKnowsBest you need to add class ="thick-green-border" to your <img >tag
leaderofmen
@leaderofmen
Jun 07 2017 01:39
@ravikishorethella I reloaded the browser and ran test but still no luck.
Ayush Kumar
@Gr8ayu
Jun 07 2017 01:39
@leaderofmen show your code, and what's the problem
Mark Johnson
@MarkKnowsBest
Jun 07 2017 01:40
@ravikishorethella That took away the "your img element should have the class smaller-image
leaderofmen
@leaderofmen
Jun 07 2017 01:40

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

<style>

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


h2 {
font-family: Lobster, Monospace;
}

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

</style>

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

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

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

Ayush Kumar
@Gr8ayu
Jun 07 2017 01:40
@leaderofmen what's the problem
leaderofmen
@leaderofmen
Jun 07 2017 01:41
Fails test: Your image should be 100 pixels wide. Browser zoom should be at 100%.
I have reset my view and reloaded the browser.
No luck
Ayush Kumar
@Gr8ayu
Jun 07 2017 01:41
@leaderofmen send URL
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 01:41
@MarkKnowsBest your <img> tag should have two classes i.e <img class="smaller-image thick...." src="" alt="">
@leaderofmen sorry, I am not able to figure out the error
Anson Slaughter
@ahs0042
Jun 07 2017 01:42
Can Someone help me with the link to external pages it wont let me continue because of my anchor text <p>Here's a <a href="http://freecatphotoapp.com"> cat photos</a> link to look at. </p>
Mark Johnson
@MarkKnowsBest
Jun 07 2017 01:43
@ravikishorethella Got it. Thanks again!
CamperBot
@camperbot
Jun 07 2017 01:43
markknowsbest sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:warning: markknowsbest already gave ravikishorethella points
Ravi Kishore Thella
@ravikishorethella
Jun 07 2017 01:43
@leaderofmen your code is executing in my computer
@MarkKnowsBest you are welcome
Ayush Kumar
@Gr8ayu
Jun 07 2017 01:44
@leaderofmen try different browser , pc
leaderofmen
@leaderofmen
Jun 07 2017 01:45
I will try it on another pc. Thanks
Alexander Køpke
@alexanderkopke
Jun 07 2017 01:46
@leaderofmen try refreshing the page
Ayush Kumar
@Gr8ayu
Jun 07 2017 01:46
@alexanderkopke he already tried that
Alexander Køpke
@alexanderkopke
Jun 07 2017 01:46
also ctrl + r ?
Ayush Kumar
@Gr8ayu
Jun 07 2017 01:47
@leaderofmen report that bug to fcc
SJ
@SjDuque
Jun 07 2017 01:47
is it normal to be lost at the tribute page or was i supposed to remember everything necessary for building the page?
Daniel Tweedy
@DanielTweedy
Jun 07 2017 01:48
Anybody understand how got get multiple streams from the Twitch API using the channel argument? I've tried a couple things like https://api.twitch.tv/kraken/streams/?channel=peachsaliva,streamfourstar?client_id=xxxxxxxxxxx but it's giving me a No client id specified and I'm not sure why since I have the client ID
Alexander Køpke
@alexanderkopke
Jun 07 2017 01:48
@SjDuque yes it is normal. No one remembers everything and you're not suppose to. Would be great if you did but we all google stuff
Kyle Holm
@thekholm80
Jun 07 2017 01:48
@MelBrooksKA why not just make separate api calls?
Daniel Tweedy
@DanielTweedy
Jun 07 2017 01:49
I do that, I'm optimizing now
Ayush Kumar
@Gr8ayu
Jun 07 2017 01:49
@SjDuque if you will remember stuffs it will be easier for you to create page
SJ
@SjDuque
Jun 07 2017 01:49
Thanks @alexanderkopke , I just wanted the reassurance
CamperBot
@camperbot
Jun 07 2017 01:49
sjduque sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star2: 1444 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
ScottBland
@ScottBland
Jun 07 2017 01:50
@SjDuque you were showed a pratices the concepts it will take to build it. now the tribute page is just one big puzzel you need to build peice by peice with you flare added to it. google will be your best friedn
SJ
@SjDuque
Jun 07 2017 01:52
Thank you everyone. I had already built the tribute page but i needed to search most of the stuff so i was worried and the page is pretty mediocre.
maramemma
@maramemma
Jun 07 2017 01:53
i got a little comfused in the 15th challenge about the font size
CoughDrop23
@CoughDrop23
Jun 07 2017 01:53
How do I change the background color for a form without using a class or style???
ScottBland
@ScottBland
Jun 07 2017 01:53
@SjDuque minne wasnt all too good eithr buddy i knid rush through it and just got it done. but with the tribute pages some pople rush through it i want to actlly dive deeper into and spend more time then i probably should on i t
@CoughDrop23 well you either need to use a in-line style or a css class to do thjat
@CoughDrop23 unless you would like the background to be a picture
SJ
@SjDuque
Jun 07 2017 01:55
After i saw how crappy mine was compared to all the ones displayed i was just kind of out of it so ive been on a bit of a hiatus. I was just afraid that i went through the lessons too fast and didnt retain enough information from them.
CoughDrop23
@CoughDrop23
Jun 07 2017 01:56
I'm stuck on the 43rd challenge :(
ScottBland
@ScottBland
Jun 07 2017 01:56
@CoughDrop23 post code
MinJea Jung
@mjung7
Jun 07 2017 01:57
Hi guys, I'm stuck at challenge 101 Target Elements by Class Using JQuery.
CoughDrop23
@CoughDrop23
Jun 07 2017 01:57

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

.smaller-image {
width: 100px;
}
#cat-photo-element{
background-color:green;
}

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

</style>

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

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

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

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

<div class= "green-background">

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

MinJea Jung
@mjung7
Jun 07 2017 01:57
It asks to target my div elements with the class well by using $(".well") selector.
how do you write that?
ScottBland
@ScottBland
Jun 07 2017 01:57
@SjDuque this is mine and it isnt anything fancy https://tinyurl.com/y8pqax7j
Shane
@shanelgq
Jun 07 2017 01:58
@mjung7 $(".well") is right
But you need to do something to that
MinJea Jung
@mjung7
Jun 07 2017 01:58
so is it $("div.well")?
Shane
@shanelgq
Jun 07 2017 01:58
so add $(".well").("*");
ScottBland
@ScottBland
Jun 07 2017 01:59
@CoughDrop23 and what are you instructions?
Shane
@shanelgq
Jun 07 2017 01:59
nope
the class well is already targeted
SJ
@SjDuque
Jun 07 2017 01:59
https://codepen.io/SjDuque/full/PjwwRw/ This is my sorry excuse for a page.
Shane
@shanelgq
Jun 07 2017 01:59
with $(".well")
CoughDrop23
@CoughDrop23
Jun 07 2017 01:59
Give your form element the id of cat-photo-form.
Your form element should have the background-color of green.
Make sure your form element has an id attribute.
Do not give your form any class or style attributes.
Shane
@shanelgq
Jun 07 2017 01:59
So your div with the well class has already been targeted
MinJea Jung
@mjung7
Jun 07 2017 01:59
@shanelgq Thanks Shane, but why aren't we specifying the target here?
CamperBot
@camperbot
Jun 07 2017 01:59
mjung7 sends brownie points to @shanelgq :sparkles: :thumbsup: :sparkles:
:cookie: 115 | @shanelgq |http://www.freecodecamp.com/shanelgq
Shane
@shanelgq
Jun 07 2017 01:59
What you need to do is to do something else
Which challenge are you at?
MinJea Jung
@mjung7
Jun 07 2017 02:00
101
CoughDrop23
@CoughDrop23
Jun 07 2017 02:00
these are my instructions, my result came out green like it says so I assumed I had messed up with the last instruction but it didn't refresh it
Shane
@shanelgq
Jun 07 2017 02:00
You need to add class
$(".well").addClass("-----")
MinJea Jung
@mjung7
Jun 07 2017 02:01
I get the adding class part but I was confused why we aren't targetting anything for well class OR is div automatically targetted?
ScottBland
@ScottBland
Jun 07 2017 02:01
@SjDuque that is great work. you covered all the user stories :) not your next challenege will have you have some more cool effects to your page and you will start to get some good ideas that you ca play around with
Zach Hall
@el4z
Jun 07 2017 02:01
https://codepen.io/el4z/pen/rwaRvO?editors=1000 Hey guys, I'm stuck on the first project making a tribute page. I've been super original and taken the same material from the example and gotten it almost the same. I just don't understand why the image isn't responsive and the text isn't centered. I've gone and looked at the original code and can't tell what's different that's causing it to be responsive.
Lenarey S. Torririt
@Lengzki
Jun 07 2017 02:02
same issue
Shane
@shanelgq
Jun 07 2017 02:02
@mjung7 no
Cause you have already targeted the <div> element which has the well class
Lenarey S. Torririt
@Lengzki
Jun 07 2017 02:02
@mjung7 we don't need to target the div literally. :)
MinJea Jung
@mjung7
Jun 07 2017 02:02
ohhh
Shane
@shanelgq
Jun 07 2017 02:03
so targeting already happened
MinJea Jung
@mjung7
Jun 07 2017 02:03
@shane I totally forgot about that
Shane
@shanelgq
Jun 07 2017 02:03
<div class="well"...>
Miggalo
@Miggalo
Jun 07 2017 02:03
Why won't my h2 element turn blue
MinJea Jung
@mjung7
Jun 07 2017 02:03
@Lengzki @shanelgq Thank you guys!
CamperBot
@camperbot
Jun 07 2017 02:03
mjung7 sends brownie points to @lengzki and @shanelgq :sparkles: :thumbsup: :sparkles:
:warning: mjung7 already gave shanelgq points
:cookie: 160 | @lengzki |http://www.freecodecamp.com/lengzki
Shane
@shanelgq
Jun 07 2017 02:03
Yea
No worries
LOL
Learning to code is fun, it teaches people how to be more meticulous
MinJea Jung
@mjung7
Jun 07 2017 02:03
LOL
Shane
@shanelgq
Jun 07 2017 02:03
One misplaced quote
ScottBland
@ScottBland
Jun 07 2017 02:04
@CoughDrop23 why do you have a div class green background
Shane
@shanelgq
Jun 07 2017 02:04
One misplaced semicolon
@Miggalo are you trying to get it to turn blue by jQuery or CSS?
SJ
@SjDuque
Jun 07 2017 02:04
@ScottBland If i continue with the lessons and such will i naturally get better as i go or should i try studying on the side? I dont mean using google to help me complete projects but like use another method of trying to learn code, such as Sololearn.
georgebatton
@georgebatton
Jun 07 2017 02:06
If you were wanting to build a website with HTML how do you get to the screen where you would enter all these codes?
ScottBland
@ScottBland
Jun 07 2017 02:06
@SjDuque using outside lesson is perfect and what everyone does FCC is not the end all be all of teaching sites it is a very good one but one that will give you the basics of what you need a force you to go out and look for more and bettter answer and to have you figure out what you need to do based on the little bit of onfo they gave you
Dee
@mintdee
Jun 07 2017 02:08
Is there any way to change the error color? The pink on orange is really hard to read
Lenarey S. Torririt
@Lengzki
Jun 07 2017 02:08
@georgebatton there's a lot such as notepad++ . you can do any coding as long as you set the format of your document to .html, .css or .php then connecting or uuploading your files to a free server or paid server, whatever you want
georgebatton
@georgebatton
Jun 07 2017 02:08
ok thanks
Lenarey S. Torririt
@Lengzki
Jun 07 2017 02:08
@georgebatton or you can take a look at codepen.io for samples :)
georgebatton
@georgebatton
Jun 07 2017 02:09
This course starts with HTML is that for a reason? Why not Javascript first
?
Coy Sanders
@coymeetsworld
Jun 07 2017 02:09
html is easier to learn
mstellaluna
@mstellaluna
Jun 07 2017 02:09
@georgebatton because FCC assumes you have no prior coding knowledge and starts with HTML with is the basic foundation
georgebatton
@georgebatton
Jun 07 2017 02:09
I figured. It seems a little easier
Coy Sanders
@coymeetsworld
Jun 07 2017 02:09
and you need it to build basic webpages
CoughDrop23
@CoughDrop23
Jun 07 2017 02:09
@ScottBland what should I use to change the color of the form?
Zach Hall
@el4z
Jun 07 2017 02:09
anyone? :( been staring at this code for ages - I know I'm a noob
Romulo Soares
@romsoares
Jun 07 2017 02:10

Hey, everyone! I'm stuck on a challenge!
I don't know how to nest a text field in a form element.
For example:

<form action="/url-where-you-want-to-submit-form-data"></form>

mstellaluna
@mstellaluna
Jun 07 2017 02:10
@el4z you need to choose another topic otherwise you'd be flagged for academic dishonesty
if that is your pen
Coy Sanders
@coymeetsworld
Jun 07 2017 02:11
@el4z also you shouldn't be copying the code either
build it from scratch
Richi Rodriguez
@RichiRod
Jun 07 2017 02:11
@romsoares <form action="/url-where-you-want-to-submit-form-data">Your text goes here.</form>
Zach Hall
@el4z
Jun 07 2017 02:12
Alright, I didn't understand - thanks. I'll try build it from scratch.
Kyle Holm
@thekholm80
Jun 07 2017 02:12
you need an image and a link to an external site for the tribute page, the rest is just gravy
don't get too wrapped up in making it perfect
SJ
@SjDuque
Jun 07 2017 02:14
@ScottBland Did you complete the whole front end portion? If so, how long do you suppose it would take? I completed the HTML5 and CSS in about an hour and a half, the Responsive Design with Bootstrap in about the same, the JQuery in about an hour, and the Tribute page in about an hour. I'm sorry for asking so many questions but I am really curious since i hope to get my job in the Computer Science field.
Jameseypoo
@Jameseypoo
Jun 07 2017 02:17
Hey guys, there has to be something I'm missing here. Just start jQuery, and can't get past the intial step
<script> $(document).ready(function() {

});
</script>
Ginger
@GingerChew
Jun 07 2017 02:17
I've got three buttons for pagination on my personal portfolio project, but I need to get them centered. Is there a way to do that through bootstrap? or is it a CSS problem?
Alexander R Bott
@Abott1222
Jun 07 2017 02:17
@Jameseypoo try refreshing the page
Jameseypoo
@Jameseypoo
Jun 07 2017 02:18
Thanks @Abott1222 ! I knew something funky was going on
CamperBot
@camperbot
Jun 07 2017 02:18
jameseypoo sends brownie points to @abott1222 :sparkles: :thumbsup: :sparkles:
:cookie: 145 | @abott1222 |http://www.freecodecamp.com/abott1222
Miggalo
@Miggalo
Jun 07 2017 02:18
can someone please help me
Alexander R Bott
@Abott1222
Jun 07 2017 02:19
@Jameseypoo np
Luc Neesby
@lucneesby
Jun 07 2017 02:19
What's your issue @Miggalo
Mike scutellaro
@Sk3wty
Jun 07 2017 02:20

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

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

h2 {
font-family: Lobster, Monospace;
}

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

div{
background-color: silver;}
</style>

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

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

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

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

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

Romulo Soares
@romsoares
Jun 07 2017 02:20
@RichiRod I still don't get it. I don't know if there's a bug, but everytime I try to type <form action=""... the google chrome crashes
Mike scutellaro
@Sk3wty
Jun 07 2017 02:20
is this correct for making the div silver backgrond
background
Miggalo
@Miggalo
Jun 07 2017 02:20
@lucneesby <style>
<h2 {color: blue;}>
</style>
it doesnt turn blue for me
Manish Giri
@Manish-Giri
Jun 07 2017 02:20
@Sk3wty no
div{
background-color: silver;}
use the class here, not div
ErrolParker
@ErrolParker
Jun 07 2017 02:21
what does an anchor text look like?
Manish Giri
@Manish-Giri
Jun 07 2017 02:21
@Miggalo show the rest of your code pls.
Michael Croteau
@micqey
Jun 07 2017 02:21
trying to set up night mode on freecodecamp, but it's telling me "Authorization Required" . . . The bright white screen is killing my eyes! any suggestions?
Nreedus
@nreedus
Jun 07 2017 02:22
What am I doing wrong here? Change font size of p elements is not working.
Manish Giri
@Manish-Giri
Jun 07 2017 02:22
@micqey try a log out, then log in
Luc Neesby
@lucneesby
Jun 07 2017 02:22
@Miggalo <h1 style="color:blue;">This is a Blue Heading</h1>
CoughDrop23
@CoughDrop23
Jun 07 2017 02:23
I need help from someone, I sent my source a little while ago. does anyone have any advice to give me?
Mike scutellaro
@Sk3wty
Jun 07 2017 02:23
@Manish-Giri do i put that with in the style?
Manish Giri
@Manish-Giri
Jun 07 2017 02:24
yes
it's already there in style
Mike scutellaro
@Sk3wty
Jun 07 2017 02:24
why does div keep going pink? @Manish-Giri
Michael Croteau
@micqey
Jun 07 2017 02:25
@Manish-Giri Thanks! That did it!
Manish Giri
@Manish-Giri
Jun 07 2017 02:25
@Sk3wty must be your code, syntax errors
Nreedus
@nreedus
Jun 07 2017 02:26
<style>
.red-text {
color: red;
}
.font-size p{
font-size: 16px;
}

</style>
Manish Giri
@Manish-Giri
Jun 07 2017 02:27
@nreedus .font-size p{
what is .font-size?
Nreedus
@nreedus
Jun 07 2017 02:27
16px
Bency
@bbchacko
Jun 07 2017 02:28
how do you add smaller-image to Your img element should have the class smaller-image.
Kyle Holm
@thekholm80
Jun 07 2017 02:28
man it's weird error day
Nreedus
@nreedus
Jun 07 2017 02:28
@Manish-Giri 16px
Manish Giri
@Manish-Giri
Jun 07 2017 02:29
@nreedus .font-size p{
delete .font-size
should be only p
@thekholm80 error in?
Kyle Holm
@thekholm80
Jun 07 2017 02:29
making api calls from node
just one weird thing after another
UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 4): TypeError: Converting circular structure to JSON
Manish Giri
@Manish-Giri
Jun 07 2017 02:29
my windows laptop won't shut down
Kyle Holm
@thekholm80
Jun 07 2017 02:29
try a hammer?
Manish Giri
@Manish-Giri
Jun 07 2017 02:29
talk about weird errors
Nreedus
@nreedus
Jun 07 2017 02:30
Thank you @Manish-Giri That worked!
CamperBot
@camperbot
Jun 07 2017 02:30
nreedus sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5872 | @manish-giri |http://www.freecodecamp.com/manish-giri
Abe
@AbeFCC
Jun 07 2017 02:30

Having issues with one of the beginner HTML5 tests. Can someone help me?
What's wrong with this?

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

}
</style>

yingling93
@yingling93
Jun 07 2017 02:30
@bbchacko <img class="smaller-image" src=
Nreedus
@nreedus
Jun 07 2017 02:31
@AbeFCC I think you should delete the . in front of the p
Bency
@bbchacko
Jun 07 2017 02:32
thanks
Abe
@AbeFCC
Jun 07 2017 02:32
@nreedus tried that now, did not work seem to work.
ProfessorSunshine
@ProfessorSunshine
Jun 07 2017 02:33
I'm having the same issue as @AbeFCC
<style>
.red-text {
color: red;
font-size: 16px;
}
</style>
i don't know what they mean by " give the p element a font size between the style tags
CoughDrop23
@CoughDrop23
Jun 07 2017 02:35
@AbeFCC and @ProfessorSunshine you have the color and the font within the same brackets they need to be seperated
Abe
@AbeFCC
Jun 07 2017 02:35
@CoughDrop23 i have them in different brackets - one set of {} brackets for .red-text and one for font-size
ProfessorSunshine
@ProfessorSunshine
Jun 07 2017 02:36
Face palm Thank you
Kyle Borden
@Shamuh
Jun 07 2017 02:36
@AbeFCC your .red-text isn't closed correctly
Chase
@Xzenergy
Jun 07 2017 02:36
Hey guys, what am I missing to create visible text for my h3 element?

<style>



h3
.font-family {
font-family; Monospace;
font-size: 16px;
}
.text-primary {
color: text-primary;
}
</style>

<h3 class="text-center text-primary" text="Query Playground"</h3>

Sambath Mom
@sambathmom
Jun 07 2017 02:36
hi any one can help me , how to do this.
CoughDrop23
@CoughDrop23
Jun 07 2017 02:37
@AbeFCC you have your p within your red text you need a closing bracket
@ProfessorSunshine you're welcome :smile:
LamNguyenCMC
@LamNguyenCMC
Jun 07 2017 02:37
Nest your text input element within a form element.
Chase
@Xzenergy
Jun 07 2017 02:37
ah thanks
LamNguyenCMC
@LamNguyenCMC
Jun 07 2017 02:37
I stuck at this point
Chase
@Xzenergy
Jun 07 2017 02:37
is that always necessary?
Abe
@AbeFCC
Jun 07 2017 02:38
@CoughDrop23 @Shamuh ah i see what you guys mean. thank you!
CamperBot
@camperbot
Jun 07 2017 02:38
abefcc sends brownie points to @coughdrop23 and @shamuh :sparkles: :thumbsup: :sparkles:
:warning: @coughdrop23's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
:cookie: 36 | @shamuh |http://www.freecodecamp.com/shamuh
talha
@tkaa
Jun 07 2017 02:38
need help on putting width on an image. need it to be smaller-image and 100 px. creating a css class thing for it
Ginger
@GingerChew
Jun 07 2017 02:38
Help, I need to center three buttons on my portfolio page but I'm not sure how to do that
https://codepen.io/GingerChew/full/WObKRY/
Chase
@Xzenergy
Jun 07 2017 02:39
Yea my that didn't solve
/my
CoughDrop23
@CoughDrop23
Jun 07 2017 02:41
@Xzenergy are you supposed to be using h2 not h3?
Chase
@Xzenergy
Jun 07 2017 02:42
Nope. It's supposed to display text on platform. Here is updated line of code @CoughDrop23
<h3 class="text-primary text-center" text="jQuery Playground"></h3>
Coy Sanders
@coymeetsworld
Jun 07 2017 02:43
h3 has no text attribute @Xzenergy
the text goes between the tags
Kyle Borden
@Shamuh
Jun 07 2017 02:44
@tkaa send me the code
Lenarey S. Torririt
@Lengzki
Jun 07 2017 02:44
@GingerChew can't open your project
Abe
@AbeFCC
Jun 07 2017 02:46
For those that may not know, a quick way to comment and un-comment is to highlight the text you want to edit, and hit CTRL and / at the same time
Chase
@Xzenergy
Jun 07 2017 02:46
@coymeetsworld Can you give me an example?
@coymeetsworld actually just got it
thanks mate
Coy Sanders
@coymeetsworld
Jun 07 2017 02:47
np
CoughDrop23
@CoughDrop23
Jun 07 2017 02:49
@coymeetsworld can you help me with my problem?
Ginger
@GingerChew
Jun 07 2017 02:50
@Lengzki I actually figured it out while waiting for a response, but thanks for responding
CamperBot
@camperbot
Jun 07 2017 02:50
gingerchew sends brownie points to @lengzki :sparkles: :thumbsup: :sparkles:
:cookie: 161 | @lengzki |http://www.freecodecamp.com/lengzki
CoughDrop23
@CoughDrop23
Jun 07 2017 02:52
@coymeetsworld how do I change the background color of my form without using class or style attributes, its really stumping me I have changed the background color two different ways but these did not work because they used class or style. I've tried what using what I think they are asking for but it simply doesn't work
hmcon7
@hmcon7
Jun 07 2017 02:53
how do i make it so i dont recieve every single message as a notification i tried following the steps they gave me but it wont let me change it
talha
@tkaa
Jun 07 2017 02:53
@Shamuh figured it out but i new question on the css class.
Kyle Borden
@Shamuh
Jun 07 2017 02:54
I'll try to help if I can
Abe
@AbeFCC
Jun 07 2017 02:54
@hmcon7 if you're using Chrome, click the Settings icon on the message notification and change it to Block instead of Allow
Bency
@bbchacko
Jun 07 2017 02:55
how do you change "Your a element should be a dead link with a href attribute set to "#".
Kyle Borden
@Shamuh
Jun 07 2017 02:55
Change the link to # @bbchacko
Lenarey S. Torririt
@Lengzki
Jun 07 2017 02:55
@bbchacko just set it to = "#"
Kyle Borden
@Shamuh
Jun 07 2017 02:55
Href="#"
talha
@tkaa
Jun 07 2017 02:56
@Shamuh basically im learning to put a border on an image, so there is border width, style, and color and its saying " you can apply multiple classes to an element by separating each class with a space within its class attribute and they give example: <img class="class1 class2"> I dont undertstand what it means.
CoughDrop23
@CoughDrop23
Jun 07 2017 02:56
no one will help me :(
EJ
@ehawkins730
Jun 07 2017 02:57
@hmcon7 I clicked the "lever" icon next to my profile image and selected "only where I'm mentioned" option
Chase
@Xzenergy
Jun 07 2017 02:57
@CoughDrop23 What do you need help with?
Bency
@bbchacko
Jun 07 2017 02:57
thanks Kyle
CoughDrop23
@CoughDrop23
Jun 07 2017 02:57
I gotta change the background of my form without making a class or using a class from style
Chase
@Xzenergy
Jun 07 2017 02:57
use an <id
M-C-Haker
@M-C-Haker
Jun 07 2017 02:58
@CoughDrop23 are you on challenge 43?
Kyle Borden
@Shamuh
Jun 07 2017 02:58
@tkaa class="smaller-image thick-green-border" all it's saying is that you can fit multiple classes in " "
CoughDrop23
@CoughDrop23
Jun 07 2017 02:58
this is my code :<form action="/submit-cat-photo" id="cat-photo-form">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
yes im on 43
talha
@tkaa
Jun 07 2017 02:58
@Shamuh oh i see. I understand now. Thank you very much.
CamperBot
@camperbot
Jun 07 2017 02:58
tkaa sends brownie points to @shamuh :sparkles: :thumbsup: :sparkles:
:cookie: 37 | @shamuh |http://www.freecodecamp.com/shamuh
M-C-Haker
@M-C-Haker
Jun 07 2017 02:59
have you added the .silver-background class into your <style> element?
CoughDrop23
@CoughDrop23
Jun 07 2017 02:59
yes
Essam
@essamsaber
Jun 07 2017 02:59
Your p element should contain the first few words of the provided additional kitty ipsum text. ? and the paragraph already start with those words
Manish Giri
@Manish-Giri
Jun 07 2017 02:59
@CoughDrop23 there's an example on the left
all you need to do is use the right ID
M-C-Haker
@M-C-Haker
Jun 07 2017 03:00
@CoughDrop23 did you assign the class to the div element ?
I see the form code, but further up you should have a div class which the instructions tell you to assign the background class to
Kyle Borden
@Shamuh
Jun 07 2017 03:00
@tkaa You are welcome 😁
Chase
@Xzenergy
Jun 07 2017 03:01
Can anyone help me out? I'm on lesson 86 for HTML
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="well col-xs-6">

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

</div>
</div>
</div>
cntrlCcoder
@cntrlCcoder
Jun 07 2017 03:02

hi guys - im trying to give all the elements on my page the clolur green.

background-color: black;
font-family: monospace;
colour:green;}

Manish Giri
@Manish-Giri
Jun 07 2017 03:03
@Xzenergy doesn't it say NEST well in col-xs-6?
Matthew
@fsbxsc
Jun 07 2017 03:03
Chase what are you trying to do
Jay Prado
@purrado
Jun 07 2017 03:03
@cntrlCcoder should be color not colour
Jesuloba Egunjobi
@Lobarr
Jun 07 2017 03:03
Hey guys could you check out my voter-app project here poller-vote
Please let me know what you think
cntrlCcoder
@cntrlCcoder
Jun 07 2017 03:03
@purrado lol damn americans.. :P haha
thanks mate
M-C-Haker
@M-C-Haker
Jun 07 2017 03:03
@CoughDrop23 did you get it?
Jay Prado
@purrado
Jun 07 2017 03:04
@cntrlCcoder i know right haha :+1:
CoughDrop23
@CoughDrop23
Jun 07 2017 03:05
yes somewhat I do have the div class but do I use the id to call the div class and if so how would I do that?
Essam
@essamsaber
Jun 07 2017 03:05
guys I have an error in change-the-font-size-of-an-element
M-C-Haker
@M-C-Haker
Jun 07 2017 03:06
@CoughDrop23 <div class="silver-background"> should just be that just set div = to the class you created in the style element
Essam
@essamsaber
Jun 07 2017 03:06
It told me that the p tag should contain the first few words of the provided additional kitty ipsum text.
Manish Giri
@Manish-Giri
Jun 07 2017 03:06
@essamsaber and?
Essam
@essamsaber
Jun 07 2017 03:07
and this is the p tag
<p>
Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
Manish Giri
@Manish-Giri
Jun 07 2017 03:07
do you see the text highlighted in red on the left?
M-C-Haker
@M-C-Haker
Jun 07 2017 03:07
@essamsaber "first few" i think I just took three i.e. Kitty ipsum dolor
Essam
@essamsaber
Jun 07 2017 03:07
yes
Manish Giri
@Manish-Giri
Jun 07 2017 03:08
use that
cntrlCcoder
@cntrlCcoder
Jun 07 2017 03:08
hey team, how do creat a .class for pink text agian?
M-C-Haker
@M-C-Haker
Jun 07 2017 03:08
.pink-text {
Essam
@essamsaber
Jun 07 2017 03:08
It doesn't make any different
the same error
cntrlCcoder
@cntrlCcoder
Jun 07 2017 03:09
.pink-text { pink-text= color pink;}??
Jay Prado
@purrado
Jun 07 2017 03:09
@cntrlCcoder
.pink-text {
  color: pink;
}
Manish Giri
@Manish-Giri
Jun 07 2017 03:09
@essamsaber did you use all the text?
cntrlCcoder
@cntrlCcoder
Jun 07 2017 03:10
@ja
M-C-Haker
@M-C-Haker
Jun 07 2017 03:10
'code'
cntrlCcoder
@cntrlCcoder
Jun 07 2017 03:10
@purrado thanks mate, btw how did you add the code in there like that?
CamperBot
@camperbot
Jun 07 2017 03:10
cntrlccoder sends brownie points to @purrado :sparkles: :thumbsup: :sparkles:
:cookie: 291 | @purrado |http://www.freecodecamp.com/purrado
M-C-Haker
@M-C-Haker
Jun 07 2017 03:10
code .pink-text{
Essam
@essamsaber
Jun 07 2017 03:11
Everything marked as right except that error
Jay Prado
@purrado
Jun 07 2017 03:11

@cntrlCcoder just put the code between three backticks

```
code here
```

Chase
@Xzenergy
Jun 07 2017 03:11
@Manish-Giri Yes. In what way? a whole new div? I already tried to just put it into the class
M-C-Haker
@M-C-Haker
Jun 07 2017 03:11
`.pink-text {
Manish Giri
@Manish-Giri
Jun 07 2017 03:11
@Xzenergy what do you mean?
cntrlCcoder
@cntrlCcoder
Jun 07 2017 03:11
' thanks '
Chase
@Xzenergy
Jun 07 2017 03:11
nesting well inside the bootstrap class
cntrlCcoder
@cntrlCcoder
Jun 07 2017 03:12
lol
'''thanks'''
Jay Prado
@purrado
Jun 07 2017 03:12
```
code here
```
CamperBot
@camperbot
Jun 07 2017 03:12
:bulb: to format code use backticks! ``` more info
cntrlCcoder
@cntrlCcoder
Jun 07 2017 03:13
thanks
Scott Fayan
@sfayan
Jun 07 2017 03:14
Im making a navigation bar, and have the list of links floating to the right, but i cant get a title for the page floating left to be on the same line with the links, it always shows up above, does anyone know how i can make them next to each other instead of on over the other?
<div id="header">
<div id="qlip">qlip</div>
<ul id="navbar">
<li><a href="#about">ABOUT</a></li>
<li><a href="#portfolio">PORTFOLIO</a></li>
<li><a href="#contact">CONTACT</a></li>
</ul>
</div>
Essam
@essamsaber
Jun 07 2017 03:15

(

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

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

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

<p>Kitty ipsum dolor sit amet</p>)

cntrlCcoder
@cntrlCcoder
Jun 07 2017 03:16
</style>
<h1 class:"pink-text"> Hello World!</h1>
Essam
@essamsaber
Jun 07 2017 03:16
Can I upload a screenshot here ?
Manish Giri
@Manish-Giri
Jun 07 2017 03:16
@essamsaber do you really never listen to what people say?
if so, you shouldn't be here.
Jay Prado
@purrado
Jun 07 2017 03:16
@cntrlCcoder use = not : for assigning attribute values, as in
<h1 class="pink-text">Hello World!</h1>
Essam
@essamsaber
Jun 07 2017 03:17
Sorry Manish
cntrlCcoder
@cntrlCcoder
Jun 07 2017 03:17
Boom. @purrado to the rescue
Essam
@essamsaber
Jun 07 2017 03:17
But i'm just tried the first 3 word and it doesn't work
Manish Giri
@Manish-Giri
Jun 07 2017 03:17
do you see the text highlighted in red on the left?
use that
did I ask you to use first 3 word here?
Essam
@essamsaber
Jun 07 2017 03:17
and used the red words as you told me
and still have the same error
thEPiQone
@thEPiQone
Jun 07 2017 03:17
Screen shot 2017-06-06 at 8.15.01 PM.png
Am I missing something? Or did I do something wrong?
Manish Giri
@Manish-Giri
Jun 07 2017 03:18
@thEPiQone you're selecting button
should select #target4 instead..
thEPiQone
@thEPiQone
Jun 07 2017 03:18
Okay thanks @Manish-Giri!
CamperBot
@camperbot
Jun 07 2017 03:18
thepiqone sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5873 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Jun 07 2017 03:19
np
CoughDrop23
@CoughDrop23
Jun 07 2017 03:19
thanks @M-C-Haker
CamperBot
@camperbot
Jun 07 2017 03:19
coughdrop23 sends brownie points to @m-c-haker :sparkles: :thumbsup: :sparkles:
:cookie: 48 | @m-c-haker |http://www.freecodecamp.com/m-c-haker
M-C-Haker
@M-C-Haker
Jun 07 2017 03:20
@CoughDrop23 np
Bency
@bbchacko
Jun 07 2017 03:20
how do you do this" Nest your text input element within a form element.
Make sure your form has an action attribute which is set to /submit-cat-photo"
Manish Giri
@Manish-Giri
Jun 07 2017 03:23
@bbchacko input goes inside the form tags
M-C-Haker
@M-C-Haker
Jun 07 2017 03:23
@bbchacko all that is saying is put your text input within the form element you previously made. And set then write action and set it = to what it tells you
that's all nesting is
ngoalexandra
@ngoalexandra
Jun 07 2017 03:24
stuck on how to change color of text in CSS
M-C-Haker
@M-C-Haker
Jun 07 2017 03:25
@ngoalexandra set an html element class equal to a class you make in your CSS (<style>) where the class you made has a specific text color
ngoalexandra
@ngoalexandra
Jun 07 2017 03:26
Thanks haha, just a newbie @M-C-Haker
jutsai
@jutsai
Jun 07 2017 03:26
hellow world
CoughDrop23
@CoughDrop23
Jun 07 2017 03:27
@M-C-Haker I saw what I did and I had to face palm... on the line where you add the id I type #cat-photo-element instead of #cat-photo-form and as soon as I fixed it all the weight in the world lifted for just a moment XD
Kyle Holm
@thekholm80
Jun 07 2017 03:29
M-C-Haker
@M-C-Haker
Jun 07 2017 03:29
@CoughDrop23 I did the same think in the one before that but "cat-photo-photo" instead of form. Was about to ask for help myself tbh but gave it a minute came in here to talk and took another look
lol
@ngoalexandra no problem, we all are starting somewhere. i am too
ricpconsulting
@ricpconsulting
Jun 07 2017 03:44
Hi guys. I am learning code, making a wp website and trying really hard. I finished a section on my home page but i dont know why is getting weird. Can someone help me? http://imgur.com/a/rkvaB
Thank you.
AisuluOmar
@AisuluOmar
Jun 07 2017 03:45
Hi guys. I just started learning, stacked at the beginning, please help:
nside the same <style> tag that contains your red-text class, create an entry for p elements and set the font-size to 16 pixels (16px).
*inside
CoughDrop23
@CoughDrop23
Jun 07 2017 03:45
post your code
@AisuluOmar
ricpconsulting
@ricpconsulting
Jun 07 2017 03:46
I have no idea how to do this. My level is "copying someones else code and change picture and text"
AisuluOmar
@AisuluOmar
Jun 07 2017 03:46
<style>
.red-text {
color: red;
font-size:16px;
}
ricpconsulting
@ricpconsulting
Jun 07 2017 03:46
How do I do this exactly?
AisuluOmar
@AisuluOmar
Jun 07 2017 03:47
how do I make the font-size p element?
CoughDrop23
@CoughDrop23
Jun 07 2017 03:47
@AisuluOmar you need to seperate the .red-text from the font-size because they are different classes'
ricpconsulting
@ricpconsulting
Jun 07 2017 03:48
I don't know. Is it in the page code or in editor?
AisuluOmar
@AisuluOmar
Jun 07 2017 03:48
@CoughDrop23 what class would be the p element ?
ricpconsulting
@ricpconsulting
Jun 07 2017 03:48
Sorry about that guys. I don't even know what language is that. I am just trying to finish my website by myself and learn the basics.
AisuluOmar
@AisuluOmar
Jun 07 2017 03:49
.font.size class is incorrect
CoughDrop23
@CoughDrop23
Jun 07 2017 03:49
@AisuluOmar the p element would be your font size
AisuluOmar
@AisuluOmar
Jun 07 2017 03:50
@CoughDrop23 got it, thank you so much:)
CamperBot
@camperbot
Jun 07 2017 03:50
aisuluomar sends brownie points to @coughdrop23 :sparkles: :thumbsup: :sparkles:
:cookie: 45 | @coughdrop23 |http://www.freecodecamp.com/coughdrop23
CoughDrop23
@CoughDrop23
Jun 07 2017 03:50
@AisuluOmar anytime :smile:
Elliw Seehorn
@ellsee
Jun 07 2017 03:52
how to change the color of text
CoughDrop23
@CoughDrop23
Jun 07 2017 03:53
in your <style> make a class
Kyle Holm
@thekholm80
Jun 07 2017 03:53
@ellsee what do the instructions say?
Manish Giri
@Manish-Giri
Jun 07 2017 03:54

@Manish-Giri this will soon be valid syntax

@thekholm80 lol, let's ask @diomed to decipher that

@thekholm80 is it possible to construct key this way
Kyle Holm
@thekholm80
Jun 07 2017 03:54
@Manish-Giri he predicts that soon code will be all emojis
Manish Giri
@Manish-Giri
Jun 07 2017 03:54
<GameCell rowPos={i} cellPos={index} key={{i}+{index}} />
CoughDrop23
@CoughDrop23
Jun 07 2017 03:54
@ellesee make sure to start the class with .(color you wish to make)-text
Kyle Holm
@thekholm80
Jun 07 2017 03:55
@Manish-Giri yeah, that should be unique
Manish Giri
@Manish-Giri
Jun 07 2017 03:56
js within js within jsx
FTW
Kyle Holm
@thekholm80
Jun 07 2017 03:57
I did something the other day (maybe inline styling?) that was like <MyComponent style={ {color: blue} } />
not sure why the double braces are needed but throws error without
sachin
@imsks143
Jun 07 2017 03:58
hey guys anyone know how to nest text field in form?
Kyle Holm
@thekholm80
Jun 07 2017 03:58
<form><input></form>
Manish Giri
@Manish-Giri
Jun 07 2017 03:58
@thekholm80 it's because the outer {} is required for evaluating JS as usual
and the inner {} is required because the styles go in a JS object
I remember reading that in codeacdemy
Kyle Holm
@thekholm80
Jun 07 2017 03:59
what a pain lol
Manish Giri
@Manish-Giri
Jun 07 2017 03:59
lol
Kyle Holm
@thekholm80
Jun 07 2017 03:59
Isn't that what glamourous is supposed to fix?
BlankMcBlankerson
@BlankMcBlankerson
Jun 07 2017 04:00

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

<h2>CatPhotoApp</h2>

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

Kyle Holm
@thekholm80
Jun 07 2017 04:00
ah okay it's just functional css in js
javelina187
@javelina187
Jun 07 2017 04:00
browser zoom is at 100%
Kyle Holm
@thekholm80
Jun 07 2017 04:01
@BlankMcBlankerson create the class in your style section, then add the class to the element
javelina187
@javelina187
Jun 07 2017 04:02
chrome browser zoom is at 100%
<style>
smaller-image{
width: 100px;
}
</style>
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back." class="smaller-image">
Manish Giri
@Manish-Giri
Jun 07 2017 04:02
Screenshot 2017-06-07 00.01.43.png
@thekholm80
my console doesn't look too happy
lol
Kyle Holm
@thekholm80
Jun 07 2017 04:03
2 children with the same key?
oh, concatenate
Manish Giri
@Manish-Giri
Jun 07 2017 04:03
yeah I guess I screwed up with the key
dunno
Kyle Holm
@thekholm80
Jun 07 2017 04:03
it stuck you in the bum
Manish Giri
@Manish-Giri
Jun 07 2017 04:03
yea
Kyle Holm
@thekholm80
Jun 07 2017 04:04
maybe add a char in between? like { index + '&' + id }
oh yeah and your variables can share one set of braces, they don't have to be individually wrapped
or you could stringify your variables so they actually concatenate
cause right now you're mathing them
Manish Giri
@Manish-Giri
Jun 07 2017 04:08
Screenshot 2017-06-07 00.08.35.png
this is what I got, testing on jsbin
key
becomes a sum, as you said
damn
i thought it would be uniq
Kyle Holm
@thekholm80
Jun 07 2017 04:09
sorry, i should have looked harder at your initial question
Manish Giri
@Manish-Giri
Jun 07 2017 04:09
lol it's tough to understand without it actually happening
it looks good in the first go
can we have strings as keys?
Kyle Holm
@thekholm80
Jun 07 2017 04:10
yessir
Manish Giri
@Manish-Giri
Jun 07 2017 04:10
huh
i didn't know that
Kyle Holm
@thekholm80
Jun 07 2017 04:11
well, maybe I should actually check to be sure
in the react docs i see <li key={number.toString()}> in example code, so I think it's cool
The best way to pick a key is to use a string that uniquely identifies a list item among its siblings. Most often you would use IDs from your data as keys:
also
When you don't have stable IDs for rendered items, you may use the item index as a key as a last resort:
Manish Giri
@Manish-Giri
Jun 07 2017 04:14
When you don't have stable IDs for rendered items, you may use the item index as a key as a last resort:
this is what I was trying to do
use a sum of the row number + cell number as a key
but it won't work, looks like
Kyle Holm
@thekholm80
Jun 07 2017 04:15
math gone git ya
Manish Giri
@Manish-Giri
Jun 07 2017 04:15
because row 0 - cell 5 would be 0 + 5 = 5
and row 5 - cell 0 would also be 5
Kyle Holm
@thekholm80
Jun 07 2017 04:15
and 2/3 and 1/4 etc
but, there will only be one "0" + "5"
might hit trouble there too, though
Manish Giri
@Manish-Giri
Jun 07 2017 04:17
oh well
worked out beautifully
Screenshot 2017-06-07 00.17.31.png
Kyle Holm
@thekholm80
Jun 07 2017 04:18
there you go
Manish Giri
@Manish-Giri
Jun 07 2017 04:18
ty @thekholm80
CamperBot
@camperbot
Jun 07 2017 04:18
manish-giri sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 969 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Kyle Holm
@thekholm80
Jun 07 2017 04:18
React can be so picky about some things
Manish Giri
@Manish-Giri
Jun 07 2017 04:18
:worried:
:fire:
Jonathan Limon
@imkidcable
Jun 07 2017 04:18
Hi Everyone. I'm having trouble with my background for my first portfolio project.
Kyle Holm
@thekholm80
Jun 07 2017 04:18
?
Jonathan Limon
@imkidcable
Jun 07 2017 04:18
Could anyone explain why it wont sroll with the page.
Fredlias
@Fredlias
Jun 07 2017 04:19
Hi all
Kyle Holm
@thekholm80
Jun 07 2017 04:19
@imkidcable can we see it?
Kyle Holm
@thekholm80
Jun 07 2017 04:19
@Fredlias hi
Markus Ivancsics
@ivancsicsmarkus
Jun 07 2017 04:20
@imkidcable it looks cool
@imkidcable do you need help?
Jonathan Limon
@imkidcable
Jun 07 2017 04:20
Yes I do.
Kyle Holm
@thekholm80
Jun 07 2017 04:20
@imkidcable there's no more content, where's it supposed to scroll to?
Geet Bhullar
@geet1991
Jun 07 2017 04:21
  $.getJSON("/json/cats.json",function(json){

    $(".message").html(JSON.stringify(json));
  });
Jonathan Limon
@imkidcable
Jun 07 2017 04:21
I'm having trouble with rows and columns.
Geet Bhullar
@geet1991
Jun 07 2017 04:21
how do we know we have to write this "/json/cats.json" to get the data
like where is the API defined
Fredlias
@Fredlias
Jun 07 2017 04:21
I'm new here and just start learning code..... Got some challenge here with the use of css style
Use of CSS class to style an element
Jonathan Limon
@imkidcable
Jun 07 2017 04:21
I want to place the content under the nav bar but don't know how to do so.
Kyle Holm
@thekholm80
Jun 07 2017 04:22
@geet1991 every api is different and should have an explanation of how to use it in the docs
Geet Bhullar
@geet1991
Jun 07 2017 04:22
we dont have docs for this right?
that is why im getting confused
Kyle Holm
@thekholm80
Jun 07 2017 04:22
which api are you trying to use?
Geet Bhullar
@geet1991
Jun 07 2017 04:22
the cat app
Daniel Gathogo
@edgetech1
Jun 07 2017 04:22
Hi. I need help with creating a form element in HTML. I don't know exactly where I'm supposed to place it but chrome won't display the page saying it detected some unusual code
Manish Giri
@Manish-Giri
Jun 07 2017 04:22
cat app has an api?
Kyle Holm
@thekholm80
Jun 07 2017 04:22
wow
Manish Giri
@Manish-Giri
Jun 07 2017 04:22
lel
Geet Bhullar
@geet1991
Jun 07 2017 04:22
cat photo API
lol
Paul
@pkcode2
Jun 07 2017 04:23

<style>

<h2> {color:blue;}</style>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>
Ok, what's the problem? It's saying that the h2 element isn't blue, and the stylesheet declaration is invalid, but they seem right...

Kyle Holm
@thekholm80
Jun 07 2017 04:23
do you have a url for the api?
Geet Bhullar
@geet1991
Jun 07 2017 04:23
Let's get the JSON from Free Code Camp's Cat Photo API.
$.getJSON("/json/cats.json", function(json) {
$(".message").html(JSON.stringify(json));
});
Fredlias
@Fredlias
Jun 07 2017 04:23

Pls help check where I made d mistake.....thanks

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

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

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

Manish Giri
@Manish-Giri
Jun 07 2017 04:23
/json/cats.json/
Kyle Holm
@thekholm80
Jun 07 2017 04:23
oh, must be beta
Geet Bhullar
@geet1991
Jun 07 2017 04:23
and then it gives me that
Jonathan Limon
@imkidcable
Jun 07 2017 04:23
content placement.png
Manish Giri
@Manish-Giri
Jun 07 2017 04:23
/json/cats.json/
this is not an api
:disappointed:
Geet Bhullar
@geet1991
Jun 07 2017 04:23
im asking why its there?
Mukul Agrawal
@mukul09
Jun 07 2017 04:23
@Fredlias <h2 class="red-text">
Geet Bhullar
@geet1991
Jun 07 2017 04:23
why not something else
$.getJSON("/json/cats.json",function(json)
essentially what is this line?
here
Jonathan Limon
@imkidcable
Jun 07 2017 04:24
@ivancsicsmarkus @thekholm80 I can't seem to place the rows and columns correctly.
AisuluOmar
@AisuluOmar
Jun 07 2017 04:24
Hi everyone, please help:
Your a element should be a dead link with a href attribute set to "#".
I just replaced href with #
Mukul Agrawal
@mukul09
Jun 07 2017 04:25
@AisuluOmar just replace your link with #
AisuluOmar
@AisuluOmar
Jun 07 2017 04:25
<p>Click here for <a #="http://www.freecatphotoapp.com">cat photos</a>.</p>
that's what I did
Mukul Agrawal
@mukul09
Jun 07 2017 04:25
@AisuluOmar replace your link with # not href
@AisuluOmar href="#"
Geet Bhullar
@geet1991
Jun 07 2017 04:26
$.getJSON("/json/cats.json",function(json){
Kyle Holm
@thekholm80
Jun 07 2017 04:26
@geet1991 I don't really use jQuery but it looks like the $.getJSON method takes a url (in this case /json/cats.json) and a callback as parameters, then processes the get request and handles the response in the callback
AisuluOmar
@AisuluOmar
Jun 07 2017 04:26
@mukul09 I already did
Jonathan Limon
@imkidcable
Jun 07 2017 04:26
@AisuluOmar <p>Click here for <a href="#">cat photos </a></p>
Geet Bhullar
@geet1991
Jun 07 2017 04:26
@thekholm80 makes sense
thanks man
Kyle Holm
@thekholm80
Jun 07 2017 04:26
but FCC is using a local directory for the JSON request
Geet Bhullar
@geet1991
Jun 07 2017 04:26
i was just confused on how they found the url
Kyle Holm
@thekholm80
Jun 07 2017 04:27
so it looks a little unusual
Geet Bhullar
@geet1991
Jun 07 2017 04:27
oh okay great
ngoalexandra
@ngoalexandra
Jun 07 2017 04:27
@Fredlias
Geet Bhullar
@geet1991
Jun 07 2017 04:27
thanks man
Kyle Holm
@thekholm80
Jun 07 2017 04:27
:+1:
AisuluOmar
@AisuluOmar
Jun 07 2017 04:28
got it, thank you:)
Jonathan Limon
@imkidcable
Jun 07 2017 04:28

Can anyone help me with my content placement?

I'm trying to use Bootstrap but I can't seem to control it very well.

Fredlias
@Fredlias
Jun 07 2017 04:28
@mukul09 .....used it <h2 class="red-text">
Jonathan Limon
@imkidcable
Jun 07 2017 04:28
content placement.png
Fredlias
@Fredlias
Jun 07 2017 04:28
Still didn't work
Kyle Holm
@thekholm80
Jun 07 2017 04:28
Cmiq
@Cmiq
Jun 07 2017 04:29
HELP: how to make a dead link?
Mukul Agrawal
@mukul09
Jun 07 2017 04:29
@Fredlias share your new code
@Cmiq replace your link with a #
theweapon9000
@theweapon9000
Jun 07 2017 04:29
$(document).ready(function($("button").addClass("animated bounce");) {
});
Netrunner21
@Netrunner21
Jun 07 2017 04:29
I need some help with record collection if anyone has a moment
Luke Miller
@dalumiller
Jun 07 2017 04:29
Hey, when it comes to making your portfolio on Codepen, do you do so by creating it on a project or post?
ngoalexandra
@ngoalexandra
Jun 07 2017 04:29
Can someone help me. Your h2 element should use the font Lobster.
Mukul Agrawal
@mukul09
Jun 07 2017 04:30
@ngoalexandra share your code
Fredlias
@Fredlias
Jun 07 2017 04:30
@ngoalexandra u mean like this <h2 class="red-text">CatPhotoApp</h2>
Cmiq
@Cmiq
Jun 07 2017 04:30
never mind I figured it out! href="#"
ngoalexandra
@ngoalexandra
Jun 07 2017 04:30
@Fredlias yes
Cmiq
@Cmiq
Jun 07 2017 04:30
thanks so much @mukul09
CamperBot
@camperbot
Jun 07 2017 04:30
cmiq sends brownie points to @mukul09 :sparkles: :thumbsup: :sparkles:
:cookie: 371 | @mukul09 |http://www.freecodecamp.com/mukul09
ngoalexandra
@ngoalexandra
Jun 07 2017 04:31
@mukul09 how do I share that? Just started today and getting the hang of everything
Luke Miller
@dalumiller
Jun 07 2017 04:31
Hey, when it comes to making your portfolio on Codepen, do you do so by creating it on a project or post?
Mukul Agrawal
@mukul09
Jun 07 2017 04:31
@ngoalexandra just copy paste your code
Fredlias
@Fredlias
Jun 07 2017 04:31

Here it is....pls help out, thanks

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

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

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

Mukul Agrawal
@mukul09
Jun 07 2017 04:31
@Cmiq :+1:
@Fredlias refresh your page
Sunil
@Sunilkv20164012
Jun 07 2017 04:32
Hello
__mifflin__
@cdrainxv
Jun 07 2017 04:32
@dalumiller: Use a pen not a project.
Kyle Holm
@thekholm80
Jun 07 2017 04:32
@cdrainxv :wave:
Jonathan Limon
@imkidcable
Jun 07 2017 04:32
@thekholm80 I create multiple columns but they stack on top of each other or float towards the center of the screen.
Multple columns, multiple rows.
ngoalexandra
@ngoalexandra
Jun 07 2017 04:33

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

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

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

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

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

Paul
@pkcode2
Jun 07 2017 04:33
Ok, what's the problem? It's saying that the h2 element isn't blue, and the stylesheet declaration is invalid, but they seem right...

<style>

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

Kyle Holm
@thekholm80
Jun 07 2017 04:34
@imkidcable the bootstrap documentation can explain it a lot better than I can, sorry
Coy Sanders
@coymeetsworld
Jun 07 2017 04:36
@pkcode2 looks like you're merging your HTML and CSS code
style shouldn't have part of the h2 tag like that
Jedidiah Wahana
@jedidiahwahana
Jun 07 2017 04:37
Hi, i'm working on the "Random Quote Machine" project
Mukul Agrawal
@mukul09
Jun 07 2017 04:37
@ngoalexandra your should add this to your style element
h2{
    font-family:Lobster;
  }
Paul
@pkcode2
Jun 07 2017 04:37
Thanks, Coy, I'll try that out..
Jedidiah Wahana
@jedidiahwahana
Jun 07 2017 04:37
I want to use javascript on my codepen, but it seems it's not working
Manish Giri
@Manish-Giri
Jun 07 2017 04:37
@jedidiahwahana did you write code in JS window?
Jedidiah Wahana
@jedidiahwahana
Jun 07 2017 04:37
I have added jQuery in the javascript settings
is there any settings that i miss?
yes @Manish-Giri
Manish Giri
@Manish-Giri
Jun 07 2017 04:38
post the url
Jedidiah Wahana
@jedidiahwahana
Jun 07 2017 04:38
url of my codepen or url of the jQuery url?
@Manish-Giri
Luke Miller
@dalumiller
Jun 07 2017 04:38
@cdrainxv thanks
CamperBot
@camperbot
Jun 07 2017 04:38
dalumiller sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 2708 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Manish Giri
@Manish-Giri
Jun 07 2017 04:39
sigh
your codepen url
Fredlias
@Fredlias
Jun 07 2017 04:40
Still not changing color @ngoalexandra @mukul09
Mukul Agrawal
@mukul09
Jun 07 2017 04:40
@Fredlias share your latest code
Manish Giri
@Manish-Giri
Jun 07 2017 04:40
@jedidiahwahana use $(document).ready(function() {
Jedidiah Wahana
@jedidiahwahana
Jun 07 2017 04:41
thanks @Manish-Giri
CamperBot
@camperbot
Jun 07 2017 04:41
jedidiahwahana sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5874 | @manish-giri |http://www.freecodecamp.com/manish-giri
ngoalexandra
@ngoalexandra
Jun 07 2017 04:42
@mukul09 thank you!
CamperBot
@camperbot
Jun 07 2017 04:42
ngoalexandra sends brownie points to @mukul09 :sparkles: :thumbsup: :sparkles:
:cookie: 373 | @mukul09 |http://www.freecodecamp.com/mukul09
Mukul Agrawal
@mukul09
Jun 07 2017 04:42
@ngoalexandra :+1:
__mifflin__
@cdrainxv
Jun 07 2017 04:43
@Manish-Giri: My github account has been flagged.
@thekholm80: Evening. :wave:
Manish Giri
@Manish-Giri
Jun 07 2017 04:43
lol
what
Kyle Holm
@thekholm80
Jun 07 2017 04:43
how does a github account get flagged?
like, "this account is awesome" flag?
Manish Giri
@Manish-Giri
Jun 07 2017 04:44
omg
this results in 404
Kyle Holm
@thekholm80
Jun 07 2017 04:45
that's not cool
Manish Giri
@Manish-Giri
Jun 07 2017 04:45
@cdrainxv were you using github pages recently?
__mifflin__
@cdrainxv
Jun 07 2017 04:46

@Manish-Giri: No…

Your account has been flagged.
Because of that, your profile is hidden from the public. If you believe this is a mistake, contact support to have your account status reviewed.

xeroxysandesh
@xeroxysandesh
Jun 07 2017 04:49
hey i created two columns in a bootstrap row, first is a pic in left and second is a div with text,
James Patrick Kerrane
@jamesjpk123
Jun 07 2017 04:49
Hey guys, I need help with this codepen: https://codepen.io/jamesjpk123/pen/JJdZvV. It functions fine except for the links at the bottom (http://mdeckstein.wixsite.com/mdeckstein/about, http://www.webcitation.org/6r2BaxnAT). For me, whenever I hover over, the text underlines, but on mouseclick it does not take you to the page. Any suggestions?
EDIT:
More Info: :point_down: June 6, 2017 10:50 PM
__mifflin__
@cdrainxv
Jun 07 2017 04:50
@Manish-Giri: That’s okay… for now…. everything is locally saved… when I’m ready to upload things and set up some actual gh-pages… then I’ll contact support.
James Patrick Kerrane
@jamesjpk123
Jun 07 2017 04:50
Also the "Image from Michelle Eckstein" doesn't work either :point_up: June 6, 2017 10:49 PM
Jonathan Limon
@imkidcable
Jun 07 2017 04:50
https://codepen.io/imkidcable/pen/pwJrdy <--- Why are my columns stacked on toop of each other!?
Lenarey S. Torririt
@Lengzki
Jun 07 2017 04:50
Hey, guys, can you help me with this? It's just a one liner requirement:
  • Write a Boolean expression that tests whether two numbers are equal, and whose answer evaluates to false.
it's javascript btw
Manish Giri
@Manish-Giri
Jun 07 2017 04:51
we know lol
Coy Sanders
@coymeetsworld
Jun 07 2017 04:51
@Lengzki you can compare numbers with the double equals or triple equals operator
Manish Giri
@Manish-Giri
Jun 07 2017 04:51
code?
xeroxysandesh
@xeroxysandesh
Jun 07 2017 04:51
@Manish-Giri , i wrote it in my desktop :(
Manish Giri
@Manish-Giri
Jun 07 2017 04:52
um
what?
James Patrick Kerrane
@jamesjpk123
Jun 07 2017 04:52
Can anyone help with this? :point_up: June 6, 2017 10:49 PM
Kyle Holm
@thekholm80
Jun 07 2017 04:52
with a knife?
xeroxysandesh
@xeroxysandesh
Jun 07 2017 04:52
@Manish-Giri can you help me with a bootstrap?
Lenarey S. Torririt
@Lengzki
Jun 07 2017 04:52
@coymeetsworld thanks
CamperBot
@camperbot
Jun 07 2017 04:52
lengzki sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2725 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Jun 07 2017 04:54
np
Manish Giri
@Manish-Giri
Jun 07 2017 04:54
a bootstrap?
what's the problem?
Kevin
@klai9072
Jun 07 2017 04:56
how do i solve the problem
where it says
"be sure to close ach of your comments with -->
someone help pls
:9
Alexander R Bott
@Abott1222
Jun 07 2017 04:57
<!— Comment —>
Coy Sanders
@coymeetsworld
Jun 07 2017 04:57
thats how you end a comment @klai9072
Kevin
@klai9072
Jun 07 2017 04:57
wow thank you so much
Alexander R Bott
@Abott1222
Jun 07 2017 04:57
:fire:
Fredlias
@Fredlias
Jun 07 2017 05:00

@mukul09 ....this is it

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

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

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

Mukul Agrawal
@mukul09
Jun 07 2017 05:01
@Fredlias try refreshing your page then
Jonathan Limon
@imkidcable
Jun 07 2017 05:02
https://codepen.io/imkidcable/pen/pwJrdy I've been working on this problem for 2 days.. can someone please look at my code. I've watched youtube videos and reread the bootstrap grid documentation.
I can't figure it out.
Manish Giri
@Manish-Giri
Jun 07 2017 05:02
@Fredlias are you on android?
@imkidcable what's the problem?
Ctrl-Altz
@Ctrl-Altz
Jun 07 2017 05:04
Hello any mod here?
mods?
Jonathan Limon
@imkidcable
Jun 07 2017 05:04
My columns stack on top of each other @Manish-Giri
Ctrl-Altz
@Ctrl-Altz
Jun 07 2017 05:04
for fcc?
Jonathan Limon
@imkidcable
Jun 07 2017 05:04
I have row set up. I have tried differnt column sizes but they keep stacking on top of one another.
Manish Giri
@Manish-Giri
Jun 07 2017 05:04
@imkidcable okay, and?
Fredlias
@Fredlias
Jun 07 2017 05:04
Yh android @Manish-Giri
Manish Giri
@Manish-Giri
Jun 07 2017 05:05
@Fredlias switch to a pc
Coy Sanders
@coymeetsworld
Jun 07 2017 05:05
@imkidcable you closed your row too early
Jonathan Limon
@imkidcable
Jun 07 2017 05:05

@Manish-Giri

<row>

Coy Sanders
@coymeetsworld
Jun 07 2017 05:05
columns go in rows
Manish Giri
@Manish-Giri
Jun 07 2017 05:05
@imkidcable where is bootstrap?
James Patrick Kerrane
@jamesjpk123
Jun 07 2017 05:05
Nevermind about :point_up: June 6, 2017 10:49 PM. I found the problem.
Coy Sanders
@coymeetsworld
Jun 07 2017 05:05
oh, and yeah bootstrap not installed :/
Manish Giri
@Manish-Giri
Jun 07 2017 05:05
@Ctrl-Altz what's the problem?
Piyush Tiwari
@piyush805
Jun 07 2017 05:06
In last section of my code, I want to align an image-link in the center. It looks fine in editor view but in full page view(or is stretch the screen in editor view itself ) it is getting aligned on the right. Anyone can figure out and tell what the problem is? https://codepen.io/piyush805/pen/MowYvb
Ctrl-Altz
@Ctrl-Altz
Jun 07 2017 05:06
Second time i created an account and all my data is lost when i get t the tribute page
Manish Giri
@Manish-Giri
Jun 07 2017 05:07
what?
Ctrl-Altz
@Ctrl-Altz
Jun 07 2017 05:07
Ive complete the course up to making the tribute project
but it reset all my data
Manish Giri
@Manish-Giri
Jun 07 2017 05:08
did you login with a different account?
1code1
@1code1
Jun 07 2017 05:08
can anyone help me add social buttons to my portfoilio
Ctrl-Altz
@Ctrl-Altz
Jun 07 2017 05:08
nope just joined facebook and came back to reset profile
Jonathan Limon
@imkidcable
Jun 07 2017 05:08
@coymeetsworld where did I close my row too early?
Coy Sanders
@coymeetsworld
Jun 07 2017 05:09
<div class="row"></div>
Manish Giri
@Manish-Giri
Jun 07 2017 05:09
about @Ctrl-Altz
CamperBot
@camperbot
Jun 07 2017 05:09
:cookie: 2 | @ctrl-altz |http://www.freecodecamp.com/ctrl-altz
Ctrl-Altz
@Ctrl-Altz
Jun 07 2017 05:09
getting annoying
Coy Sanders
@coymeetsworld
Jun 07 2017 05:09
@Ctrl-Altz says that account was created 12 hours ago, are you sure?
Ctrl-Altz
@Ctrl-Altz
Jun 07 2017 05:09
2 time this week
Yup i did
At work
Jonathan Limon
@imkidcable
Jun 07 2017 05:09
@coymeetsworld F@#$ me, I got it now. Thank you.
CamperBot
@camperbot
Jun 07 2017 05:09
imkidcable sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2726 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
aymen
@aymenfrs
Jun 07 2017 05:09
Your image should have a src attribute that points to the kitten image. plz help
Coy Sanders
@coymeetsworld
Jun 07 2017 05:10
you also need to import bootstrap as @Manish-Giri said, you haven't done that yet either
Manish Giri
@Manish-Giri
Jun 07 2017 05:10
pretty sure it's a different account
1code1
@1code1
Jun 07 2017 05:10
>
Ctrl-Altz
@Ctrl-Altz
Jun 07 2017 05:10
Oh how would it be another account if i didnt log off lol
No possible
Coy Sanders
@coymeetsworld
Jun 07 2017 05:11
im just looking at what I see, says it was created 12 hours ago
Ctrl-Altz
@Ctrl-Altz
Jun 07 2017 05:11
Yeah and i completed the course
Coy Sanders
@coymeetsworld
Jun 07 2017 05:11
did you finish the course in the last 12 hours?
Manish Giri
@Manish-Giri
Jun 07 2017 05:11
lol
Ctrl-Altz
@Ctrl-Altz
Jun 07 2017 05:12
Let me explain then.. so i created an acccount called chadsax on june 2 then i got to the tribute page last night and all was lost i redid the course and again all was lost
naor
@DnTora
Jun 07 2017 05:13
jquery it's library in javescript?
igrg88
@igrg88
Jun 07 2017 05:14
Your form element should have the background-color of green.
Manish Giri
@Manish-Giri
Jun 07 2017 05:14
why don't you just continue with this account
Piyush Tiwari
@piyush805
Jun 07 2017 05:14
In last section of my code, I want to align an image-link in the center. It looks fine in editor view but in full page view(or is stretch the screen in editor view itself ) it is getting aligned on the right. Anyone can figure out and tell what the problem is? https://codepen.io/piyush805/pen/MowYvb
igrg88
@igrg88
Jun 07 2017 05:14
anyone have any ideas on how this works
Ctrl-Altz
@Ctrl-Altz
Jun 07 2017 05:14
cuz i was test this somethings wrong lol
Coy Sanders
@coymeetsworld
Jun 07 2017 05:14
@igrg88 show your code
igrg88
@igrg88
Jun 07 2017 05:15
<form action="/submit-cat-photo" id="cat-photo-form">
Ctrl-Altz
@Ctrl-Altz
Jun 07 2017 05:15
now im going to do this a third time create 1 more ffc account and github and gitter and this time ill take pictures of it and once I get to the tribute page it wil reset again
Coy Sanders
@coymeetsworld
Jun 07 2017 05:15
all of it @igrg88, did you create the cat-photo-form id?
the form tag there looks fine
Manish Giri
@Manish-Giri
Jun 07 2017 05:16
wow
igrg88
@igrg88
Jun 07 2017 05:16

cat-photo-element {

background-color: green;
}
Coy Sanders
@coymeetsworld
Jun 07 2017 05:16
@igrg88 no the name is not right
igrg88
@igrg88
Jun 07 2017 05:16
thats in my style element
Coy Sanders
@coymeetsworld
Jun 07 2017 05:16
thats an id named cat-photo-element, thats just an example. Instructions say you need to create an id named cat-photo-form
@Ctrl-Altz haven't heard anyone have that problem before, sorry. I wouldn't create more accounts you're just going to get lost
igrg88
@igrg88
Jun 07 2017 05:17
ok got it thanks
Coy Sanders
@coymeetsworld
Jun 07 2017 05:17
yw
Ctrl-Altz
@Ctrl-Altz
Jun 07 2017 05:17
it only when i got to link something
so something going wrong
kuragang
@kuragang
Jun 07 2017 05:20
hi all. I think i found a little bug in challenge.
Manish Giri
@Manish-Giri
Jun 07 2017 05:20
post code
@kuragang
kuragang
@kuragang
Jun 07 2017 05:21

https://www.freecodecamp.com/challenges/target-even-numbered-elements-using-jquery

On the right side (where is preview of the page) there are 2 pcs "#target5" buttons in the "#left-well#. But there must be only one there.

and that continues in last 3 or 4 challenges
it doesn't make me problem but i want to know why it happens
Manish Giri
@Manish-Giri
Jun 07 2017 05:24
once when page loads due to doc ready
Ctrl-Altz
@Ctrl-Altz
Jun 07 2017 05:25
look how many things ive completed now @coymeetsworld @Manish-Giri
Manish Giri
@Manish-Giri
Jun 07 2017 05:25
next when you click run tests
Ctrl-Altz
@Ctrl-Altz
Jun 07 2017 05:25
just did it all in like 10 mins or less because its buggin
Kevin Khol
@kevinkhol
Jun 07 2017 05:27
Hello im new to programming. I am on the part where its telling my to create a form element. But the "Nest your text input element within a form element" isn't checked off. Please help.

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

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

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

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

Coy Sanders
@coymeetsworld
Jun 07 2017 05:27
the input tag goes between the opening and closing form tag @kevinkhol
thats what nesting is, when you put something between the opening and closing tag of something else
Jay Prado
@purrado
Jun 07 2017 05:27
@kevinkhol put your <input> tags within the <form> element
Kris Baillargeon
@krisb1220
Jun 07 2017 05:28
http://krisb-portfolio.bss.design/ opinions on the position of the language and framework icons? should i center them or leave them how they are?
Jay Prado
@purrado
Jun 07 2017 05:28
nesting is basically putting one element inside another element, like
<form ...>
  <input ...>
</form>
Kevin Khol
@kevinkhol
Jun 07 2017 05:29
Oh, I get it. Thanks guys!
Jay Prado
@purrado
Jun 07 2017 05:29
@krisb1220 Looks a bit awkward on wider screens. I think you should center it!
Kris Baillargeon
@krisb1220
Jun 07 2017 05:30
thanks! i was having trouble getting the exact center but I shall persevere @purrado
CamperBot
@camperbot
Jun 07 2017 05:30
krisb1220 sends brownie points to @purrado :sparkles: :thumbsup: :sparkles:
:cookie: 293 | @purrado |http://www.freecodecamp.com/purrado
Kris Baillargeon
@krisb1220
Jun 07 2017 05:30
I could just do like 4 media queries but theyre so untidy
jakharmanish
@jakharmanish
Jun 07 2017 05:32
how to nest text input element in form element]?
lilmonzter
@lilmonzter
Jun 07 2017 05:32
Hi
am i doing this right?
<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 <a herf='http://freecatphotoapp.com'>cat photos.</a>
</p>
oh nvm, i saw my mistake
Holly
@hharnack
Jun 07 2017 05:35
hey guys I need some help with my margin...clockwise notation
Your green-box class should give the top of elements 40px of margin.
Your green-box class should give the right of elements 20px of margin.
Your green-box class should give the bottom of elements 20px of margin.
Your green-box class should give the left of elements 40px of margin.
this is what i have
Jay Prado
@purrado
Jun 07 2017 05:35
@jakharmanish
<form ...>
  <input ...>
</form>
Holly
@hharnack
Jun 07 2017 05:36
.green-box {
background-color: green;
margin: 40x 20x 20x 40x;
}
Coy Sanders
@coymeetsworld
Jun 07 2017 05:36
@hharnack its px, not x
px (pixels)
Holly
@hharnack
Jun 07 2017 05:36
omg i keep doing that haha thanks @coymeetsworld
CamperBot
@camperbot
Jun 07 2017 05:36
hharnack sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2727 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Jun 07 2017 05:36
:) np
Holly
@hharnack
Jun 07 2017 05:37
XD i probably shouldn't have start coding so late at night lol
Kris Baillargeon
@krisb1220
Jun 07 2017 05:37
non-challenge related am I the only that tries my hardest to use percentages instead of pixels?
@hharnack I say that at least 6 times a day ask @Manish-Giri
Ctrl-Altz
@Ctrl-Altz
Jun 07 2017 05:38
Well im off ill complete this again tomorrow at work lol
Holly
@hharnack
Jun 07 2017 05:38
@krisb1220 lol
Manish Giri
@Manish-Giri
Jun 07 2017 05:38
yeah I'm adding some code to camperbot so that it bans you right away when you ask that next time
@krisb1220
:smiling_imp:
Kris Baillargeon