These are chat archives for FreeCodeCamp/Help

16th
Oct 2016
EarthToAbigail
@EarthToAbigail
Oct 16 2016 00:00
hey there :) I'm new at FCC and still very much a beginner in the beautiful world of coding :) was wondering, can anyone tell me how to set a pic as background on a div element without applying it to the body? for some reason what I'm trying to do only works if I apply it on the body element but then I think I got some bugs in the page appearing because of that... am a bit confused and tired to ask google (been working for like 10h straight and asked loads of stuff to google already...heheh) A bit of real human help would b super appreciated :smile:
mariusvd2
@mariusvd2
Oct 16 2016 00:00
yes... i found the problem. I refreshed the page.. i guess it was freezed or something
A
@FlippyDoc
Oct 16 2016 00:05
the img thing is tough
Eko Odinta
@Kodin24
Oct 16 2016 00:10

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

please where do i Nest the text field in a form element. Add the action="/submit-cat-photo" attribute to this form element.
drachenfaust
@drachenfaust
Oct 16 2016 00:12
Your stylesheet should declare a red-text class and have its color set to red. What does that mean? Can someone help me out, please
CamperBot
@camperbot
Oct 16 2016 00:14
tonyjoe01 sends brownie points to @malycole :sparkles: :thumbsup: :sparkles:
:cookie: 127 | @malycole |http://www.freecodecamp.com/malycole
Eko Odinta
@Kodin24
Oct 16 2016 00:15

@Kodin24
I need help here, where is the text field, i have being nesting the form element into this code and its still not working need 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">
please where do i Nest the text field in a form element. Add the action="/submit-cat-photo" attribute to this form element.

Chase Cohn
@chasecohn
Oct 16 2016 00:18
Could someone paste the correct code for this assignment?
https://www.freecodecamp.com/challenges/create-a-form-element#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%3Cul%3E%0A%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%3C%2Ful%3E%0A%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%3Col%3E%0A%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%3C%2Fol%3E%0A%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%3E%0A
Walid Ashri
@walidashri
Oct 16 2016 00:21
@chasecohn
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>
Eko Odinta
@Kodin24
Oct 16 2016 00:24
@walidashri thanks man
CamperBot
@camperbot
Oct 16 2016 00:24
kodin24 sends brownie points to @walidashri :sparkles: :thumbsup: :sparkles:
:cookie: 377 | @walidashri |http://www.freecodecamp.com/walidashri
Chase Cohn
@chasecohn
Oct 16 2016 00:24
@walidashri thanks
CamperBot
@camperbot
Oct 16 2016 00:24
chasecohn sends brownie points to @walidashri :sparkles: :thumbsup: :sparkles:
:cookie: 378 | @walidashri |http://www.freecodecamp.com/walidashri
Arjay Ardanas
@aardanas
Oct 16 2016 00:26
can someone take a look into my nesting my stuff within a single <div class="row"> issue, I've tried 3 separate / different ways to write the code and I am getting dinged for "make sure each of your div elements has a closing tag
<div class="container-fluid">
<div class="row">
<div class="col-xs-8">
<h2 class="text-primary text-center">CatPhotoApp</h2>
</div>
<div class="row">
<div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
</div>
div.JPG
div again.JPG
Ian Lee
@asparism
Oct 16 2016 00:29

in javascript, why do i define objects as

var object {
"quotes" : "yes",
"thing" : "stuff
}

but a lookup table has no quotes for property declaration, like:

var lookup {
quotes: "no",
thing: "also stuff"
}
Miguel Matos
@mamptecnocrata
Oct 16 2016 00:30
@mariusvd2 what's the name of challenge?
Walid Ashri
@walidashri
Oct 16 2016 00:30
@aardanas u r missing 3*</div> at the end
Liam Read
@LiamDotPro
Oct 16 2016 00:31
@asparism think of the lookup table as keys and values
key has a value
in compsci we use quotes to donate strings
if we make something a string it means we want to get a key value of a certain type
rather than an object
Arjay Ardanas
@aardanas
Oct 16 2016 00:32
that did it, thank you @walidashri
CamperBot
@camperbot
Oct 16 2016 00:32
aardanas sends brownie points to @walidashri :sparkles: :thumbsup: :sparkles:
:cookie: 379 | @walidashri |http://www.freecodecamp.com/walidashri
Walid Ashri
@walidashri
Oct 16 2016 00:32
@aardanas :+1:
Ian Lee
@asparism
Oct 16 2016 00:34
@LiamDotPro if using quotes for strings, and strings mean we want to get a key value, and lookup tables are keys and values, wouldn't we use quotes for lookup tables?
is that the only difference in declaring a lookup table vs. an object?
Liam Read
@LiamDotPro
Oct 16 2016 00:35
They operate in different ways essentially
normally in an object you have a list of properties that can hold further objects
and the name is a reference to where that object is in memory
whereas a lookup table is more static and the keys are normally primitive values, this line is a little blury in javascript as it looks as if it operates outside of forced types
My best attempt at a simplistic comparison.
Ian Lee
@asparism
Oct 16 2016 00:38
so objects have properties such as color: green, whereas a lookup T is more like an a collection of variables?
Liam Read
@LiamDotPro
Oct 16 2016 00:38
It's like a switch statement if that makes sense
switch(key) {value:, value:, value:}
Ian Lee
@asparism
Oct 16 2016 00:39
i see what you mean. thanks @LiamDotPro
CamperBot
@camperbot
Oct 16 2016 00:39
:cookie: 26 | @liamdotpro |http://www.freecodecamp.com/liamdotpro
asparism sends brownie points to @liamdotpro :sparkles: :thumbsup: :sparkles:
Monicalada
@Monicalada
Oct 16 2016 00:42
Could anyone help me with this, please? Thanks!
I can't seem to get the last two instructions to work
Liam Read
@LiamDotPro
Oct 16 2016 00:42
@Monicalada ```
.foo{
color:green !important;
}
If you wondering what the syntax would be for important in css
Miguel Matos
@mamptecnocrata
Oct 16 2016 00:43
@Monicalada .pink-text { color: pink !important; }
Liam Read
@LiamDotPro
Oct 16 2016 00:43
@mamptecnocrata give it a shot ^_^
Miguel Matos
@mamptecnocrata
Oct 16 2016 00:43
@Monicalada and for the next time, try to erase what is after '? solution'
Liam Read
@LiamDotPro
Oct 16 2016 00:44
How do you mean?
Miguel Matos
@mamptecnocrata
Oct 16 2016 00:45
and for everyone else, try to erase what is after '? solution' in the URL, that this form of sharing is awful, dreadful, and takes space the rest of the reading messages
Liam Read
@LiamDotPro
Oct 16 2016 00:45
Normally the best thing to do is voice your thoughts on why it might not be passing
generically just sharing the code like I did above doesn't actually teach you much
figuring things out yourself is far more powerful for further learning :-)
Miguel Matos
@mamptecnocrata
Oct 16 2016 00:47
@LiamDotPro if I write:
clue: '```'
and I share an idea of how to do it, just stay locked up, and others share the fastest answers.
I want you to know: the idea is not to feed them, but teach them to hunt or fish beasts fish.
otherwise be 'homless people' of a computer, and when making websites be lonely and isolated.
Tien Tran
@tienttran
Oct 16 2016 00:55
Hi guys! I am having trouble on number 104
one of the instruction says to "Only add one class with each of your three selectors"
This is what I have so far
$("button").addClass("animated");
$(".btn").addClass("btn-primary");
$("#target1").addClass("animated shake");
Any help will be appreciated!
John Kelly
@Gjohncom55
Oct 16 2016 00:58
Use an ID Attribute to Style an Element. I need help how to turn the background color green.
?
Miguel Matos
@mamptecnocrata
Oct 16 2016 00:58
@tienttran hint: $("selector").method("property", "value");
three times
one for each element: one) selector; two) class; and three) ID
hint 2: to button element, add the method "animated"; to class btn add the method shake; to target1 ID add the method btn-primary;
CamperBot
@camperbot
Oct 16 2016 01:00
Set a bonfire to talk about with bonfire name
John Kelly
@Gjohncom55
Oct 16 2016 01:00
Your form element should have the background-color of green.
Miguel Matos
@mamptecnocrata
Oct 16 2016 01:01
@Gjohncom55 hint: #ID {property:value; } <tag id="ID">text</tag>
replace ID with the id called on the challenge
locate the tag named after the challenge, and also replace ID with the called before
hint 2: "property:value"; ==> "background-color: green";
CamperBot
@camperbot
Oct 16 2016 01:02
Set a bonfire to talk about with bonfire name
Tien Tran
@tienttran
Oct 16 2016 01:02
Alright got it ! Thank you
Miguel Matos
@mamptecnocrata
Oct 16 2016 01:02
don't forget give me :brownie:
JordanPPowell
@JordanPPowell
Oct 16 2016 01:04
If anyone needs help feel free to private message me :)
Jacob
@jdc101214
Oct 16 2016 01:11
hi guys i'm stuck on
Target the same element with multiple jQuery Selectors
here is my code
<script>
  $(document).ready(function() {
$("button").addclass();
 $(".btn") .addclass();
    $("#target1") .addclass();


  });
</script>

<!-- Only change code above this line. -->

<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>
Miguel Matos
@mamptecnocrata
Oct 16 2016 01:12
@jdc101214 hint: $("selector").method("property", "value");
three times
one for each element: one) selector; two) class; and three) ID
hint 2: to button element, add the method "animated"; to class btn add the method shake; to target1 ID add the method btn-primary;
Ian Lee
@asparism
Oct 16 2016 01:16
In javascript, when should you use a switch/case rather than just a lookup table?
JordanPPowell
@JordanPPowell
Oct 16 2016 01:16
@jdc101214
addClass not addclass also
Marcellana
@Marcellana
Oct 16 2016 01:20
What is algorithm?
Miguel Matos
@mamptecnocrata
Oct 16 2016 01:21
Marcellana
@Marcellana
Oct 16 2016 01:21
Tnx
Who is Filipino here?
Christopher Dulaney
@cleverchris
Oct 16 2016 01:23
hmmm why isn't $("#target1").addClasses(animated shake btn-primary)
correct
$("button").addClass(button)
$(".btn").addClass(shake)
$("#target1").addClasses(animated shake btn-primary)
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 01:23
@cleverchris it should be .addClass and not .addClasses
Christopher Dulaney
@cleverchris
Oct 16 2016 01:24
even on the line with the selector target1 because it has three classes
Miguel Matos
@mamptecnocrata
Oct 16 2016 01:24
other alternative is read books that teach algorithms from sratch and also from the pseudocode. I'm reading one of a Spanish autor Antonio Menchén Peñuela called "Diseño de programas" (Program Design)
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 01:25
@cleverchris there's just no addClasses syntax. that's it!
@cleverchris this is not an english language where you can pluralize a syntax
Christopher Dulaney
@cleverchris
Oct 16 2016 01:25
I fixed it but still have a syntax error
$("button").addClass(button);
$(".btn").addClass(shake);
$("#target1").addClass(animated shake btn-primary);
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 01:26

@cleverchris this line:

$("#target1").addClass(animated shake btn-primary);

is wrong

Andrew weinrich
@ambitiouscoder10
Oct 16 2016 01:26
how do I nest this text field in this form element?<form action="/url-where-you-want-to-submit-form-data"></form>
Miguel Matos
@mamptecnocrata
Oct 16 2016 01:26
we must try to follow fully the description of each exercise. Sometimes it is confusing, but reading letter by letter you can see that the description is fair and accurate
Andrew weinrich
@ambitiouscoder10
Oct 16 2016 01:26
cool
thx
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 01:27
@cleverchris remove btn-primary
Miguel Matos
@mamptecnocrata
Oct 16 2016 01:27
and @jeramaedybohol:
hint: $("selector").method("property", "value");
three times
one for each element: one) selector; two) class; and three) ID
hint 2: to button element, add the method "animated"; to class btn add the method shake; to target1 ID add the method btn-primary;
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 01:28
@mamptecnocrata ?
Christopher Dulaney
@cleverchris
Oct 16 2016 01:28
hmmm still have syntax error let me try reseting my code
Miguel Matos
@mamptecnocrata
Oct 16 2016 01:29
a way to solve it is to work I read one to one and keep trying with one at a time "run test" button.
Christopher Dulaney
@cleverchris
Oct 16 2016 01:31
thank yoy @jeramaedybohol
CamperBot
@camperbot
Oct 16 2016 01:31
cleverchris sends brownie points to @jeramaedybohol :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for jeramaedybohol
Christopher Dulaney
@cleverchris
Oct 16 2016 01:34
I think the sites having an issue because I completed the target the same element with multiple jQuery selectors challenge right with $("button").addClass(animated)
$(".btn").addClass(shake)
$("#target1").addClass(shake animated btn-primary)
Miguel Matos
@mamptecnocrata
Oct 16 2016 01:37
posibily the challenge acept more of one solution
Alexander Køpke
@alexanderkopke
Oct 16 2016 01:39
@cleverchris the classes need to be in quotes since they are not variables ("animated")
Christopher Dulaney
@cleverchris
Oct 16 2016 01:40
okay
okay that was the issue just one question it says only add one class with each of your three selectors which I have to complete and it also says your target1 element should have three classes so I'm confused do they want me to have three classes or one for the target1 element
thank you @alexanderkopke
CamperBot
@camperbot
Oct 16 2016 01:42
cleverchris sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:cookie: 805 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
Alexander Køpke
@alexanderkopke
Oct 16 2016 01:43
@cleverchris you have ("shake animated btn-primary") on the last one it should only be ("btn-primary")
Christopher Dulaney
@cleverchris
Oct 16 2016 01:44
check this out
$(document).ready(function() {
$("button").addClass("animated")
$(".btn").addClass("shake")
$("#target1").addClass("btn-primary")
Miguel Matos
@mamptecnocrata
Oct 16 2016 01:45
The confusion arises when calling the site where is the ID target1
.#target1 is ID, #target1 is ID nested by .btn class, #target1 is ID nested by .btn class, and in turn, nested by button tag
Alexander Køpke
@alexanderkopke
Oct 16 2016 01:45

<script>
  $(document).ready(function() {
    $('button').addClass('animated');
    $('.btn').addClass('shake');
    $('#target1').addClass('btn-primary');
  });
</script>
this is what I have
Miguel Matos
@mamptecnocrata
Oct 16 2016 01:46
This message was deleted
Christopher Dulaney
@cleverchris
Oct 16 2016 01:48
thank you so much @alexanderkopke you're awesome
CamperBot
@camperbot
Oct 16 2016 01:48
cleverchris sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:warning: cleverchris already gave alexanderkopke points
Alexander Køpke
@alexanderkopke
Oct 16 2016 01:48
:+1:
Eko Odinta
@Kodin24
Oct 16 2016 01:48

am stuck here need help, how do i give the body element the color property green and how do h1 element should inherit the color green from body element. Remember, you can style your body element just like any other HTML element, and all your other elements will inherit your body element's styles.

First, create a h1 element with the text Hello World

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

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

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

</style>

<h1> Hello World </h1>

Miguel Matos
@mamptecnocrata
Oct 16 2016 01:49
@Kodin24 you use the property background-color to define the whole site color
no the text color
@Kodin24 answer: body { color: green; }
Eko Odinta
@Kodin24
Oct 16 2016 01:50
@mamptecnocrata that was helpful thanks boss
CamperBot
@camperbot
Oct 16 2016 01:50
kodin24 sends brownie points to @mamptecnocrata :sparkles: :thumbsup: :sparkles:
:cookie: 140 | @mamptecnocrata |http://www.freecodecamp.com/mamptecnocrata
Nayenne Abgail
@Nayenne
Oct 16 2016 01:51
1-Your div element should have the class container-fluid.
2-Make sure your div element has a closing tag.
3-Make sure you have nested all HTML elements in .container-fluid.
can someone help me with number 3pls?
Christopher Dulaney
@cleverchris
Oct 16 2016 01:52
paste your code
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 01:52
@Nayenne
<div class="container-fluid">
 #nest all your html elements here
</div>
Christopher Dulaney
@cleverchris
Oct 16 2016 01:52
yeah ^
Miguel Matos
@mamptecnocrata
Oct 16 2016 01:52
@Nayenne after the style closing tag add
<div class="container-fluid">
Christopher Dulaney
@cleverchris
Oct 16 2016 01:52
and close it with a closing div tag
Miguel Matos
@mamptecnocrata
Oct 16 2016 01:52
after the form closing tag add </div>
Christopher Dulaney
@cleverchris
Oct 16 2016 01:53
  1. your target1 element should have red text
not sure how to do that
Jaylend Onezine
@jayl3nd
Oct 16 2016 01:54
follow me on instagram @jayl3nd
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 01:54
@cleverchris it just means
#target1 {
 color: red;
}
Miguel Matos
@mamptecnocrata
Oct 16 2016 01:55
@cleverchris #target1 can be color:red, or .red-text may be on the same tag which is target1
ZangaCODE
@ZangaCODE
Oct 16 2016 01:55
anyone kow how to hackitosh?
Dakota saunders
@madgrinch109
Oct 16 2016 01:56

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

<img class="smaller-image">

Christopher Dulaney
@cleverchris
Oct 16 2016 01:57

target1{

color: red;
}
Dakota saunders
@madgrinch109
Oct 16 2016 01:57
is that right
Miguel Matos
@mamptecnocrata
Oct 16 2016 01:57
@madgrinch109 doesn't work? weird :thinking_face:
Dakota saunders
@madgrinch109
Oct 16 2016 01:57
ya
ZangaCODE
@ZangaCODE
Oct 16 2016 01:57
anyone?
Miguel Matos
@mamptecnocrata
Oct 16 2016 01:58
@ZangaCODE what is 'hackitosh'?
Dakota saunders
@madgrinch109
Oct 16 2016 01:58
it still says does not work
ZangaCODE
@ZangaCODE
Oct 16 2016 01:58
its putting mac on a pc
or in virtual box
Miguel Matos
@mamptecnocrata
Oct 16 2016 01:59
then I have not the slightest idea
Mas
@emkay101
Oct 16 2016 01:59
How do you get those 'animated bounce, shake, hinge' to work in Codepen? As a test I have tried copying the whole code from one of the exercises, pasted what is between the <script> tags into the JS window and everything else into the HTML window. I imported Bootstrap and jQuery. But the preview page in CodePen doesnt show the animation. Am I doing something wrong?
Dakota saunders
@madgrinch109
Oct 16 2016 01:59
is it a bug
Nayenne Abgail
@Nayenne
Oct 16 2016 02:00
@jeramaedybohol @cleverchris @mamptecnocrata
thank you guys! after you explained it just made sense, i was really stuck there lol
CamperBot
@camperbot
Oct 16 2016 02:00
nayenne sends brownie points to @jeramaedybohol and @cleverchris and @mamptecnocrata :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for cleverchris
:cookie: 42 | @jeramaedybohol |http://www.freecodecamp.com/jeramaedybohol
:cookie: 141 | @mamptecnocrata |http://www.freecodecamp.com/mamptecnocrata
Miguel Matos
@mamptecnocrata
Oct 16 2016 02:00
@madgrinch109 what's the name of the challenge
Dakota saunders
@madgrinch109
Oct 16 2016 02:00
because i just need the class
dongdong wang
@dongdongwang22
Oct 16 2016 02:00
有中国人马
Dakota saunders
@madgrinch109
Oct 16 2016 02:00
size youer image
Miguel Matos
@mamptecnocrata
Oct 16 2016 02:02
@madgrinch109 thus it is how I did it:
<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. " class="smaller-image">
@dongdongwang22 :question: :question: :question: :question: :question: :question:
Lawrence Eby
@larryeby
Oct 16 2016 02:02

So, directions are saying: In style.css, specify Playfair Display as the font family for the main heading, followed by serif as the fallback font. My code is:

h1 {
color: #FFF;
font-family: "Playfair Display", serif;
font-size: 32px;
padding-top: 100px;
text-align: left;
width: 60%;
}

Something must be off....
JordanPPowell
@JordanPPowell
Oct 16 2016 02:03
@larryeby what lesson?
Lawrence Eby
@larryeby
Oct 16 2016 02:03
It's one from CodeAcademy because I needed a refresher before finishing my profile page assignment.
Terri Modomo
@modomot001
Oct 16 2016 02:04
create bootstrap well....anyone can help with how this well is to be entered?
Dakota saunders
@madgrinch109
Oct 16 2016 02:04
thanks that helps
JordanPPowell
@JordanPPowell
Oct 16 2016 02:04
if anyone needs a hand feel free to private message me :smile:
Miguel Matos
@mamptecnocrata
Oct 16 2016 02:05
@madgrinch109 don't forgive give me :brownie:, mentioned me and say word 'thanks'
@modomot001 answer: insert two div w/ class 'well' within the div class "col-xs-6"
Jean Carlos Vinas
@BlueTigerGin
Oct 16 2016 02:08
i need help with form and id element. how can I turn the background green with out using style or class
Miguel Matos
@mamptecnocrata
Oct 16 2016 02:10
@BlueTigerGin within the <form> tag? or calling a ID without mention it in a style tag or class element?
Jean Carlos Vinas
@BlueTigerGin
Oct 16 2016 02:10
I think both
idk
Miguel Matos
@mamptecnocrata
Oct 16 2016 02:11
it's very imposible that thins can happen
Jean Carlos Vinas
@BlueTigerGin
Oct 16 2016 02:11
doing anything within the form tag doesn't do anything
Terri Modomo
@modomot001
Oct 16 2016 02:11
@mamptecnocrata yes I did that its not doing it.
Jean Carlos Vinas
@BlueTigerGin
Oct 16 2016 02:11
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.
I purely know style class
these are the direction by the way
Miguel Matos
@mamptecnocrata
Oct 16 2016 02:12
one thing that I can think of is to make the styles online, but only if and only if it is imperatively necessary that element will have that style; otherwise it is not recommended
aaahh, this!
Monicalada
@Monicalada
Oct 16 2016 02:13
@mamptecnocrata @LiamDotPro Thank you!
CamperBot
@camperbot
Oct 16 2016 02:13
monicalada sends brownie points to @mamptecnocrata and @liamdotpro :sparkles: :thumbsup: :sparkles:
:cookie: 27 | @liamdotpro |http://www.freecodecamp.com/liamdotpro
:cookie: 142 | @mamptecnocrata |http://www.freecodecamp.com/mamptecnocrata
Miguel Matos
@mamptecnocrata
Oct 16 2016 02:14
@BlueTigerGin hint:
<style>
#ID { property:value; } 
</style>
<tag id="#ID">text kitty ipsum(...) etc</tag>
Jean Carlos Vinas
@BlueTigerGin
Oct 16 2016 02:14
lol
alright i try it out
Monicalada
@Monicalada
Oct 16 2016 02:14
@mamptecnocrata still cannot get this to work "Your pink-text class declaration should have the !important keyword to override all other declarations."
Miguel Matos
@mamptecnocrata
Oct 16 2016 02:15
@Monicalada hint:
<style>
.class {
    property: value ;
}
.class2 {
property: value !important;
}
</style>
<tag class="class2">text kitty ipsum(...) etc...</tag>
JordanPPowell
@JordanPPowell
Oct 16 2016 02:16
lol I almost never get brownies after helping ppl because they forget to click my name :(
Walid Ashri
@walidashri
Oct 16 2016 02:16
@JordanPPowell thanks :)
CamperBot
@camperbot
Oct 16 2016 02:16
walidashri sends brownie points to @jordanppowell :sparkles: :thumbsup: :sparkles:
:cookie: 374 | @jordanppowell |http://www.freecodecamp.com/jordanppowell
JordanPPowell
@JordanPPowell
Oct 16 2016 02:16
if anyone needs a hand feel free to private message me and I can walk you through the lesson you are on
haha thanks to you too @walidashri :p
CamperBot
@camperbot
Oct 16 2016 02:16
jordanppowell sends brownie points to @walidashri :sparkles: :thumbsup: :sparkles:
:cookie: 380 | @walidashri |http://www.freecodecamp.com/walidashri
Miguel Matos
@mamptecnocrata
Oct 16 2016 02:17
the correct statement is @ user 'thanks'
and voila!
with a simple thank you to give the user more than enough, and the chat system will give him a: brownies:
JordanPPowell
@JordanPPowell
Oct 16 2016 02:23
@mamptecnocrata well said
Jean Carlos Vinas
@BlueTigerGin
Oct 16 2016 02:23
@mamptecnocrata thanks
CamperBot
@camperbot
Oct 16 2016 02:23
bluetigergin sends brownie points to @mamptecnocrata :sparkles: :thumbsup: :sparkles:
:cookie: 143 | @mamptecnocrata |http://www.freecodecamp.com/mamptecnocrata
Miguel Matos
@mamptecnocrata
Oct 16 2016 02:25
@frguzman it's interesting that also you follow the "mejorandola" and "platzi" github repositories :D
Somia ♡
@somiajagadish
Oct 16 2016 02:28

<script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn")addClass("shake");
$("#target1").addClass("btn-primary animated shake");
});
</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>

whats wrong with my code
Coy Sanders
@coymeetsworld
Oct 16 2016 02:28
should only add one class per addClass function @somiajagadish
Somia ♡
@somiajagadish
Oct 16 2016 02:29
I did
Coy Sanders
@coymeetsworld
Oct 16 2016 02:29
no, your last one has 3
Somia ♡
@somiajagadish
Oct 16 2016 02:29
Your #target1 element should have the classes animated‚ shake and btn-primary.
Coy Sanders
@coymeetsworld
Oct 16 2016 02:29
yes the #target1 element is a button so it will be animated
and it also has the class .btn so it will shake
Miguel Matos
@mamptecnocrata
Oct 16 2016 02:29
did you read the above questions before the "run test" button?
Coy Sanders
@coymeetsworld
Oct 16 2016 02:30
so adding shake and animated to #target1 is redundant
Somia ♡
@somiajagadish
Oct 16 2016 02:30
hold on so which class do i put @coymeetsworld
Coy Sanders
@coymeetsworld
Oct 16 2016 02:30
you need it so the #target1 element has animated, shake, and btn-primary
Miguel Matos
@mamptecnocrata
Oct 16 2016 02:30
@somiajagadish hint: #target1 is a button, has a class, and as an ID
Somia ♡
@somiajagadish
Oct 16 2016 02:31
I know that :laughing:
Coy Sanders
@coymeetsworld
Oct 16 2016 02:31
since its <button class="btn" id="target1">#target1</button> <--- this needs to have animated, shake and btn-primary
Somia ♡
@somiajagadish
Oct 16 2016 02:31
It does @coymeetsworld
Coy Sanders
@coymeetsworld
Oct 16 2016 02:31
$("button").addClass("animated");
$(".btn")addClass("shake");
Somia ♡
@somiajagadish
Oct 16 2016 02:31
$("#target1").addClass("btn-primary animated shake");
});
Coy Sanders
@coymeetsworld
Oct 16 2016 02:31
no
because you're not passing the requirement only add one class per addClass call
Somia ♡
@somiajagadish
Oct 16 2016 02:32
Okay I'm going to ask my dad for help byee :)
Coy Sanders
@coymeetsworld
Oct 16 2016 02:32
:/
Fedya
@fedyaprogramist
Oct 16 2016 02:32
Dratuti my friends ,I like Vlados-Vadim
Miguel Matos
@mamptecnocrata
Oct 16 2016 02:32
button has a method; class has a method; so, what element miss to be ejected?
xnxiaolian
@xnxiaolian
Oct 16 2016 02:32
https://freecodecamp.cn/challenges/size-your-images#?solution=%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%20%20.smaller-image%7Bwidth%3A100px%3B%7D%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cimg%20src%3D%22%2Fimages%2Frelaxing-cat.jpg%22%3E%0A%0A%3Cp%20class%3D%22red-text%22%3E%E5%9C%A8%E5%A4%A7%E5%AE%B6%E5%BF%83%E7%9B%AE%E4%B8%AD%EF%BC%8C%E7%8C%AB%E6%98%AF%E6%85%B5%E6%87%92%E7%9A%84%E5%8F%AF%E7%88%B1%E7%9A%84%E5%8C%96%E8%BA%AB%EF%BC%8C%E5%AE%83%E5%8F%AF%E4%BB%A5%E7%9D%A1%E9%A5%B1%E4%BA%86%E5%86%8D%E8%B5%B7%E6%9D%A5%E5%90%83%E9%A5%AD%EF%BC%8C%E5%8F%AF%E4%BB%A5%E9%80%97%E8%B6%A3%E5%B0%8F%E8%80%97%E5%AD%90%EF%BC%8C%E5%8F%AF%E4%BB%A5%E5%8D%96%E5%BE%97%E4%BA%86%E8%90%8C%EF%BC%8C%E4%BD%BF%E5%BE%97%E4%BA%86%E5%9D%8F%EF%BC%8C%E8%BF%99%E6%A0%B7%E7%99%BE%E5%8F%98%E7%9A%84%E5%B0%8F%E6%80%AA%E5%85%BD%E5%B0%B1%E9%9B%86%E7%BB%93%E5%9C%A8%E4%B8%80%E5%8F%AA%E5%AE%A0%E7%89%A9%E4%B8%8A%EF%BC%8C%E6%80%8E%E8%83%BD%E4%B8%8D%E6%83%B9%E4%BA%BA%E6%80%9C%E7%88%B1%E3%80%82%3C%2Fp%3E%0A%3Cp%20class%3D%22red-text%22%3E%E5%85%BB%E5%8A%A8%E7%89%A9%E6%9C%89%E7%9A%84%E6%97%B6%E5%80%99%EF%BC%8C%E5%B0%B1%E6%98%AF%E4%BB%8B%E4%BA%8E%E7%88%B1%E4%B8%8E%E6%81%A8%E4%B9%8B%E9%97%B4%EF%BC%8C%E5%BD%93%E4%BD%A0%E9%92%A6%E7%BE%A1%E5%88%AB%E4%BA%BA%E8%90%8C%E5%AE%A0%E8%BF%99%E4%B9%88%E5%8F%AF%E7%88%B1%E7%9A%84%E6%97%B6%E5%80%99%EF%BC%8C%E4%BD%A0%E4%B8%80%E5%AE%9A%E6%B2%A1%E6%9C%89%E6%83%B3%E8%BF%87%EF%BC%8C%E7%8B%97%E7%8B%97%E5%92%8C%E7%8C%AB%E7%8C%AB%E4%BC%9A%E5%88%B0%E5%A4%84%E6%8B%89%E5%B1%8E%EF%BC%8C%E7%94%9A%E8%87%B3%E4%BC%9A%E5%B1%AF%E8%80%81%E9%BC%A0%EF%BC%8C%E5%95%83%E9%9E%8B%E5%AD%90%EF%BC%8C%E7%94%A8%E7%88%AA%E5%AD%90%E7%88%AC%E9%97%A8%EF%BC%8C%E4%BD%A0%E4%B8%8D%E7%90%86%E5%AE%83%EF%BC%8C%E5%AE%83%E5%B0%B1%E6%8C%A0%E4%BD%A0%EF%BC%8C%E4%BD%A0%E8%A6%81%E5%AF%B9%E5%AE%83%E5%8F%91%E8%84%BE%E6%B0%94%EF%BC%8C%E5%AE%83%E4%BC%9A%E6%AF%94%E4%BD%A0%E6%9B%B4%E6%9D%A5%E5%8A%B2%E3%80%82%E6%89%80%E4%BB%A5%EF%BC%8C%E7%8B%97%E7%8C%AB%E6%85%8E%E5%85%A5%EF%BC%8C%E6%B2%A1%E6%9C%89%E4%B8%80%E5%AE%9A%E7%9A%84%E5%87%86%E5%A4%87%EF%BC%8C%E5%88%87%E5%8B%BF%E9%9A%8F%E4%BE%BF%E5%8E%BB%E4%BE%8D%E5%85%BB%E5%8A%A8%E7%89%A9%E3%80%82%E5%AE%83%E4%BB%AC%E4%B8%80%E6%97%A6%E8%AE%A4%E5%AE%9A%E4%BD%A0%E4%BA%86%EF%BC%8C%E4%BD%A0%E5%B0%B1%E6%98%AF%E5%AE%83%E4%BB%AC%E7%9A%84%E4%B8%BB%E4%BA%BA%EF%BC%8C%E5%A6%82%E6%9E%9C%E4%BD%A0%E6%8A%9B%E5%BC%83%E5%AE%83%E4%BB%AC%EF%BC%8C%E5%AE%83%E4%BB%AC%E5%BF%85%E5%AE%9A%E5%BF%83%E4%B8%AD%E9%87%8D%E5%88%9B%E3%80%82%3C%2Fp%3E%0A
help me
CamperBot
@camperbot
Oct 16 2016 02:32

:point_right: readme [wiki]

Depecrated Wiki!

This repo serves as an archive for the wiki and a place to report issues for our current wiki located in our forum!

Our open source community's Wiki focuses on answering your questions about learning to code and getting a coding job. We also cover in detail our:

  • Curriculum
  • Other Programming Languages
  • Local Group Communities
  • Nonprofit Projects and much more

:pencil: read more about readme on the FCC Wiki

Coy Sanders
@coymeetsworld
Oct 16 2016 02:33
@xnxiaolian thats in a different language, can't read it
xnxiaolian
@xnxiaolian
Oct 16 2016 02:34
oh i see thanks all the same
Coy Sanders
@coymeetsworld
Oct 16 2016 02:34
not sure if you can put that in English but there is a Chinese room maybe they can help better
Miguel Matos
@mamptecnocrata
Oct 16 2016 02:34
whoever: answer:
<style>
.smaller-image {
width: 100px;
}
<img class="smaller-image">
Ken Haduch
@khaduch
Oct 16 2016 02:35
@xnxiaolian - it looks like you have your .smaller-image class embedded in another class - make sure to close the previous class or CSS definition .red-text before your .smaller-image class is opened for definition.
Miguel Matos
@mamptecnocrata
Oct 16 2016 02:36
I could flow better my help others, the main problem is that not understand my language, so sometimes I go more slowly, translating my own text to understand me.
xnxiaolian
@xnxiaolian
Oct 16 2016 02:36
@mamptecnocrata that's not ture
Miguel Matos
@mamptecnocrata
Oct 16 2016 02:37
@xnxiaolian
<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. " class="smaller-image">
Ken Haduch
@khaduch
Oct 16 2016 02:37
@xnxiaolian - then you have to add class="smaller-image to your img element.
Miguel Matos
@mamptecnocrata
Oct 16 2016 02:38
of my own harvest
you're welcome
it's time to make meme :wink:
:hourglass_flowing_sand:
see you tomorrow
Parker Brown
@NeonJabawaki
Oct 16 2016 02:41
...

...

<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 clss="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">Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info">Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger">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">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</div>
...

oops
sighs I was told the ...'s should have made the code image worthy
xnxiaolian
@xnxiaolian
Oct 16 2016 02:42
@mamptecnocrata it is right,thanks
Ken Haduch
@khaduch
Oct 16 2016 02:42
@NeonJabawaki - it should be ` the backquote character, three of them, just as you did with the .
Parker Brown
@NeonJabawaki
Oct 16 2016 02:43
anyway, "Your h2 element and topmost img element should both be nested together within a div element with the class row."
@khaduch for my <div>'s?
let me try again
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 02:44
@NeonJabawaki
<div class="row">
 <h2></h2>
 <img>
</div>
Ken Haduch
@khaduch
Oct 16 2016 02:44
@NeonJabawaki - no, to post the code to the chat room. For you code, you have this: <div clss="row">, class is not spelled correctly? That might be the problem?
xnxiaolian
@xnxiaolian
Oct 16 2016 02:45
@khaduch i got it.i forget add class="smalle-image"
Dakota saunders
@madgrinch109
Oct 16 2016 02:45
Your a element should be nested within your new p element. how do i do that ?
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 02:45
@madgrinch109
<p><a></a></p>
Ken Haduch
@khaduch
Oct 16 2016 02:45
@xnxiaolian class="smaller-image"
Dakota saunders
@madgrinch109
Oct 16 2016 02:45
did that did not work
here what i did
<p>View more <a href="http://freecatphotoapp.com">cat photos</a> for you to follow.</p>
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 02:47
@madgrinch109 your code is correct, but make sure you really follow the instructions
Parker Brown
@NeonJabawaki
Oct 16 2016 02:47
Oh ffs
how do I post my code in the black format?
Dakota saunders
@madgrinch109
Oct 16 2016 02:47
It says Now nest your existing a element within a new p element (just after the existing h2 element) so that the surrounding paragraph says "View more cat photos", but where only "cat photos" is a link, and the rest of the text is plain text.
Parker Brown
@NeonJabawaki
Oct 16 2016 02:48
Everyone tells me a different way to do it and none of the ways have worked so far :shipit:
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 02:48
@madgrinch109 so make sure you only have 1 p element right next to h2 element..because your code is already correct, maybe you need to delete an existing p element?
Dakota saunders
@madgrinch109
Oct 16 2016 02:49
ok
Ken Haduch
@khaduch
Oct 16 2016 02:50
@NeonJabawaki - which exercise is this, and can you post your entire code?
Parker Brown
@NeonJabawaki
Oct 16 2016 02:50
How do I post my code in the black wall format?
I dont want to post my code until I can post the format
<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">Like</button> </div>
Ken Haduch
@khaduch
Oct 16 2016 02:51
Use the backquotes - three of these: `, you can find the complete info in the next post
'''
CamperBot
@camperbot
Oct 16 2016 02:51
:bulb: to format code use backticks! ``` more info
Parker Brown
@NeonJabawaki
Oct 16 2016 02:51
I'm talking about posting it in chat
not a challenge
Ken Haduch
@khaduch
Oct 16 2016 02:51
Parker Brown
@NeonJabawaki
Oct 16 2016 02:54
<div class="row"> <h2></h2> <img> </div>
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 02:55
@NeonJabawaki use three backticks not one
@NeonJabawaki and user shift+enter if you want to jump to the next line without sending your message to the chat
Parker Brown
@NeonJabawaki
Oct 16 2016 02:55
I used 3
and I read the article lol
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 02:56
<div></div>
<div></div>
@NeonJabawaki black background when I used 3, gray background when I used 1
<div></div>
Parker Brown
@NeonJabawaki
Oct 16 2016 02:57

<<div class="row">
 <h2></h2>
 <img>
</div>>
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 02:57
@NeonJabawaki there you go!
Parker Brown
@NeonJabawaki
Oct 16 2016 02:57
that worked
needed a space
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 02:58
@NeonJabawaki why do you have 2 opening angle brackets and 2 closing angle brackets?
Ken Haduch
@khaduch
Oct 16 2016 02:58
@NeonJabawaki - the backquotes have to be on separate lines from the code... good work! Now, for the code... :) And if that's the code, you should not have << and >> - only a single one of each...
Parker Brown
@NeonJabawaki
Oct 16 2016 02:59
no thats not the code that was just a random test haha
JordanPPowell
@JordanPPowell
Oct 16 2016 03:00
<h1> Anus </h1>
Parker Brown
@NeonJabawaki
Oct 16 2016 03:01

<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 clss="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">Like</button>
    </div>
    <div class="col-xs-4">
      <button class="btn btn-block btn-info">Info</button>
    </div>
    <div class="col-xs-4">
      <button class="btn btn-block btn-danger">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">
    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
    <label><input type="checkbox" name="personality"> Loving</label>
    <label><input type="checkbox" name="personality"> Lazy</label>
    <label><input type="checkbox" name="personality"> Crazy</label>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</div>
Dakota saunders
@madgrinch109
Oct 16 2016 03:01
I am still stuck on this one what does it mean wean it says Now nest your existing a element within a new p element (just after the existing h2 element)
Parker Brown
@NeonJabawaki
Oct 16 2016 03:01
there we go
Your h2 element and topmost img element should both be nested together within a div element with the class row.
that is what it asks or what is left, I've been trying to see where I broke the block
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:02
@madgrinch109 paste your current code here
JordanPPowell
@JordanPPowell
Oct 16 2016 03:02
@madgrinch109 post your code plz
Ken Haduch
@khaduch
Oct 16 2016 03:02
@NeonJabawaki - which lesson is this? I want to review my answer...
Parker Brown
@NeonJabawaki
Oct 16 2016 03:02
<div class="container-fluid">
  <div clss="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>
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:02
@madgrinch109 so we can take a look at your mistakes
Parker Brown
@NeonJabawaki
Oct 16 2016 03:02
this is the main issue point
ohhhh hold on
Ken Haduch
@khaduch
Oct 16 2016 03:03
@NeonJabawaki - you still have clss="row" it should be class
Parker Brown
@NeonJabawaki
Oct 16 2016 03:03
let me try something dont tell me yet
Dakota saunders
@madgrinch109
Oct 16 2016 03:04
<p>View more <a href="http://freecatphotoapp.com">cat photos</a> for you to follow.</p>
Parker Brown
@NeonJabawaki
Oct 16 2016 03:04
yup haha thanks, I saw that just as you pointed it out :smile: , simple mistake
its all good now thanks :clap:
Dakota saunders
@madgrinch109
Oct 16 2016 03:04
I just need to know were to put it
JordanPPowell
@JordanPPowell
Oct 16 2016 03:04
@madgrinch109 also sometimes all you need to do is refresh the page
Parker Brown
@NeonJabawaki
Oct 16 2016 03:04
@madgrinch109 what do you need?
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:05
@madgrinch109 that's why we asked you to paste your whole code here
Ken Haduch
@khaduch
Oct 16 2016 03:05
@NeonJabawaki - I did also mention that https://gitter.im/FreeCodeCamp/Help?at=5802e99e8eaaaea3669ce489 up there a ways... :)
Dakota saunders
@madgrinch109
Oct 16 2016 03:05
IT says i need to nest your existing a element within a new p element (just after the existing h2 element)
Parker Brown
@NeonJabawaki
Oct 16 2016 03:05
I saw it lol
JordanPPowell
@JordanPPowell
Oct 16 2016 03:05
whats your entire code?
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:05
@madgrinch109 duhhhh.. why can't you just paste your whole code right here? what's the problem with that?
JordanPPowell
@JordanPPowell
Oct 16 2016 03:05
Do you have it after the h2?
Dakota saunders
@madgrinch109
Oct 16 2016 03:06
which i did the p element part
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:06
@madgrinch109 PASTE YOUR ENTIRE CODE HERE
JordanPPowell
@JordanPPowell
Oct 16 2016 03:06
@khaduch haha I would say half the issues I see are spelling related
@jeramaedybohol ...lol
Ken Haduch
@khaduch
Oct 16 2016 03:07
@JordanPPowell - yes, that's true. Spelling is so important!!
Dakota saunders
@madgrinch109
Oct 16 2016 03:07
and the problem i am having is Your a element should be nested within your new p element.
JordanPPowell
@JordanPPowell
Oct 16 2016 03:08
...
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:08
...
@madgrinch109 you help yourself man
Dakota saunders
@madgrinch109
Oct 16 2016 03:08
which i did
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:08
@madgrinch109 what can't you understand on this 1 sentence? PASTE YOUR ENTIRE CODE HERE?
Dakota saunders
@madgrinch109
Oct 16 2016 03:09

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

.smaller-image {
width: 100px;
}
</style>
<a href="http://www.freecatphotoapp.com">cat photos</a>

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

<p>View more <a href="http://freecatphotoapp.com">cat photos</a> for you to follow.</p>
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Parker Brown
@NeonJabawaki
Oct 16 2016 03:09
@Those who are far ahead, I am relatively new to coding, however am catching on... I wanted to know if you actually gain enough skill to be able to code your own websites or apps or games
and holy crap thats a lot of code lol
put it in double ```
@madgrinch109
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:10
@madgrinch109 are you sure the instructions said not to delete that last 2 p elements?
<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>
<a href="http://www.freecatphotoapp.com">cat photos</a>
<h2 class="red-text">CatPhotoApp</h2>
<p>View more <a href="http://freecatphotoapp.com">cat photos</a> for you to follow.</p>
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
Parker Brown
@NeonJabawaki
Oct 16 2016 03:11
I'm only 16, just turned a few days ago, but have been wondering if the 2080+ hours will surely pay off haha
Dakota saunders
@madgrinch109
Oct 16 2016 03:11

here all it said Nesting just means putting one element inside of another element.

Now nest your existing a element within a new p element (just after the existing h2 element) so that the surrounding paragraph says "View more cat photos", but where only "cat photos" is a link, and the rest of the text is plain text.

JordanPPowell
@JordanPPowell
Oct 16 2016 03:11
@madgrinch109 you have unneeded text
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:11
@madgrinch109 give me the link of that exercise
JordanPPowell
@JordanPPowell
Oct 16 2016 03:11
the for you to follow should not be there
<p> View more
<a href="http://www.freecatphotoapp.com">cat photos</a>
</p>
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:12
@madgrinch109 I see where your mistake. delete "for you to follow."
Dakota saunders
@madgrinch109
Oct 16 2016 03:12
ok
Frederick Ige
@FrederickIge
Oct 16 2016 03:13
Anyone able to get the Angular-Fullstack Generator to work?
JordanPPowell
@JordanPPowell
Oct 16 2016 03:13
let us know if you get that to work @madgrinch109
abe
@arrizona79
Oct 16 2016 03:14
i am having a hard time nestling in bootstrap element to a div element
JordanPPowell
@JordanPPowell
Oct 16 2016 03:14
@arrizona79 whats your code?
abe
@arrizona79
Oct 16 2016 03:15
div { <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/> }
</style>
Dakota saunders
@madgrinch109
Oct 16 2016 03:17
I have it the same way you have it and it does not work?
JordanPPowell
@JordanPPowell
Oct 16 2016 03:18
post your new code @madgrinch109
Dakota saunders
@madgrinch109
Oct 16 2016 03:18
I am going to refresh the page
JordanPPowell
@JordanPPowell
Oct 16 2016 03:18
@madgrinch109 ok
Sahil Kumar
@rinpasahil333
Oct 16 2016 03:19
@arrizona79 remove div and { } and put <div > after styles
Dakota saunders
@madgrinch109
Oct 16 2016 03:21

<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>
<a href="http://www.freecatphotoapp.com">cat photos</a>

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

<p>View more <a href="http://freecatphotoapp.com">cat photos</a> for you to follow</p>
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Its the same way as his
This has to be a bug
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:23
@madgrinch109 you still didn't delete the for you to follow
Ken Haduch
@khaduch
Oct 16 2016 03:24
@madgrinch109 - you should not use his example text, but the text in the instructions that follow it. the surrounding paragraph says "View more cat photos", but where only "cat photos" is a link, and the rest of the text is plain text. In other words, as they said above, delete the "for you to follow" and any spaces that go with it...
JordanPPowell
@JordanPPowell
Oct 16 2016 03:25
.....lol this one's all yours @khaduch @jeramaedybohol
Julia Hughan
@juleshughan
Oct 16 2016 03:25
can someone please help with me with where I am going wrong?
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:25
@JordanPPowell I know right? ahaha
JordanPPowell
@JordanPPowell
Oct 16 2016 03:25
@juleshughan sure
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:25
@juleshughan shoot
Julia Hughan
@juleshughan
Oct 16 2016 03:25
Nest all your checkboxes in a <div class="row"> element. Then nest each of them in a <div class="col-xs-4"> element.
Ken Haduch
@khaduch
Oct 16 2016 03:25
@juleshughan - we can try
JordanPPowell
@JordanPPowell
Oct 16 2016 03:25
@juleshughan can you post your code
Julia Hughan
@juleshughan
Oct 16 2016 03:25
    <div class="row">
<div class="col-xs-4">
  <label><input type="checkbox" name="personality"> Loving</label>
    </div>
      <div class="row">
<div class="col-xs-4">
  <label><input type="checkbox" name="personality"> Lazy</label>
    </div>
        <div class="row">
<div class="col-xs-4">
    <label><input type="checkbox" name="personality"> Crazy</label>
</div> 
Dakota saunders
@madgrinch109
Oct 16 2016 03:26

<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>
<a href="http://www.freecatphotoapp.com">cat photos</a>

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

<p>View more <a href="http://freecatphotoapp.com">cat photos</a> for you to follow</p>
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>

<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

JordanPPowell
@JordanPPowell
Oct 16 2016 03:26
@juleshughan you didn't close all your divs
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:26
@madgrinch109 DELETE THE "for you to follow" FOR CHRIST'S SAKE
@JordanPPowell there's should only be 1 div with class row
Julia Hughan
@juleshughan
Oct 16 2016 03:27
i thought i closed all of the elements with closing tags...
JordanPPowell
@JordanPPowell
Oct 16 2016 03:27
@jeramaedybohol Correctamundo
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:27
@juleshughan it should look like this:
<div class="row">
 <div class="col-xs-4">
 </div>
 <div class="col-xs-4">
 </div>
</div>
JordanPPowell
@JordanPPowell
Oct 16 2016 03:28
@jeramaedybohol lol I had a brainfart and just saw all the opened divs without closed ones haha
Coy Sanders
@coymeetsworld
Oct 16 2016 03:28
each opening div needs a closing @juleshughan, it helps to indent and see
Ken Haduch
@khaduch
Oct 16 2016 03:28
@madgrinch109 - THAT LINE SHOULD BE THIS: <p>View more <a href="http://www.freecatphotoapp.com">cat photos</a>.</p>, you might have removed the original link?
Coy Sanders
@coymeetsworld
Oct 16 2016 03:28
you're missing 2
JordanPPowell
@JordanPPowell
Oct 16 2016 03:28
@khaduch lol I posted that above
Julia Hughan
@juleshughan
Oct 16 2016 03:29
@coymeetsworld could you provide an example? feeling a little lost
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:30
@juleshughan it should look like this:
<div class="row">
 <div class="col-xs-4">
 </div>
 <div class="col-xs-4">
 </div>
</div>
Ken Haduch
@khaduch
Oct 16 2016 03:30
@madgrinch109 - oh, wait, you didn't use the original anchor element that was in the exercise. You should reset the code, and just put the <p> around the existing anchor tag... that's the problem, I think?
Coy Sanders
@coymeetsworld
Oct 16 2016 03:30
each div with row should have an associated closing div tag, same goes with column
JordanPPowell
@JordanPPowell
Oct 16 2016 03:30
@juleshughan what Jeramae said
Coy Sanders
@coymeetsworld
Oct 16 2016 03:30
@jeramaedybohol has an example there
im guessing though based on the column sizes, there should only be one row
maybe thats the issue
should be one div with class row, and three divs with class col-xs-4, therefore 4 closing divs
Ken Haduch
@khaduch
Oct 16 2016 03:31
@JordanPPowell - so hard to follow all of these threads in the chat! I don't blame people for missing things...
Julia Hughan
@juleshughan
Oct 16 2016 03:31
ah!!!!!
Coy Sanders
@coymeetsworld
Oct 16 2016 03:31
bootstrap does a grid system where the columns "should" add up to 12
per row
if it doesn't it could look funky
JordanPPowell
@JordanPPowell
Oct 16 2016 03:32
@khaduch yup. That's why I usually prefer to use the private message option
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:32
@madgrinch109 replace your entire code with this:

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

  h2 {
    font-family: Lobster, Monospace;
  }

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

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

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

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

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

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

<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>
Julia Hughan
@juleshughan
Oct 16 2016 03:33
no, no bloody idea
so confused
Coy Sanders
@coymeetsworld
Oct 16 2016 03:34
which part?
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:34
@juleshughan
<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>
Ramanrm
@Ramanrm
Oct 16 2016 03:34
hi i have a doubt
Coy Sanders
@coymeetsworld
Oct 16 2016 03:34
http://getbootstrap.com/css/#grid their documentation is pretty good @juleshughan
Ramanrm
@Ramanrm
Oct 16 2016 03:35
to disable a button using jQuery
Coy Sanders
@coymeetsworld
Oct 16 2016 03:35
gives examples too
Ramanrm
@Ramanrm
Oct 16 2016 03:35
$("#target1").prop("disabled",true);
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:35
@Ramanrm "true" not true
Ramanrm
@Ramanrm
Oct 16 2016 03:36
@jeramaedybohol just tried that didnt work
Julia Hughan
@juleshughan
Oct 16 2016 03:36
@jeramaedybohol champion. now to try!
Ramanrm
@Ramanrm
Oct 16 2016 03:36
but after leaving a space after comma it worked without ""
Julia Hughan
@juleshughan
Oct 16 2016 03:37
@coymeetsworld thanks mate, still have no idea why they are pushing bootstrap into css course
CamperBot
@camperbot
Oct 16 2016 03:37
juleshughan sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 1449 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:38
@Ramanrm you should always have a space just like an english language
Ken Haduch
@khaduch
Oct 16 2016 03:39
@juleshughan - I think that it is because they really aren't teaching a full-blown CSS course. Bootstrap gives you a lot of functionality through their implementation of classes. Maybe it's easier for some people to get going that way? No substitute for really understanding the CSS code behind it, of course...
Coy Sanders
@coymeetsworld
Oct 16 2016 03:39
@juleshughan just does alot of the work for you in organizing the page
you would have to write alot more css to get it working, here you just have to add a few classes
design isn't something they really teach in FCC, so this helps them speed up the HTML/CSS part I think so you can get to JS faster
plus its good for prototyping
Ramanrm
@Ramanrm
Oct 16 2016 03:41
@jeramaedybohol thanks
CamperBot
@camperbot
Oct 16 2016 03:41
:cookie: 34 | @jeramaedybohol |http://www.freecodecamp.com/jeramaedybohol
ramanrm sends brownie points to @jeramaedybohol :sparkles: :thumbsup: :sparkles:
Ramanrm
@Ramanrm
Oct 16 2016 03:42
and now struck with $("#target4").html("<em>#target4</em>");
but it is working for .text only .html is not working.
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:43
@Ramanrm .html and .text are 2 different commands
@Ramanrm give me the link of that exercise
Julia Hughan
@juleshughan
Oct 16 2016 03:43
i have screwed up somewhere, this is so frustrating -
This message was deleted
Ramanrm
@Ramanrm
Oct 16 2016 03:44
@jeramaedybohol thanks for asking. It is working after reloading the page. Not sure what was the issue
CamperBot
@camperbot
Oct 16 2016 03:44
ramanrm sends brownie points to @jeramaedybohol :sparkles: :thumbsup: :sparkles:
:warning: ramanrm already gave jeramaedybohol points
Ramanrm
@Ramanrm
Oct 16 2016 03:45
any how for your reference
https://www.freecodecamp.com/challenges/change-text-inside-an-element-using-jquery#?solution=%0Afccss%0A%20%20%24(document).ready(function()%20%7B%0A%20%20%20%20%24(%22%23target1%22).css(%22color%22%2C%20%22red%22)%3B%0A%20%20%20%20%24(%22%23target4%22).html(%22%3Cem%3E%23target4%3C%2Fem%3E%22)%0A%20%20%20%20%0A%20%20%7D)%3B%0Afcces%0A%0A%3C!--%20Only%20change%20code%20above%20this%20line.%20--%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Ch3%20class%3D%22text-primary%20text-center%22%3EjQuery%20Playground%3C%2Fh3%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23left-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22left-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target1%22%3E%23target1%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target2%22%3E%23target2%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target3%22%3E%23target3%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23right-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22right-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target4%22%3E%23target4%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target5%22%3E%23target5%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target6%22%3E%23target6%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:45
@juleshughan your errors are you have extra row classes
@juleshughan I'm pretty sure you can figure out if you look closely
Julia Hughan
@juleshughan
Oct 16 2016 03:46
i'm staring at it
every line
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:46
@juleshughan okay wait
@juleshughan paste your entire code again
Julia Hughan
@juleshughan
Oct 16 2016 03:46
@jeramaedybohol appreciate your patients, i really do

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

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

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

</div>

Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:49
@juleshughan this will help you: REMEMBER: for every 1 row, there should be a total of 12 columns only, so make sure that the total col in 1 row will not exceed
@juleshughan I can paste here the correct code but you will not learn if you just paste it to your exercise, look closely to your rows and cols classes and you see your errors
abe
@arrizona79
Oct 16 2016 03:49
.container-fluid { <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
} i added that to the style
LPR-309
@LPR-309
Oct 16 2016 03:50
@juleshughan You appear to be missing a </form> tag along with the row issue, also.
abe
@arrizona79
Oct 16 2016 03:50
i am trying to make a div class with that link
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:50
@juleshughan this is where your mistakes starts:
<div class="row">
<div class="col-xs-6">
<div class="row">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
</div>
<div class="col-xs-6">
<div class="row">
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
</div>
<div class="row">
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Loving</label>
</div>
<div 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>
Julia Hughan
@juleshughan
Oct 16 2016 03:51
thanks mate
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:51
@juleshughan remember this correct syntax format for row and col:
<div class="row">
 <div class="col-xs-">
 </div>
</div>
@juleshughan and make sure that the col will not exceed to 12
Julia Hughan
@juleshughan
Oct 16 2016 03:52
the radio code was accepted on the previous challenge, so this is os confusing. working at it. again, thanks for patience.
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 03:53
@juleshughan the radio code is correct, your mistakes is for row and col divs
LPR-309
@LPR-309
Oct 16 2016 03:58
@juleshughan With Boostrap, content you're organizing is usually just inside columns. Look it over with that in mind and the wrong rows should stand out
Julia Hughan
@juleshughan
Oct 16 2016 04:00
every LINE, looking
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:00
@juleshughan then, there must be something wrong with your eyes because your mistakes ARE SO CLEAR
Julia Hughan
@juleshughan
Oct 16 2016 04:01
i know, i don't know why
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:01
@juleshughan if you keep this format in mind, you'll see clearly:
<div class="row">
 <div class="col-xs-4">
 </div>
 <div class="col-xs-4">
 </div>
 <div class="col-xs-4">
 </div>
</div>
Julia Hughan
@juleshughan
Oct 16 2016 04:01
<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>
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:02
@juleshughan so if you add the 3 col-xs-4, the total is 12 col, which is the maximum number of columns 1 row must have
nibirong
@NBR-hugh
Oct 16 2016 04:02
This message was deleted
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:03
@juleshughan yup, that's the correct code, paste your new entire code here
Julia Hughan
@juleshughan
Oct 16 2016 04:03

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

    </form> 

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

<button type="submit">Submit</button>

</div>

Michael Giron
@MichaelGiron
Oct 16 2016 04:04
Hey guys, so Im creating a class and using Margin: auto; but when i call the class on the div tag its not centering my form...any idea why that could be?
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:04
@juleshughan why are your bottom codes are formatted?
Julia Hughan
@juleshughan
Oct 16 2016 04:05
leftover code from last challenge
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:06
@juleshughan the last 2 lines must be inside the <form></form>
@juleshughan move your </form> next to button
@juleshughan I think what's causing the error
Julia Hughan
@juleshughan
Oct 16 2016 04:08
still coming up with the same error
nibirong
@NBR-hugh
Oct 16 2016 04:08
hello everyone,i'm new.i want to“Size your Images”,but it seems make no effert,what's the problem?
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:08
@juleshughan paste your new entire code again
Julia Hughan
@juleshughan
Oct 16 2016 04:09
i really aprreciate this @jeramaedybohol
<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>
nibirong
@NBR-hugh
Oct 16 2016 04:09

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:09
@juleshughan I mean your new ENTIRE code
Julia Hughan
@juleshughan
Oct 16 2016 04:10

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

Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:11
@juleshughan
 <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">
<div class="row">
<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>
Chase Cohn
@chasecohn
Oct 16 2016 04:11
Can someone please send the correct code for this?
https://www.freecodecamp.com/challenges/create-a-set-of-radio-buttons#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%3Cul%3E%0A%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%3C%2Ful%3E%0A%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%3Col%3E%0A%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%3C%2Fol%3E%0A%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%3C%2Fform%3E%0A
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:11
@juleshughan you still have extra row divs
JordanPPowell
@JordanPPowell
Oct 16 2016 04:12
You deserve some brownie points @jeramaedybohol lol thanks
CamperBot
@camperbot
Oct 16 2016 04:12
jordanppowell sends brownie points to @jeramaedybohol :sparkles: :thumbsup: :sparkles:
:cookie: 48 | @jeramaedybohol |http://www.freecodecamp.com/jeramaedybohol
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:13
@juleshughan this is your error:
 <div class="row">
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
</div>
<div class="col-xs-6">
<div class="row">
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
</div>
</div>
Julia Hughan
@juleshughan
Oct 16 2016 04:14
i pasted, still rejecting
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:14
@JordanPPowell can you see where your error ?
Julia Hughan
@juleshughan
Oct 16 2016 04:14
looking at your error now
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:14
@JordanPPowell hint: it's on line #6
Julia Hughan
@juleshughan
Oct 16 2016 04:14
haha
JordanPPowell
@JordanPPowell
Oct 16 2016 04:14
haha
@jeramaedybohol Did you recently start FFC?
GrizzLeeTroll
@GrizzLeeTroll
Oct 16 2016 04:15
@jeramaedybohol way to help and not just give the answer crumbs to you
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:16

@JordanPPowell that's why I told you to keep this syntax format in mind:

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

or

<div class="row">
 <div class="col-xs-4">
 </div>
 <div class="col-xs-4">
 </div>
 <div class="col-xs-4">
 </div>
</div>
@JordanPPowell yeah I just created this account now
Chase Cohn
@chasecohn
Oct 16 2016 04:16
Can someone help me with that problem?
Julia Hughan
@juleshughan
Oct 16 2016 04:16
success!
you are a prince @jeramaedybohol
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:17
@chasecohn shoot
JordanPPowell
@JordanPPowell
Oct 16 2016 04:18
@chasecohn What's your code so far?
Chase Cohn
@chasecohn
Oct 16 2016 04:18
https://www.freecodecamp.com/challenges/create-a-set-of-radio-buttons#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%3Cul%3E%0A%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%3C%2Ful%3E%0A%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%3Col%3E%0A%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%3C%2Fol%3E%0A%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%3C%2Fform%3E%0A
I'm just really not sure on it @JordanPPowell
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:19
@JordanPPowell just keep in mind that the total number of col in one row should not exceed 12 col
@JordanPPowell so you can either have, 2 6-col, 4 3-col, 3 4-col, etc
abe
@arrizona79
Oct 16 2016 04:20
https://www.freecodecamp.com/challenges/use-responsive-design-with-bootstrap-fluid-containers#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%20%20.container-fluid%20%7B%20%0A%20%20%20%20%3Clink%20rel%3D%22stylesheet%22%20href%3D%22%2F%2Fmaxcdn.bootstrapcdn.com%2Fbootstrap%2F3.3.1%2Fcss%2Fbootstrap.min.css%22%2F%3E%0A%20%C2%A0%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%3E%3C%2Fa%3E%0A%3Cdiv%20class%3D%22container-fluid%22%3E%3C%2Fdiv%3E%0A%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%3Cul%3E%0A%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%3C%2Ful%3E%0A%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%3Col%3E%0A%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%3C%2Fol%3E%0A%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Indoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Loving%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Crazy%3C%2Flabel%3E%0A%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%3C%2Fform%3E%0A
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:20
@JordanPPowell but of course you can have less than 12-col in 1 row
abe
@arrizona79
Oct 16 2016 04:20
i am having a hard time with this one
JordanPPowell
@JordanPPowell
Oct 16 2016 04:21
@jeramaedybohol yup. Lol I finished those lessons. I just gave you some brownie points since you've been helping so many people tonight
Chase Cohn
@chasecohn
Oct 16 2016 04:21
@arrizona79 You don't even realize but you just helped me solve a problem. Thanks!
CamperBot
@camperbot
Oct 16 2016 04:21
chasecohn sends brownie points to @arrizona79 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for arrizona79
JordanPPowell
@JordanPPowell
Oct 16 2016 04:22
@jeramaedybohol I'm building my Javascript calculator atm. Should be done in a couple of hours (depending on how many things I have to go back and fix haha)
abe
@arrizona79
Oct 16 2016 04:22
haha no problem
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:23
@JordanPPowell ahaha I'm still so far away from that
@arrizona79 did you solve your problem already?
GrizzLeeTroll
@GrizzLeeTroll
Oct 16 2016 04:23
me too
JordanPPowell
@JordanPPowell
Oct 16 2016 04:23
@jeramaedybohol lol I bounce around on some of the lessons
abe
@arrizona79
Oct 16 2016 04:23
no i am still confused
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:24
@arrizona79 since you called the .container-fluid in your css, you just need to add a div with a container-fluid div
@arrizona79 like this: <div class="container-fluid"></div>
abe
@arrizona79
Oct 16 2016 04:25
<div class="container-fluid"></div>
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:25
@arrizona79 then nest all your existing codes inside that div, except the <style></style>
abe
@arrizona79
Oct 16 2016 04:25
i have it in the middle of the body and it still wont let me pass
i will give it a try
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:26
@arrizona79 this is what you call a wrapper or a container, meaning, you should wrap all your html elements inside of it, except of course <style></style> since it's a CSS
@arrizona79 so your final code should look like this:
<style>
 ...
</style>
<div class="container-fluid">
 ...
</div>
abe
@arrizona79
Oct 16 2016 04:29
@jeramaedybohol you are the man!
thank you so much
Vanessa Marron
@Vmarron
Oct 16 2016 04:39
<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">
      <h4>#target1</h4>
        <button class="btn btn-default target" id="target1"></button>
      <h4>#target2</h4>
        <button class="btn btn-default target" id="target2"></button>
      <h4>#target3</h4>
        <button class="btn btn-default target" id="target3"></button>
      </div>
    </div>
    <div class="col-xs-6">
      <h4>#right-well</h4>
        <div class="well" id="right-well">
      <h4>#target4</h4>
        <button class="btn btn-default target" id="target4"></button>
      <h4>#target5</h4>
        <button class="btn btn-default target" id="target5"></button>
      <h4>#target6</h4>
        <button class="btn btn-default target" id="target6"></button>
      </div>
    </div>
  </div>
</div>
can someone pleasetell me why the h4 for the buttons aren't working. I can't figure out what's wrong.
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:42

@Vmarron your mistake:

<h4></h4><button></button>

it should be

<button>...</button>
@Vmarron no need for the h4 when labeling your button
Vanessa Marron
@Vmarron
Oct 16 2016 04:44
I can just add the #target* inside?
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:45
@Vmarron yup
Vanessa Marron
@Vmarron
Oct 16 2016 04:45
ah ok thank you! @jeramaedybohol
CamperBot
@camperbot
Oct 16 2016 04:45
vmarron sends brownie points to @jeramaedybohol :sparkles: :thumbsup: :sparkles:
:cookie: 58 | @jeramaedybohol |http://www.freecodecamp.com/jeramaedybohol
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:45
@Vmarron <button>your-label</button>
Vanessa Marron
@Vmarron
Oct 16 2016 04:48
thank you again! :) @jeramaedybohol
CamperBot
@camperbot
Oct 16 2016 04:48
vmarron sends brownie points to @jeramaedybohol :sparkles: :thumbsup: :sparkles:
:warning: vmarron already gave jeramaedybohol points
Chris Cullen
@123xylem
Oct 16 2016 04:50

@123xylem

#BR{
  overlap:hidden;
  border:2px solid black;
    position: absolute;
      border-bottom-right-radius: 110%; //  SEMI CIRCULAR BUTTON PANEL 
  background-color: blue;
  width: 50%;
  height: 50%;                                              //WHEN CLICKED IT Shows More than a semi Circle
  left: 49%;
  right: 1%;
  bottom: 0%;
  top: 55%;
}

http://codepen.io/123xylem/pen/jrAKPN?editors=1111
Can someone help me with my css... when I click my panel buttons they show weird shapes
I tried to use overlap hidden but they still pulse odd shapes

Nelson Lupanda
@Nels04
Oct 16 2016 04:51
Hey guys I'm stuck with a Jquery exercise.
Target a Specific Child of an Element Using jQuery
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:51
@Nels04 shoot
Nelson Lupanda
@Nels04
Oct 16 2016 04:51
This is what I wrote but it's not working : $("#left-well:nth-child(2)").addClass("animate bounce");
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:52
@123xylem what do you mean by weird shapes?
@Nels04 isn't it animated instead of animate?
Chris Cullen
@123xylem
Oct 16 2016 04:52
@jeramaedybohol The shown shape is a semicircle.. when clicked it turns into a blobby semicircle
Nelson Lupanda
@Nels04
Oct 16 2016 04:53
Oh yeah. I didn't see that one. Thx @jeramaedybohol
CamperBot
@camperbot
Oct 16 2016 04:53
nels04 sends brownie points to @jeramaedybohol :sparkles: :thumbsup: :sparkles:
:cookie: 63 | @jeramaedybohol |http://www.freecodecamp.com/jeramaedybohol
Shuyebul Alam
@shualam
Oct 16 2016 04:54
fellow campers i need help
Only add one class with each of your three selectors.
$(document).ready(function() {
$("button");
$(".btn");
$("#target1").addClass("animated shake btn-primary");
});
what am i doing wrong?
Darshan
@Dave1089
Oct 16 2016 04:55
This message was deleted
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 04:55
@shualam the instruction say to add one class to EACH of your 3 selectors, and your code shows that you only add to 1 selector
@shualam your code should look like this:
$(document).ready(function() {
    $("button").addClass("");
    $(".btn").addClass("");
    $("#target1").addClass("");
  });
Shuyebul Alam
@shualam
Oct 16 2016 04:56
ah i see
memberclouds
@memberclouds
Oct 16 2016 04:56
ty @profoundhub
CamperBot
@camperbot
Oct 16 2016 04:56
memberclouds sends brownie points to @profoundhub :sparkles: :thumbsup: :sparkles:
:cookie: 842 | @profoundhub |http://www.freecodecamp.com/profoundhub
memberclouds
@memberclouds
Oct 16 2016 04:57
there is a video which might help you @profoundhub @shualam
Luke
@lukede
Oct 16 2016 04:57
Anybody have any idea why my javascript doesn't show up when I click the buttons?
http://codepen.io/lukede/pen/KrLjRR?editors=1111
Luke
@lukede
Oct 16 2016 04:58
My javascript for the internal JSON worked before, but it doesn't display anymore
Shuyebul Alam
@shualam
Oct 16 2016 04:58
im still confused, ill watch the video
Luke
@lukede
Oct 16 2016 05:00
Well, never mind. The internal Quote (for JSON) somehow works here, but not on the codepen page
or when I set up a separate html/CSS/JS files
I don't get why it would work when I put it here, but not on the codepen page
alright, never mind. I found the problem, finally!
Separate question though:
What links do I need to add to make this script run on a html/css/js file setup?
Shuyebul Alam
@shualam
Oct 16 2016 05:08
thanks @memberclouds for the video
CamperBot
@camperbot
Oct 16 2016 05:08
shualam sends brownie points to @memberclouds :sparkles: :thumbsup: :sparkles:
:cookie: 77 | @memberclouds |http://www.freecodecamp.com/memberclouds
xnxiaolian
@xnxiaolian
Oct 16 2016 05:10
need helphttps://freecodecamp.cn/challenges/link-to-external-pages-with-anchor-elements#?solution=%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%3Ca%20href%3D%22http%3A%2F%2Ffreecatphotoapp.com%22%3Ecatphotos%3C%2Fa%3E%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22%2Fimages%2Frelaxing-cat.jpg%22%3E%0A%0A%3Cp%20class%3D%22red-text%22%3E%E5%9C%A8%E5%A4%A7%E5%AE%B6%E5%BF%83%E7%9B%AE%E4%B8%AD%EF%BC%8C%E7%8C%AB%E6%98%AF%E6%85%B5%E6%87%92%E7%9A%84%E5%8F%AF%E7%88%B1%E7%9A%84%E5%8C%96%E8%BA%AB%EF%BC%8C%E5%AE%83%E5%8F%AF%E4%BB%A5%E7%9D%A1%E9%A5%B1%E4%BA%86%E5%86%8D%E8%B5%B7%E6%9D%A5%E5%90%83%E9%A5%AD%EF%BC%8C%E5%8F%AF%E4%BB%A5%E9%80%97%E8%B6%A3%E5%B0%8F%E8%80%97%E5%AD%90%EF%BC%8C%E5%8F%AF%E4%BB%A5%E5%8D%96%E5%BE%97%E4%BA%86%E8%90%8C%EF%BC%8C%E4%BD%BF%E5%BE%97%E4%BA%86%E5%9D%8F%EF%BC%8C%E8%BF%99%E6%A0%B7%E7%99%BE%E5%8F%98%E7%9A%84%E5%B0%8F%E6%80%AA%E5%85%BD%E5%B0%B1%E9%9B%86%E7%BB%93%E5%9C%A8%E4%B8%80%E5%8F%AA%E5%AE%A0%E7%89%A9%E4%B8%8A%EF%BC%8C%E6%80%8E%E8%83%BD%E4%B8%8D%E6%83%B9%E4%BA%BA%E6%80%9C%E7%88%B1%E3%80%82%3C%2Fp%3E%0A%3Cp%20class%3D%22red-text%22%3E%E5%85%BB%E5%8A%A8%E7%89%A9%E6%9C%89%E7%9A%84%E6%97%B6%E5%80%99%EF%BC%8C%E5%B0%B1%E6%98%AF%E4%BB%8B%E4%BA%8E%E7%88%B1%E4%B8%8E%E6%81%A8%E4%B9%8B%E9%97%B4%EF%BC%8C%E5%BD%93%E4%BD%A0%E9%92%A6%E7%BE%A1%E5%88%AB%E4%BA%BA%E8%90%8C%E5%AE%A0%E8%BF%99%E4%B9%88%E5%8F%AF%E7%88%B1%E7%9A%84%E6%97%B6%E5%80%99%EF%BC%8C%E4%BD%A0%E4%B8%80%E5%AE%9A%E6%B2%A1%E6%9C%89%E6%83%B3%E8%BF%87%EF%BC%8C%E7%8B%97%E7%8B%97%E5%92%8C%E7%8C%AB%E7%8C%AB%E4%BC%9A%E5%88%B0%E5%A4%84%E6%8B%89%E5%B1%8E%EF%BC%8C%E7%94%9A%E8%87%B3%E4%BC%9A%E5%B1%AF%E8%80%81%E9%BC%A0%EF%BC%8C%E5%95%83%E9%9E%8B%E5%AD%90%EF%BC%8C%E7%94%A8%E7%88%AA%E5%AD%90%E7%88%AC%E9%97%A8%EF%BC%8C%E4%BD%A0%E4%B8%8D%E7%90%86%E5%AE%83%EF%BC%8C%E5%AE%83%E5%B0%B1%E6%8C%A0%E4%BD%A0%EF%BC%8C%E4%BD%A0%E8%A6%81%E5%AF%B9%E5%AE%83%E5%8F%91%E8%84%BE%E6%B0%94%EF%BC%8C%E5%AE%83%E4%BC%9A%E6%AF%94%E4%BD%A0%E6%9B%B4%E6%9D%A5%E5%8A%B2%E3%80%82%E6%89%80%E4%BB%A5%EF%BC%8C%E7%8B%97%E7%8C%AB%E6%85%8E%E5%85%A5%EF%BC%8C%E6%B2%A1%E6%9C%89%E4%B8%80%E5%AE%9A%E7%9A%84%E5%87%86%E5%A4%87%EF%BC%8C%E5%88%87%E5%8B%BF%E9%9A%8F%E4%BE%BF%E5%8E%BB%E4%BE%8D%E5%85%BB%E5%8A%A8%E7%89%A9%E3%80%82%E5%AE%83%E4%BB%AC%E4%B8%80%E6%97%A6%E8%AE%A4%E5%AE%9A%E4%BD%A0%E4%BA%86%EF%BC%8C%E4%BD%A0%E5%B0%B1%E6%98%AF%E5%AE%83%E4%BB%AC%E7%9A%84%E4%B8%BB%E4%BA%BA%EF%BC%8C%E5%A6%82%E6%9E%9C%E4%BD%A0%E6%8A%9B%E5%BC%83%E5%AE%83%E4%BB%AC%EF%BC%8C%E5%AE%83%E4%BB%AC%E5%BF%85%E5%AE%9A%E5%BF%83%E4%B8%AD%E9%87%8D%E5%88%9B%E3%80%82%3C%2Fp%3E%0A
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 05:11
@xnxiaolian just paste your current code here, not the link
xnxiaolian
@xnxiaolian
Oct 16 2016 05:12

<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>
<a href="http://freecatphotoapp.com">catphotos</a>

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

<img class="smaller-image thick-green-border" src="/images/relaxing-cat.jpg">

<p class="red-text">在大家心目中,猫是慵懒的可爱的化身,它可以睡饱了再起来吃饭,可以逗趣小耗子,可以卖得了萌,使得了坏,这样百变的小怪兽就集结在一只宠物上,怎能不惹人怜爱。</p>
<p class="red-text">养动物有的时候,就是介于爱与恨之间,当你钦羡别人萌宠这么可爱的时候,你一定没有想过,狗狗和猫猫会到处拉屎,甚至会屯老鼠,啃鞋子,用爪子爬门,你不理它,它就挠你,你要对它发脾气,它会比你更来劲。所以,狗猫慎入,没有一定的准备,切勿随便去侍养动物。它们一旦认定你了,你就是它们的主人,如果你抛弃它们,它们必定心中重创。</p>

Jeramae Bohol
@jeramaedybohol
Oct 16 2016 05:12
@xnxiaolian what's the error?
xnxiaolian
@xnxiaolian
Oct 16 2016 05:13
the A element was wrong
<a href="http://freecatphotoapp.com">catphotos</a>
Chase Cohn
@chasecohn
Oct 16 2016 05:14
Can someone please paste the correct code? I just cannot seem to get this to work
https://www.freecodecamp.com/challenges/give-a-background-color-to-a-div-element#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%3Cdiv%3E%0A%20%20%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%3C%2Fdiv%3E%0A%0A%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%20checked%3E%20Indoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%20checked%3E%20Loving%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Energetic%3C%2Flabel%3E%0A%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%3C%2Fform%3E%0A
Shuyebul Alam
@shualam
Oct 16 2016 05:14
place your a inside <p><a href="http://freecatphotoapp.com">catphoto</a></p>
Coy Sanders
@coymeetsworld
Oct 16 2016 05:15
@chasecohn you need to define the class they ask you for, then apply it to the div
Chase Cohn
@chasecohn
Oct 16 2016 05:17
This is what I did
div .silver-background {
background-color: silver;
}
Anyone know what I did wrong?
xnxiaolian
@xnxiaolian
Oct 16 2016 05:19
i did it but was wrong
@chasecohn i did ti but was wrong
Shuyebul Alam
@shualam
Oct 16 2016 05:21
@chasecohn .silver-background{
background-color: silver;
}
<div class="silver-background">
Coy Sanders
@coymeetsworld
Oct 16 2016 05:22
you need to apply the class to the div @chasecohn
you can remove the div part of div .silver-background too
Chase Cohn
@chasecohn
Oct 16 2016 05:23
@shualam @coymeetsworld I got it guys thanks!
CamperBot
@camperbot
Oct 16 2016 05:23
chasecohn sends brownie points to @shualam and @coymeetsworld :sparkles: :thumbsup: :sparkles:
:cookie: 114 | @shualam |http://www.freecodecamp.com/shualam
:star2: 1450 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Oct 16 2016 05:23
yw @chasecohn
Shuyebul Alam
@shualam
Oct 16 2016 05:25
@xnxiaolian <a href="http://freecatphotoapp.com">cat photos</a>
sorry i typed the wrong code earlier
Chris Cullen
@123xylem
Oct 16 2016 05:26
   $("#" + cSeq[i]).css("background-color", "white");
       setTimeout (function(){
          $("#" + cSeq[i]).css("background-color","");},05);
Why is this not reverting to its original color ?
It works on my .panel code but not when its the CPU inputting the clicks?
I tried the timeout with 05 miliseconds in case it was a cpu speed thing and I tried to console.log cSeq[i] to make sure it was reverting to he correc value and it consolelogs the correct ID
Harshit Garg
@theharshitgarg
Oct 16 2016 05:27
@123xylem u need to try $("#" + cSeq[i]).css("background-color", "white").setTimeout (function(){ $("#" + cSeq[i]).css("background-color","");},05);
xnxiaolian
@xnxiaolian
Oct 16 2016 05:28
@shualam i did this but is was wrong i am confused
Chris Cullen
@123xylem
Oct 16 2016 05:29
@theharshitgarg it says settimeout is not a function
I use the same code above as I do when inputting user CLicks... the only difference is this is for CPU choices
Richard
@SirRiixz
Oct 16 2016 05:29
hi guys needs help

In style.css, specify Roboto as the font family for the subheading and the paragraph, followed by sans-serif as the fallback font

Notice how the fonts changed!

Chris Cullen
@123xylem
Oct 16 2016 05:30
so it could be that cSeq[i] changes in the short time between the css change
Shuyebul Alam
@shualam
Oct 16 2016 05:30
@xnxiaolian i used the exact code idk try resetting the code and make sure your <a> goes below your h2
Chris Cullen
@123xylem
Oct 16 2016 05:30
but my consolelog diesnt show a change
Whiskeywarmblood
@Whiskeywarmblood
Oct 16 2016 05:30
What does it mean to Uncomment your H1, h2 and p elements?
Richard
@SirRiixz
Oct 16 2016 05:30

h1 {
color: #FFF;
font-family: Roboto, sans-serif;
font-size: 32px;
padding-top: 100px;
text-align: left;
width: 60%;
}

h2 {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
color: rgba(255, 255, 255, 0.5);
font-weight: 100;
font-family: Roboto, sans-serif;
font-size: 22px;
line-height: 24px;
padding-bottom: 30px;
text-align: left;
width: 70%;
}

p {
font-family: Roboto, Sans-Serif;
color: AliceBlue;
line-height: 1em;
text-align: left;
width: 100%;
}

Shuyebul Alam
@shualam
Oct 16 2016 05:30
@Whiskeywarmblood delete <!-- and -->
Harshit Garg
@theharshitgarg
Oct 16 2016 05:31
@123xylem are u including jquery in ur head section
Julia Hughan
@juleshughan
Oct 16 2016 05:31
ah, now i realise why i was so confused
Chris Cullen
@123xylem
Oct 16 2016 05:31
@theharshitgarg its built into codepen
Julia Hughan
@juleshughan
Oct 16 2016 05:32
i meant to stop at css, but the course auto-directed to bootsrap
that's why i was getting so confused (felt it was getting too complex) as n00b
Chris Cullen
@123xylem
Oct 16 2016 05:32
@theharshitgarg i loaded jquery in but not jquery ui
Coy Sanders
@coymeetsworld
Oct 16 2016 05:32
@SirRiixz what challenge is it? are you supposed to do it for h1? or just h2 (subheading) and paragraph (p)?
Richard
@SirRiixz
Oct 16 2016 05:33
subheading and paragraph
Coy Sanders
@coymeetsworld
Oct 16 2016 05:33
bootstrap is a CSS framework @juleshughan so it probably looked the same
Julia Hughan
@juleshughan
Oct 16 2016 05:34
@coymeetsworld yeah, it did. i just figured they were trying to introduce SOME bootstrap into the CSS, not that I had graduated to Bootstrap, haha
well, you know, bootstrap elements
Brandy
@yogicoyote
Oct 16 2016 05:35
<p>Click here for <a href="#">cat photos</a>.</p>
is this the right place to put the hash to turn it into a dead link?
Coy Sanders
@coymeetsworld
Oct 16 2016 05:36
they just do a bit @juleshughan there's more things you can do w/ it too but they don't go into every single thing.
Think they just give enough so that you can figure out the rest on your own with some more practice
Harshit Garg
@theharshitgarg
Oct 16 2016 05:36
@yogicoyote correct.
Julia Hughan
@juleshughan
Oct 16 2016 05:36
yeah, i really want to just touch high level css and put together a tribute page
then i was going to move onto to JS, i do understand the benefits of bootstrap a lot more though
Cross Tutubalin
@crosscross2000
Oct 16 2016 05:37
I need help on Add Borders Around your Elements
xnxiaolian
@xnxiaolian
Oct 16 2016 05:37

<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>
<a href="http://freecatphotoapp.com">catphotos</a>

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

<img class="smaller-image thick-green-border" src="/images/relaxing-cat.jpg">

<p class="red-text">在大家心目中,猫是慵懒的可爱的化身,它可以睡饱了再起来吃饭,可以逗趣小耗子,可以卖得了萌,使得了坏,这样百变的小怪兽就集结在一只宠物上,怎能不惹人怜爱。</p>
<p class="red-text">养动物有的时候,就是介于爱与恨之间,当你钦羡别人萌宠这么可爱的时候,你一定没有想过,狗狗和猫猫会到处拉屎,甚至会屯老鼠,啃鞋子,用爪子爬门,你不理它,它就挠你,你要对它发脾气,它会比你更来劲。所以,狗猫慎入,没有一定的准备,切勿随便去侍养动物。它们一旦认定你了,你就是它们的主人,如果你抛弃它们,它们必定心中重创。</p>

Brandy
@yogicoyote
Oct 16 2016 05:37
i thought so. not working unfortunately. Thanks @juleshughan @theharshitgarg
CamperBot
@camperbot
Oct 16 2016 05:37
yogicoyote sends brownie points to @juleshughan and @theharshitgarg :sparkles: :thumbsup: :sparkles:
Cross Tutubalin
@crosscross2000
Oct 16 2016 05:37
code3.PNG
CamperBot
@camperbot
Oct 16 2016 05:37
:cookie: 86 | @juleshughan |http://www.freecodecamp.com/juleshughan
:cookie: 585 | @theharshitgarg |http://www.freecodecamp.com/theharshitgarg
Cross Tutubalin
@crosscross2000
Oct 16 2016 05:37
Can anyone explain why Your img element should have the class thick-green-border.
Give your image a border width of 10px. is not working?
xnxiaolian
@xnxiaolian
Oct 16 2016 05:38
it said i should use cat photos as anchor text
i do not known what to do
Harshit Garg
@theharshitgarg
Oct 16 2016 05:38
@crosscross2000 Challenge name
@xnxiaolian show ur code
Cross Tutubalin
@crosscross2000
Oct 16 2016 05:39
@theharshitgarg Add Borders Around your Elements
Harshit Garg
@theharshitgarg
Oct 16 2016 05:39
@crosscross2000 u can paste ur code link or ur code instead of images
Cross Tutubalin
@crosscross2000
Oct 16 2016 05:39
code link?
like the https
Harshit Garg
@theharshitgarg
Oct 16 2016 05:39
@crosscross2000 u need to set 100px;
.smaller-image {
width: 100px;
}
Akhil
@akhilnandu
Oct 16 2016 05:39
Guys
Help me our
CamperBot
@camperbot
Oct 16 2016 05:39
no wiki entry for: me our
Akhil
@akhilnandu
Oct 16 2016 05:40
blob
I am stuck here
Harshit Garg
@theharshitgarg
Oct 16 2016 05:40
@akhilnandu challenege name
rawvishwaaa
@rawvishwaaaa
Oct 16 2016 05:40
hi all.. I am not able to code ID attribute to a form.. can someone pls help http://bit.ly/2etmcD3
xnxiaolian
@xnxiaolian
Oct 16 2016 05:40
https://freecodecamp.cn/challenges/link-to-external-pages-with-anchor-elements#?solution=%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%3Ca%20href%3D%22http%3A%2F%2Ffreecatphotoapp.com%22%3Ecatphotos%3C%2Fa%3E%0A%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22%2Fimages%2Frelaxing-cat.jpg%22%3E%0A%0A%3Cp%20class%3D%22red-text%22%3E%E5%9C%A8%E5%A4%A7%E5%AE%B6%E5%BF%83%E7%9B%AE%E4%B8%AD%EF%BC%8C%E7%8C%AB%E6%98%AF%E6%85%B5%E6%87%92%E7%9A%84%E5%8F%AF%E7%88%B1%E7%9A%84%E5%8C%96%E8%BA%AB%EF%BC%8C%E5%AE%83%E5%8F%AF%E4%BB%A5%E7%9D%A1%E9%A5%B1%E4%BA%86%E5%86%8D%E8%B5%B7%E6%9D%A5%E5%90%83%E9%A5%AD%EF%BC%8C%E5%8F%AF%E4%BB%A5%E9%80%97%E8%B6%A3%E5%B0%8F%E8%80%97%E5%AD%90%EF%BC%8C%E5%8F%AF%E4%BB%A5%E5%8D%96%E5%BE%97%E4%BA%86%E8%90%8C%EF%BC%8C%E4%BD%BF%E5%BE%97%E4%BA%86%E5%9D%8F%EF%BC%8C%E8%BF%99%E6%A0%B7%E7%99%BE%E5%8F%98%E7%9A%84%E5%B0%8F%E6%80%AA%E5%85%BD%E5%B0%B1%E9%9B%86%E7%BB%93%E5%9C%A8%E4%B8%80%E5%8F%AA%E5%AE%A0%E7%89%A9%E4%B8%8A%EF%BC%8C%E6%80%8E%E8%83%BD%E4%B8%8D%E6%83%B9%E4%BA%BA%E6%80%9C%E7%88%B1%E3%80%82%3C%2Fp%3E%0A%3Cp%20class%3D%22red-text%22%3E%E5%85%BB%E5%8A%A8%E7%89%A9%E6%9C%89%E7%9A%84%E6%97%B6%E5%80%99%EF%BC%8C%E5%B0%B1%E6%98%AF%E4%BB%8B%E4%BA%8E%E7%88%B1%E4%B8%8E%E6%81%A8%E4%B9%8B%E9%97%B4%EF%BC%8C%E5%BD%93%E4%BD%A0%E9%92%A6%E7%BE%A1%E5%88%AB%E4%BA%BA%E8%90%8C%E5%AE%A0%E8%BF%99%E4%B9%88%E5%8F%AF%E7%88%B1%E7%9A%84%E6%97%B6%E5%80%99%EF%BC%8C%E4%BD%A0%E4%B8%80%E5%AE%9A%E6%B2%A1%E6%9C%89%E6%83%B3%E8%BF%87%EF%BC%8C%E7%8B%97%E7%8B%97%E5%92%8C%E7%8C%AB%E7%8C%AB%E4%BC%9A%E5%88%B0%E5%A4%84%E6%8B%89%E5%B1%8E%EF%BC%8C%E7%94%9A%E8%87%B3%E4%BC%9A%E5%B1%AF%E8%80%81%E9%BC%A0%EF%BC%8C%E5%95%83%E9%9E%8B%E5%AD%90%EF%BC%8C%E7%94%A8%E7%88%AA%E5%AD%90%E7%88%AC%E9%97%A8%EF%BC%8C%E4%BD%A0%E4%B8%8D%E7%90%86%E5%AE%83%EF%BC%8C%E5%AE%83%E5%B0%B1%E6%8C%A0%E4%BD%A0%EF%BC%8C%E4%BD%A0%E8%A6%81%E5%AF%B9%E5%AE%83%E5%8F%91%E8%84%BE%E6%B0%94%EF%BC%8C%E5%AE%83%E4%BC%9A%E6%AF%94%E4%BD%A0%E6%9B%B4%E6%9D%A5%E5%8A%B2%E3%80%82%E6%89%80%E4%BB%A5%EF%BC%8C%E7%8B%97%E7%8C%AB%E6%85%8E%E5%85%A5%EF%BC%8C%E6%B2%A1%E6%9C%89%E4%B8%80%E5%AE%9A%E7%9A%84%E5%87%86%E5%A4%87%EF%BC%8C%E5%88%87%E5%8B%BF%E9%9A%8F%E4%BE%BF%E5%8E%BB%E4%BE%8D%E5%85%BB%E5%8A%A8%E7%89%A9%E3%80%82%E5%AE%83%E4%BB%AC%E4%B8%80%E6%97%A6%E8%AE%A4%E5%AE%9A%E4%BD%A0%E4%BA%86%EF%BC%8C%E4%BD%A0%E5%B0%B1%E6%98%AF%E5%AE%83%E4%BB%AC%E7%9A%84%E4%B8%BB%E4%BA%BA%EF%BC%8C%E5%A6%82%E6%9E%9C%E4%BD%A0%E6%8A%9B%E5%BC%83%E5%AE%83%E4%BB%AC%EF%BC%8C%E5%AE%83%E4%BB%AC%E5%BF%85%E5%AE%9A%E5%BF%83%E4%B8%AD%E9%87%8D%E5%88%9B%E3%80%82%3C%2Fp%3E%0A
Julia Hughan
@juleshughan
Oct 16 2016 05:40
i'm going to give the treehouse trial a go and see how different it is
really want to nail the basics
Harshit Garg
@theharshitgarg
Oct 16 2016 05:41
@rawvishwaaaa <form id='name'></form>
this is the way
Akhil
@akhilnandu
Oct 16 2016 05:41
@theharshitgarg 108
Harshit Garg
@theharshitgarg
Oct 16 2016 05:41
@akhilnandu name ut
Akhil
@akhilnandu
Oct 16 2016 05:41
@theharshitgarg Change Text Inside an Element Using jQuery
Cross Tutubalin
@crosscross2000
Oct 16 2016 05:42
@theharshitgarg okay now i have .smaller-image {
width: 100px;
}
.thin-red-border {
border-color: green;
border-width: 10px;
border-style: solid;
}
rawvishwaaa
@rawvishwaaaa
Oct 16 2016 05:42
thanks @theharshitgarg it works now
CamperBot
@camperbot
Oct 16 2016 05:42
rawvishwaaaa sends brownie points to @theharshitgarg :sparkles: :thumbsup: :sparkles:
:cookie: 586 | @theharshitgarg |http://www.freecodecamp.com/theharshitgarg
Harshit Garg
@theharshitgarg
Oct 16 2016 05:43
@akhilnandu u need to $("#target1").css("color", "red"); $("#target1").css("color", "red"); $("#target4").html("<em>#target4</em>");
Laszlo Kovesdi
@lkovesdi
Oct 16 2016 05:43
What am I doing wrong here...
<lable><input type="radio" name="indoor-outdoor">Indoor</lable>
<lable><input type="radio" name="indoor-outdoor">Outdoor</lable>
Harshit Garg
@theharshitgarg
Oct 16 2016 05:43
@crosscross2000 does that work
Akhil
@akhilnandu
Oct 16 2016 05:44
@theharshitgarg I forgot to add the "#" to the word target4. Any ways thanks.. It worked now :)
CamperBot
@camperbot
Oct 16 2016 05:44
akhilnandu sends brownie points to @theharshitgarg :sparkles: :thumbsup: :sparkles:
:cookie: 587 | @theharshitgarg |http://www.freecodecamp.com/theharshitgarg
Cross Tutubalin
@crosscross2000
Oct 16 2016 05:44
@theharshitgarg im confused on what you mean by that
Harshit Garg
@theharshitgarg
Oct 16 2016 05:45
@crosscross2000 have u set width property to 100px.
Cross Tutubalin
@crosscross2000
Oct 16 2016 05:45
@theharshitgarg okay so how do i create a class for thick-green-border
@theharshitgarg yes
xnxiaolian
@xnxiaolian
Oct 16 2016 05:45
@shualam yes my a is below h2
Harshit Garg
@theharshitgarg
Oct 16 2016 05:45
@crosscross2000 like this
.thick-green-border {
    border-width:10px;
    border-style: solid;
    border-color : green;
  }
any doubts?
Cross Tutubalin
@crosscross2000
Oct 16 2016 05:46
@theharshitgarg i do that and then it unchecks the 4 boxes and the first one is the only checked
phoenixrodas
@phoenixrodas
Oct 16 2016 05:46
i need help with changing the h2 to blue
Cross Tutubalin
@crosscross2000
Oct 16 2016 05:47
@phoenix you can do <style> .blue-text { color:...; }
Harshit Garg
@theharshitgarg
Oct 16 2016 05:47
@phoenixrodas u need to add class .blue-text { color: blue;} and use it <h2 class='blue-text'>TXT</h2>
Cross Tutubalin
@crosscross2000
Oct 16 2016 05:48
@theharshitgarg Okay but why would it not work after doing this
Laszlo Kovesdi
@lkovesdi
Oct 16 2016 05:48

Does anyone know why this is incorrect?

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

Harshit Garg
@theharshitgarg
Oct 16 2016 05:48
@crosscross2000 give the link to your code
Cross Tutubalin
@crosscross2000
Oct 16 2016 05:49
@theharshitgarg how do i do that without giving the huge link
Sorry i am new to coding :)
Harshit Garg
@theharshitgarg
Oct 16 2016 05:49
@crosscross2000 u can shorten it with url shortner of google.
Cody Reandeau
@codyreandeau
Oct 16 2016 05:49
label not lable @lkovesdi
Shuyebul Alam
@shualam
Oct 16 2016 05:50
@xnxiaolian are you still stuck?
Harshit Garg
@theharshitgarg
Oct 16 2016 05:50
@crosscross2000 use it https://goo.gl/
Cross Tutubalin
@crosscross2000
Oct 16 2016 05:50
This message was deleted
that did not work
rip
1 sec
Cody Reandeau
@codyreandeau
Oct 16 2016 05:50
lmao
Harshit Garg
@theharshitgarg
Oct 16 2016 05:52
@crosscross2000 it worked
Cross Tutubalin
@crosscross2000
Oct 16 2016 05:52
@theharshitgarg here is the code through it
code4.PNG
Harshit Garg
@theharshitgarg
Oct 16 2016 05:52
@codyreandeau u forgot to use the class. do it this way class="smaller-image thick-green-border"
@crosscross2000 complete cde for ur reference <img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Cross Tutubalin
@crosscross2000
Oct 16 2016 05:52
Oh my it was that easy
Harshit Garg
@theharshitgarg
Oct 16 2016 05:53
@crosscross2000 easy but tricky
Cross Tutubalin
@crosscross2000
Oct 16 2016 05:53
just that minor of a mistake
yes indeed
Harshit Garg
@theharshitgarg
Oct 16 2016 05:54
@crosscross2000 all the best
congratulations :clap:
Cross Tutubalin
@crosscross2000
Oct 16 2016 05:54
@theharshitgarg Thank you so much :)
CamperBot
@camperbot
Oct 16 2016 05:54
crosscross2000 sends brownie points to @theharshitgarg :sparkles: :thumbsup: :sparkles:
:cookie: 588 | @theharshitgarg |http://www.freecodecamp.com/theharshitgarg
phoenixrodas
@phoenixrodas
Oct 16 2016 05:54

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

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

someone help me
Nguyen Pham
@Azeoptrope
Oct 16 2016 05:57

@phoenixrodas you shouldn't have tags for h2 in the selector style.

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

<h2>CatPhotoApp</h2>

xnxiaolian
@xnxiaolian
Oct 16 2016 06:01
@shualam yes
Cross Tutubalin
@crosscross2000
Oct 16 2016 06:01
@theharshitgarg How do i nest a element within a new element?
xnxiaolian
@xnxiaolian
Oct 16 2016 06:02
@shualam the error was:my a element should use catphotos as anchor text
that's troubles me ...
Cross Tutubalin
@crosscross2000
Oct 16 2016 06:04
Nest an Anchor Element within a Paragraph Missing Your a element should be nested within your new p element.
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:04
@xnxiaolian <a href="">your-anchor-text-here</a>
Cross Tutubalin
@crosscross2000
Oct 16 2016 06:04
code5.PNG
LPR-309
@LPR-309
Oct 16 2016 06:05
@crosscross2000 The <a> has to be "inside" the <p>
<p> Here's a <a href="webaddress">link</a></p>
Cross Tutubalin
@crosscross2000
Oct 16 2016 06:05
okay
xnxiaolian
@xnxiaolian
Oct 16 2016 06:06
@jeramaedybohol i did this
Cross Tutubalin
@crosscross2000
Oct 16 2016 06:06
@LPR-309 Thanks got it now :)
CamperBot
@camperbot
Oct 16 2016 06:06
crosscross2000 sends brownie points to @lpr-309 :sparkles: :thumbsup: :sparkles:
:cookie: 395 | @lpr-309 |http://www.freecodecamp.com/lpr-309
LPR-309
@LPR-309
Oct 16 2016 06:07
:thumbsup:
shamus07
@shamus07
Oct 16 2016 06:07
the "run tests" feature has stopped working
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:07
@xnxiaolian paste your current entire code here
Cross Tutubalin
@crosscross2000
Oct 16 2016 06:09
okay so if i want to make a dead link this is what i have in mind to do <p> text <a href#="link" > text </a> . </p>
is this correct?
or would it be <a #="link" >text </a>
@LPR-309 Would this work?
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:10
@crosscross2000 <a href="#"></a>
Cross Tutubalin
@crosscross2000
Oct 16 2016 06:10
Ah okay
LPR-309
@LPR-309
Oct 16 2016 06:11
Yep, so if you had <a href="#">Link</a>, you'd still see "Link" as a link, but it wouldn't go anywhere.
Cross Tutubalin
@crosscross2000
Oct 16 2016 06:12
hmm
so would it go <a href"#">http://www.freecatphotoapp.com</a>
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:13
@crosscross2000 there's no syntax such <a href"#"></a>
@crosscross2000 the syntax is <a href=""></a>
Cross Tutubalin
@crosscross2000
Oct 16 2016 06:14
but to make a dead link is what im confused i tried <a href="#" "link">cat photos</a>
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:15
@crosscross2000 because that syntax is wrong
@crosscross2000 you just have to replace the value inside ""
"#" is a dead link, www.google.com is an actual link
Cross Tutubalin
@crosscross2000
Oct 16 2016 06:16
okay so
<p>Click here for <a href="#">cat photos</a>.</p> ??
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:16
yup
think of a dead link as a temporary placeholder while you don't have the actual link to put in there
xnxiaolian
@xnxiaolian
Oct 16 2016 06:17

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

<img class="smaller-image thick-green-border" src="/images/relaxing-cat.jpg">
<a href="http://freecatphotoapp.com">catphotos</a>

<p class="red-text">在大家心目中,猫是慵懒的可爱的化身,它可以睡饱了再起来吃饭,可以逗趣小耗子,可以卖得了萌,使得了坏,这样百变的小怪兽就集结在一只宠物上,怎能不惹人怜爱。</p>
<p class="red-text">养动物有的时候,就是介于爱与恨之间,当你钦羡别人萌宠这么可爱的时候,你一定没有想过,狗狗和猫猫会到处拉屎,甚至会屯老鼠,啃鞋子,用爪子爬门,你不理它,它就挠你,你要对它发脾气,它会比你更来劲。所以,狗猫慎入,没有一定的准备,切勿随便去侍养动物。它们一旦认定你了,你就是它们的主人,如果你抛弃它们,它们必定心中重创。</p>

LPR-309
@LPR-309
Oct 16 2016 06:17
@crosscross2000 Yus. Href is an attribute, so it takes a value. That value can be an address, or in this case, it's "#", making it a dead link.
Cross Tutubalin
@crosscross2000
Oct 16 2016 06:17
@jeramaedybohol Thanks but still says it is wrong when doing so
CamperBot
@camperbot
Oct 16 2016 06:17
crosscross2000 sends brownie points to @jeramaedybohol :sparkles: :thumbsup: :sparkles:
:cookie: 84 | @jeramaedybohol |http://www.freecodecamp.com/jeramaedybohol
Cross Tutubalin
@crosscross2000
Oct 16 2016 06:18
code.PNG
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:19
@crosscross2000 maybe the error is not that code, so why don't you paste your entire code here
Cross Tutubalin
@crosscross2000
Oct 16 2016 06:19
@jeramaedybohol i have posted the file link above :)
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:20
@crosscross2000 paste it again so I don't have to scroll up
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:21
@crosscross2000 are you sure correct sentence is "click here for cat photos"?
@crosscross2000 check the exercise instruction again
Cross Tutubalin
@crosscross2000
Oct 16 2016 06:21
here ill click reset and do the same
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:22
your code looks perfect, so check the instructions again and see if your sentence is correct
Cross Tutubalin
@crosscross2000
Oct 16 2016 06:22
@jeramaedybohol when i reset it stayed the same and only instructions are Your a element should be a dead link with a href attribute set to "#".
is it possibly a bug?
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:22
@crosscross2000 I told you that 's not the issue
Cross Tutubalin
@crosscross2000
Oct 16 2016 06:23
hm
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:23
@crosscross2000 I said check your sentence again "click here for cat photos" might be wrong
Cross Tutubalin
@crosscross2000
Oct 16 2016 06:23
okay
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:23
@crosscross2000 make sure that's what the instruction says
@crosscross2000 I already did this exercise and I'm pretty sure "click here for cat photos" is not the right sentence
Cross Tutubalin
@crosscross2000
Oct 16 2016 06:24
@jeramaedybohol Where can i go to check for the correct sentence
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:24
@crosscross2000 the instruction,
@crosscross2000 read the exercise instruction again, THAT LEFT SIDE OF YOUR SCREEN
@crosscross2000 give me the link of that exercise
Cross Tutubalin
@crosscross2000
Oct 16 2016 06:25
@jeramaedybohol https://goo.gl/OwX5cZ
jonathan noel
@JonEgilhard
Oct 16 2016 06:26
Hi Guys,
how to disable a specific button
$("button").prop("disabled". true);
Marteen
@GoatWhisperer
Oct 16 2016 06:26
The instructions mention 100% zoom without explaining what that is.
Cross Tutubalin
@crosscross2000
Oct 16 2016 06:28
it does not mention the setence i need which confuses me
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:28
@crosscross2000 did you try reset?
@JonEgilhard use comma
@GoatWhisperer just ignore that part
@GoatWhisperer it just means that you make sure your browser is in 100% default zoom mode
Cross Tutubalin
@crosscross2000
Oct 16 2016 06:29
@jeramaedybohol yes
jonathan noel
@JonEgilhard
Oct 16 2016 06:30
@jeramaedybohol Awesome! thank you! it's crazy how a little thing can change everything
CamperBot
@camperbot
Oct 16 2016 06:30
jonegilhard sends brownie points to @jeramaedybohol :sparkles: :thumbsup: :sparkles:
:cookie: 86 | @jeramaedybohol |http://www.freecodecamp.com/jeramaedybohol
vinay12121
@vinay12121
Oct 16 2016 06:30
Hello guys i m new to fcc
xnxiaolian
@xnxiaolian
Oct 16 2016 06:30
who can give me the answer of the lesson"Link to External Pages with Anchor Elements"
vinay12121
@vinay12121
Oct 16 2016 06:30
i got stuck at

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

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

Chris
@cli53
Oct 16 2016 06:31
Hi! quick question. Is the anchor text the text that comes before the href link or after?
Marteen
@GoatWhisperer
Oct 16 2016 06:31
The exercise is not letting me through. Haven't the foggiest what the deal is. Pretty sure everything is correct, followed instructions, etc. .
Cross Tutubalin
@crosscross2000
Oct 16 2016 06:31
their we go a pc restart fixed it
Luis
@armedxwithxaxmind
Oct 16 2016 06:31

Hey guys, I'm trying to split my bootstrap row & kinda getting lost where I should nest my two div class="col-xs-6" elements within my div class="row" element

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


</div>
</div>

xnxiaolian
@xnxiaolian
Oct 16 2016 06:33
@cli53 the anchor text after the href link
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:34
@crosscross2000 try pasting this code into your text editor

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

  h2 {
    font-family: Lobster, Monospace;
  }

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

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

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

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

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

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

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
@GoatWhisperer did you nested this code inside <style></style>?
.smaller-image {
 width: 100px;
}
king
@kingheshan
Oct 16 2016 06:36
so cute girl
Richard
@SirRiixz
Oct 16 2016 06:36
hey guys how do u replace href with Hashtags to make it a dead link
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:37
@SirRiixz <a href="#"></a>
king
@kingheshan
Oct 16 2016 06:37
确保你更换的按钮为 target4。 i'm do it but it doesn't work
how i should do
Marteen
@GoatWhisperer
Oct 16 2016 06:37
I followed the instructions; did the font-size inside the <style></style>...yes.
Richard
@SirRiixz
Oct 16 2016 06:37
i thought it was replacing href to #
ahah
king
@kingheshan
Oct 16 2016 06:38
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target4").html("<em>target4</em>");
});
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:38
@GoatWhisperer did you add this code into your <img>?
class="smaller-image"
@kingheshan ?
@kingheshan paste your current code here
king
@kingheshan
Oct 16 2016 06:38

<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target4").html("<em>target4</em>");
});
</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>

xnxiaolian
@xnxiaolian
Oct 16 2016 06:39
@kingheshan 你好 你能告诉我第20课的答案吗?
Marteen
@GoatWhisperer
Oct 16 2016 06:39
Don't have any <img> stuff on this one.
king
@kingheshan
Oct 16 2016 06:39
jquery code is right
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:39
@GoatWhisperer paste your entire code here
king
@kingheshan
Oct 16 2016 06:39
wait i see @xnxiaolian
border-radius: 50%;
@xnxiaolian border-radius:50%;
xnxiaolian
@xnxiaolian
Oct 16 2016 06:40
@kingheshan Link to External Pages with Anchor Elements 这一课的答案
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:40
@kingheshan it's because it should be "<em>#target4</em>"
king
@kingheshan
Oct 16 2016 06:41
oo @jeramaedybohol thks
i see wait @xnxiaolian
Musadabwe Ngambi
@musadabwe
Oct 16 2016 06:41
Hi guys!
Please help me with my container fluid, thumbnail and image response for my tribute page. The code is below.
<div class="container">
  <div class="jumbotron">
    <body align="middle" style="background-color:#e5e7ea; margin:80px;">
<head>
<style>
h1 {
  color:white;
  background-color:#703c0c;
  padding:25px;
  font-size:230%;
  }
</style>
</head>

<h1 align="middle" style="margin:5px 1px 1px 1px; border-top-right-radius:10px; border-top-left-radius:10px; margin:3%;">Captain Chesley "Sully" Sullenberger</h1>
  <h3 style="background-color:#eaad93; padding:10px; margin:1px 1px 40px 1px; font-size:175%; border-bottom-right-radius:10px; border-bottom-left-radius:10px; margin:3%;" align="middle"><em>An American Hero.</em></h3>

<!--IMAGE-->
<div class="thumbnail" align="middle">
<img src="http://i.dailymail.co.uk/i/pix/2015/11/10/21/2E4FAB8E00000578-3312396-image-a-78_1447192151276.jpg" class="img-responsive">
<div class="caption">
  <p1><em>Sully retiring from active duty.</em></p1>
 </div>
</div>

<!--Created by Musadabwe Ngambi--->
  <!--Free Code Camp project, Oct.4th 2016-->
  <br>

  <!--BULLETTS-->
<div class="thumbnail" style="font-size:200%;">
<h3><strong>Here is a timeline of Capt. Chesley Sullenberger's Life:</strong></h3>

    <strong>1951:</strong> He was born in <a href="https://en.wikipedia.org/wiki/Denison%2C_Texas" target="_blank">Denison, Texas </a>
    <strong>1966:</strong> He learned to fly at age 16
    <strong>1969:</strong> Was appointed to the US Air Force Academy
  <strong>1973:</strong> He graduated with a Bachelor of Science degree
    <strong>1973-1980:</strong> He served as a fighter pilot for the US Air Force. He was a flight leader and training officer
    <strong>1980:</strong> He joined Pacific Southwest Airlines as a commercial pilot. He was also an instructor, Air Line Pilots Association safety chairman and accident investigator
    <strong>1988:</strong> Pacific Southwest was acquired by US Airways
    <strong>2009:</strong> Shortly after takeoff from LaGuardia airport heading to Charlotte, NC, flight 1549 he was piloting was struck by wild geese which damaged both engines. He maneuvered the plane and landed it in the Hudson river with all 155 passengers surviving. He was last to leave the plane
    <strong>2010:</strong> He retired after 30 years of flying for Pacific SouthWest/US Airways
    <strong>2011:</strong> At the Carolinas Aviation Museum in Charlotte, North Carolina, where the airplane is on exhibit, he entered it for the first time after the incident

  </div>

  <!--BOTTOM-->
  <div align="middle">
    <p2 style="font-family:tristan; font-size:40px;"><strong>"A miracle on the Hudson."</strong></p2>
<br>
  <p3 style="font-size:18px"><em>- Former New York Governor, David Paterson</em></p3> 
  <br>
<br>
  <a href="https://www.youtube.com/watch?v=HpSrMw98R00" target="_blank">Click for Miracle on the Hudson video</a>
  </div>
</body>

</body>
</div>
</div>
xnxiaolian
@xnxiaolian
Oct 16 2016 06:41
the answer of the lesson( Link to External Pages with Anchor Elements)
@kingheshan the answer of the lesson( Link to External Pages with Anchor Elements)
king
@kingheshan
Oct 16 2016 06:41
<a href="http://freecatphotoapp.com">cat photos</a> @xnxiaolian
you shoud just do it like this
Marteen
@GoatWhisperer
Oct 16 2016 06:42

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

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

xnxiaolian
@xnxiaolian
Oct 16 2016 06:42
OK i think maybe it was a bug
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:43
@GoatWhisperer your code looks awful wrong, why don't just send me the link to that exercise
@xnxiaolian there's no bug in these exercises
@xnxiaolian so if you have error, it means you really have an error, not because of a bug
king
@kingheshan
Oct 16 2016 06:43
<a href="http://freecatphotoapp.com">cat photos</a>
yes you check your code
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:44
@GoatWhisperer line #1: replace it with container-fluid
xnxiaolian
@xnxiaolian
Oct 16 2016 06:44
I DID this many times
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:44
@xnxiaolian what's your error?
xnxiaolian
@xnxiaolian
Oct 16 2016 06:44
@kingheshan but is was wrong
king
@kingheshan
Oct 16 2016 06:44
paste your code
@xnxiaolian paste your code
xnxiaolian
@xnxiaolian
Oct 16 2016 06:45

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

<img class="smaller-image thick-green-border" src="/images/relaxing-cat.jpg">
<a href="http://freecatphotoapp.com">catphotos</a>

<p class="red-text">在大家心目中,猫是慵懒的可爱的化身上,怎能不惹人怜爱。</p>
<p class="red-text">养动物有的时候,就是介于爱与恨之。</p>

Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:46
@xnxiaolian are you there's a font-family in the p {}?
xnxiaolian
@xnxiaolian
Oct 16 2016 06:46
is it wrong?<a href="http://freecatphotoapp.com">catphotos</a>
king
@kingheshan
Oct 16 2016 06:46
cat photos space
@xnxiaolian 缺少空格 cat photos
have a try
xnxiaolian
@xnxiaolian
Oct 16 2016 06:47
space not work
king
@kingheshan
Oct 16 2016 06:47
<a href="http://freecatphotoapp.com">cat photos</a>
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:47
@xnxiaolian delete the font family from your p element under style
xnxiaolian
@xnxiaolian
Oct 16 2016 06:48
OH it works
king
@kingheshan
Oct 16 2016 06:48
应该是空格的问题把
Darren
@DarrenfJ
Oct 16 2016 06:48
late night FCC peeps
xnxiaolian
@xnxiaolian
Oct 16 2016 06:48
yes , the problem was the space
king
@kingheshan
Oct 16 2016 06:48
so good continue
xnxiaolian
@xnxiaolian
Oct 16 2016 06:49
it takes my 5hours
thanks all of the guys
@jeramaedybohol it works
@jeramaedybohol thw problem was thw space between cat and photos
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 06:52
@xnxiaolian although in real world project, that space will not give you error since it's not part of the syntax, but in these exercises, you will get an error if you don't follow what the instruction says, like spaces
@xnxiaolian so if the instruction says "cat photos", you should really have a space
king
@kingheshan
Oct 16 2016 06:53
yes because the online editor check == the value
xnxiaolian
@xnxiaolian
Oct 16 2016 06:58
@jeramaedybohol @kingheshan the cat in the end of the row,the photos in the beginning of the another row,so i didnot see the space. i will remember it
Marteen
@GoatWhisperer
Oct 16 2016 07:00
@jeramaedybohol --> Thank you for the response, earlier. I got it to work.
CamperBot
@camperbot
Oct 16 2016 07:00
goatwhisperer sends brownie points to @jeramaedybohol :sparkles: :thumbsup: :sparkles:
:cookie: 100 | @jeramaedybohol |http://www.freecodecamp.com/jeramaedybohol
Darren
@DarrenfJ
Oct 16 2016 07:01
@GoatWhisperer goatwhispere :) nice name
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 07:01
@GoatWhisperer good for u
Marteen
@GoatWhisperer
Oct 16 2016 07:03
ty, Darren
Azadsimha
@Azadsimha
Oct 16 2016 07:10
Screen Shot 2016-10-16 at 12.31.46 PM.png
Screen Shot 2016-10-16 at 12.32.18 PM.png
can you tell me what is the prob
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 07:11
@Azadsimha just add the word requried in your input element like this:
<input type="text" required>
Darren
@DarrenfJ
Oct 16 2016 07:12
@jeramaedybohol hey buddy! good to see yah in here...
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 07:13
@DarrenfJ yeah, just helping others on my free time
Darren
@DarrenfJ
Oct 16 2016 07:13
good work buddy... looks like you got the room covered too so imma go do some coding
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 07:13
@DarrenfJ sure, I got this
Darren
@DarrenfJ
Oct 16 2016 07:14
thanks for covering it :D @jeramaedybohol
CamperBot
@camperbot
Oct 16 2016 07:14
darrenfj sends brownie points to @jeramaedybohol :sparkles: :thumbsup: :sparkles:
:cookie: 107 | @jeramaedybohol |http://www.freecodecamp.com/jeramaedybohol
Azadsimha
@Azadsimha
Oct 16 2016 07:15
Jerome Bohol where should i input
Giancarlo Fajardo
@GiancarloFajardo
Oct 16 2016 07:15
hi im on challenge 42. I put the silver background code within my style element but how would i assign it to my div element
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 07:16
@Azadsimha check your line #48
@GiancarloFajardo just like this
<div class="silver-background"></div>
@Azadsimha oh I think I know what you mean about where to input. So, just try clicking the submit button without inputting anything in the input field
Azadsimha
@Azadsimha
Oct 16 2016 07:18
Screen Shot 2016-10-16 at 12.46.58 PM.png
thanks
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 07:19
@Azadsimha so your code with required should look like this
<input type="text" placeholder="cat photo URL" required>
Julia Hughan
@juleshughan
Oct 16 2016 07:22
okay, redoing HTML/CSS, let's do this shit!
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 07:22
@juleshughan wait what? ahaha
Keshav Ram Narla
@keshavnarla
Oct 16 2016 07:24
@GiancarloFajardo just use <div class="classname".../>
@GiancarloFajardo style woul look like .classname { color:silver;}
Julia Hughan
@juleshughan
Oct 16 2016 07:31
@jeramaedybohol back to basics. my brain did not absorb ANYTHING doing it the first time.
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 07:31
@juleshughan yup, that's how you best learn
Julia Hughan
@juleshughan
Oct 16 2016 07:32
@jeramaedybohol so i'm going to do it again, and let it sink in
then build a tribute page without having to google everything
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 07:32
@juleshughan just remember that's it not about memorizing the syntax, it's about understand them
Julia Hughan
@juleshughan
Oct 16 2016 07:32
exactly
Just passed Hello World ;)
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 07:33
@juleshughan that's a wrong mindset to not google everything, because even great programmers need to look at official docs and google
Julia Hughan
@juleshughan
Oct 16 2016 07:33
@jeramaedybohol i think the advice i got was, know the basics, be prepared to google and take advantage of other sources and code
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 07:33
@juleshughan the important thing is, you know how to use google as your friend
Julia Hughan
@juleshughan
Oct 16 2016 07:33
but don't rely on it
i'm at the relying point right now
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 07:34
@juleshughan just remember to not compare "YOUR NEWBIE SELF" to their "EXPERIENCE SELF"
Julia Hughan
@juleshughan
Oct 16 2016 07:34
understood
also hard when i'm a ux designer
it's really hard not to obsess over details and small things
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 07:35
@juleshughan the good thing about you is, you have advantage over other programmers because you already have a UX Design skills
Julia Hughan
@juleshughan
Oct 16 2016 07:36
and the frustration of getting annoyed at the padding around the buttons of the css course project
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 07:37
@juleshughan yup I noticed that too
zeandave
@zeandave
Oct 16 2016 07:37

...

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

</div>

Julia Hughan
@juleshughan
Oct 16 2016 07:37
advantage is design, disadvantage is wanting to get everything done perfectly
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 07:38
@zeandave you did not correctly close your h3 tag
@zeandave your code should look something like this:
<div class="container-fluid">
 <h3 class=""></h3>
</div>
Julia Hughan
@juleshughan
Oct 16 2016 07:38
learning has to be fast and perfect
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 07:40
and when you feel like you just want to pass the exercises and not to really absorb the lessons, then it's a sign that you need to stop or quit for the day
because lessons are designed to be prerequisites for future lessons
or I say exercises
zeandave
@zeandave
Oct 16 2016 07:41
@jeramaedybohol but i have to add div element below h3 element
Julia Hughan
@juleshughan
Oct 16 2016 07:42
yep, that's why i'm redoing the course
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 07:42
@zeandave then add it
Julia Hughan
@juleshughan
Oct 16 2016 07:43
i think i've taken most of it in, but i want to make it sure that i've absorbed what i need to do a basic html/css tribute page
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 07:43
@zeandave don't add it between the opening and closing h3 tags, add it after the closing h3 tag
Julia Hughan
@juleshughan
Oct 16 2016 07:43
when i fell into that bootstrap course my brain exploded a little
Jeramae Bohol
@jeramaedybohol
Oct 16 2016 07:43
@juleshughan yeah because bootstrap is a different beast than plain CSS
to understand bootstrap well, you must have a good grasp of classes and ids and CSS
Julia Hughan
@juleshughan
Oct 16 2016 07:44
yep
that's why i was like 'wtf?'
on that one challenge
zeandave
@zeandave
Oct 16 2016 07:45
@jeramaedybohol Cool. Thanks a lot
CamperBot
@camperbot
Oct 16 2016 07:45
zeandave sends brownie points to @jeramaedybohol :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @jeramaedybohol |http://www.freecodecamp.com/jeramaedybohol
Ndengue
@Ndengue
Oct 16 2016 07:53

int get_maximum(int size, int array[]){

int max = array[0];
//int s = array[1-size];

// int sub = array[s];
//int n;

for(int i=0; i <size; i++){

if (array[i] > max){

max = (array[i]);

 }

}

return max;}

Jeramae Bohol
@jeramaedybohol
Oct 16 2016 07:54
@Ndengue what's the problem here?
Julia Hughan
@juleshughan
Oct 16 2016 07:57
yep, charging through this round
not just completing
content is in my head
Felicity Liu
@FelicityRooting
Oct 16 2016 07:58
第二课的答案是啥啊
Benne23
@Benne23
Oct 16 2016 08:08
Hello! Can someone tell me if there is a bug in this challenge or if I'm just stupid and have done something wrong :). It looks like it returns a string with the first letters of every word capitalized.

function titleCase(str) {
var a = str.toLowerCase().split(" ");
var b;
var c = [];
for(var i = 0; i < a.length; i++)
{
b = a[i].charAt(0).toUpperCase() + a[i].slice(1);
c += b;
c += " ";
}
var d = c.split(" ").join(" ");
return d;
}

titleCase("HERE IS MY HANDLE HERE IS MY SPOUT");

the .split.join on the end is just to make sure it is a string
Marcellana
@Marcellana
Oct 16 2016 08:31
return fahrenheit= -22;
help please
CamperBot
@camperbot
Oct 16 2016 08:31
no wiki entry for: please
Marcellana
@Marcellana
Oct 16 2016 08:31
return fahrenheit= -22;