These are chat archives for FreeCodeCamp/Help

3rd
Mar 2017
LilBambi6428
@LilBambi6428
Mar 03 2017 00:03
Hey guys! anyone here willing to help me? :D
Chris Graziano
@cmgraz
Mar 03 2017 00:05

Hey all! 3 questions about my CSS using bootstrap here on CodePen:
https://codepen.io/cmgraz/pen/OpJZXb

  1. I have no idea why on codepen the text can get cut off at the bottom by the footer. Is this codepen issue, or may I end up with issues elsewhere? I've tried on a chrome and edge with no issue.
  2. When the page is shrunk from left to right, the social media icons at the bottom fall below the other column in the footer. This creates white space where the icons get lost. How would I expand the footer and keep the icons centered?
  3. Is there any way to vertically center the glyphicons here?

Thanks in advance for any help!

Manish Giri
@Manish-Giri
Mar 03 2017 00:05
@LilBambi6428 depends on the question!
RangaLM
@RangaLM
Mar 03 2017 00:05
hey
LilBambi6428
@LilBambi6428
Mar 03 2017 00:05
well i have a challenge on FCC that i cant seem to understand @Manish-Giri
Manish Giri
@Manish-Giri
Mar 03 2017 00:06
@LilBambi6428 which one?
LilBambi6428
@LilBambi6428
Mar 03 2017 00:06
its about bootstrat
"Your div element should have the class container-fluid.
Make sure your div element has a closing tag.
Make sure you have nested all HTML elements in .container-fluid."
these are my challenges @Manish-Giri
jesli1
@jesli1
Mar 03 2017 00:06
hi guys
thunderbuns
@thunderbuns
Mar 03 2017 00:06

function testSize(num) {
// Only change code below this line
if (num < 5)
{
return "tiny";
}
else if (num 10)
{
return "small"
}
else if (num < 15)
{
return "medium";
}
else if (num < 20)
{
return "huge";
}
else (num >= 20)
{
return "huge";
}
return "Change Me";
// Only change code above this line
}

// Change this value to test
testSize(7);
what is wrong with my "if else" statements?

LilBambi6428
@LilBambi6428
Mar 03 2017 00:06
  }

  h2 {
    font-family: Lobster, Monospace;
  }

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

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

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

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

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

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

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>
<form action="/submit-cat-photo">
  <label><input type="radio" name="indoor-outdoor"> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
  <label><input type="checkbox" name="personality"> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input type="checkbox" name="personality"> Crazy</label>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
jesli1
@jesli1
Mar 03 2017 00:06
can you help me with lvl 29
Manish Giri
@Manish-Giri
Mar 03 2017 00:06

@LilBambi6428 create a new div, give it the class container-fluid, and put all your html inside it

<div class="container-fluid">
//all html here
</div>

HTML is all code below the closing </style> tag

LilBambi6428
@LilBambi6428
Mar 03 2017 00:07
so do i put everything in the <div class="container-fluid">?
oh
Manish Giri
@Manish-Giri
Mar 03 2017 00:07
yes
that's what nesting means
LilBambi6428
@LilBambi6428
Mar 03 2017 00:07
THanks @Manish-Giri
CamperBot
@camperbot
Mar 03 2017 00:07
lilbambi6428 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4552 | @manish-giri |http://www.freecodecamp.com/manish-giri
Chris Graziano
@cmgraz
Mar 03 2017 00:07
Hey @Manish-Giri Let me know if you get a chance to look at my codePen and have any insight on to where I may have some errors.
LilBambi6428
@LilBambi6428
Mar 03 2017 00:07
That makes more sense. Thanks so much
Manish Giri
@Manish-Giri
Mar 03 2017 00:07
@cmgraz okay
jesli1
@jesli1
Mar 03 2017 00:08
guys?
Chris Graziano
@cmgraz
Mar 03 2017 00:08
@Manish-Giri I tried to clearly list out the few errors I seem to be running into now. I appreciate you looking into it.
jesli1
@jesli1
Mar 03 2017 00:08
who can help me finish lvl 29?
Jacoby Clarke
@Jacobycodes18
Mar 03 2017 00:08
@jesli1 what you got?
jesli1
@jesli1
Mar 03 2017 00:08
i need to go lvl100 it`s our exam on ICT :(
LilBambi6428
@LilBambi6428
Mar 03 2017 00:08
@Manish-Giri would you mind if i added you in case of needing your knowledge again?
jesli1
@jesli1
Mar 03 2017 00:09
@Jacobycodes18 jacob?
Jacoby Clarke
@Jacobycodes18
Mar 03 2017 00:09
@jesli1 let's see the code
Vertigon90
@Vertigon90
Mar 03 2017 00:09
How do I nest a text input element within a form element?
Firuz Shoev
@FiruzShoev
Mar 03 2017 00:10
@cmgraz removing position: absolute seems to solve your first problem
Manish Giri
@Manish-Giri
Mar 03 2017 00:10
@cmgraz your text is getting cut off by the footer because of position: absolute
jesli1
@jesli1
Mar 03 2017 00:10
@Jacobycodes18 can you please boost me?
to lvl100
Manish Giri
@Manish-Giri
Mar 03 2017 00:10
@LilBambi6428 sure thing, feel free!!
ahilerio3
@ahilerio3
Mar 03 2017 00:10
hey im trying to give a background color to a div elemtn can you help me out?
am i supposed to put a style element inside my div element?
Jacoby Clarke
@Jacobycodes18
Mar 03 2017 00:11
@jesli1 i don't think that's allowed
jesli1
@jesli1
Mar 03 2017 00:11
@Jacobycodes18 its okay please because im gonna pass it today
Chris Graziano
@cmgraz
Mar 03 2017 00:11
@firuzshoev @Manish-Giri interesting. Why does this not seem to be an issue when running outside of codepen, even with position: absolute;
Jacoby Clarke
@Jacobycodes18
Mar 03 2017 00:12
@jesli1 what exactly do you want me to do?
Fieora
@Fieora
Mar 03 2017 00:12
@cmgraz Hey I checked out your code, all you have to do is take out position:aboslute;
oh, just posted lol
Manish Giri
@Manish-Giri
Mar 03 2017 00:12
@cmgraz If you remove the positioning, it solves your #3 too..
jesli1
@jesli1
Mar 03 2017 00:12
@Jacobycodes18 uhm what lvl are you now?
keepingupwithsar
@keepingupwithsar
Mar 03 2017 00:12
can anyone help me with changing the font size of an element.
Fieora
@Fieora
Mar 03 2017 00:12
position absolute means that it will always be the size you specified, regardless of the screen
Eliphas33
@Eliphas33
Mar 03 2017 00:12
Emphasize the text in your target4 button by adding HTML tags.
jesli1
@jesli1
Mar 03 2017 00:12
@Jacobycodes18 if you`re lvl 100 i can give to you my gmail and pass so you can boost me
Chris Graziano
@cmgraz
Mar 03 2017 00:13
@Manish-Giri What class am I moving the position from for the glyphicons?
Eliphas33
@Eliphas33
Mar 03 2017 00:13
??
Jacoby Clarke
@Jacobycodes18
Mar 03 2017 00:13
@jesli1 i'm on 80
Eliphas33
@Eliphas33
Mar 03 2017 00:13
I dont know where i went wrong
Emphasize the text in your target4 button by adding HTML tags.
Manish Giri
@Manish-Giri
Mar 03 2017 00:13
@cmgraz I meant if you remove the position: absolute, the glyphicons seem vertically centered..
Chris Graziano
@cmgraz
Mar 03 2017 00:13
@Fieora But how come keeping position:aboslute; doesn't cause issues running on browsers outside of codePne?
jesli1
@jesli1
Mar 03 2017 00:13
@Jacobycodes18 you have FB?
Firuz Shoev
@FiruzShoev
Mar 03 2017 00:13
@Eliphas33 what have you tried?
jesli1
@jesli1
Mar 03 2017 00:13
@Jacobycodes18 so we can PM each other
Chris Graziano
@cmgraz
Mar 03 2017 00:14
@Manish-Giri The big orange ones in the body? I'm not seeing that when I take out position absoulte
Jacoby Clarke
@Jacobycodes18
Mar 03 2017 00:14
@jesli1 yes pm me
ahilerio3
@ahilerio3
Mar 03 2017 00:14
hey can someone help me out??
jesli1
@jesli1
Mar 03 2017 00:14
@Jacobycodes18 give me your FB name ill add you
ahilerio3
@ahilerio3
Mar 03 2017 00:14
@ahilerio3
hey im trying to give a background color to a div elemtn can you help me out?
am i supposed to put a style element inside my div element?
Jacoby Clarke
@Jacobycodes18
Mar 03 2017 00:15
@ahilerio3 no
ahilerio3
@ahilerio3
Mar 03 2017 00:16
then what do i do ?
@Jacobycodes18
Jacoby Clarke
@Jacobycodes18
Mar 03 2017 00:16
the style emement should be above the <div> @ahilerio3
jesli1
@jesli1
Mar 03 2017 00:16
@Jacobycodes18 ill just pm you so i can give you my gmail and pass
@Jacobycodes18 so you can boost me to lvl 80
Chris Graziano
@cmgraz
Mar 03 2017 00:16
Oh no, very weird @Manish-Giri @firuzshoev @Fieora . If I take out position absolute, the footer is no longer stuck to the bottom in a standard web browser
jesli1
@jesli1
Mar 03 2017 00:16
@Jacobycodes18 please
Jacoby Clarke
@Jacobycodes18
Mar 03 2017 00:16
Pm me on here @jesli1
ahilerio3
@ahilerio3
Mar 03 2017 00:16
i tried that tho and it didnt work @Jacobycodes18
Fieora
@Fieora
Mar 03 2017 00:17
@cmgraz probably because of the float: left
Jacoby Clarke
@Jacobycodes18
Mar 03 2017 00:17
@ahilerio3 <style>
Chris Graziano
@cmgraz
Mar 03 2017 00:17
@Fieora Why would float left impact the margin under the footer?
ahilerio3
@ahilerio3
Mar 03 2017 00:18
like this? <style> .silver-background {background-color: silver;} </style> @Jacobycodes18
TippyStatue9
@TippyStatue9
Mar 03 2017 00:18

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

<div class="container-fluid">
  <h2 class="red-text text-center">CatPhotoApp</h2>

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

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

  <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">
  <button class="btn btn-block btn-primary">Like</button>
  <button class="btn btn-block btn-info">Info</button>
  <button class="btn btn-block btn-danger">Delete</button>
  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  <form action="/submit-cat-photo">
    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
    <label><input type="checkbox" name="personality"> Loving</label>
    <label><input type="checkbox" name="personality"> Lazy</label>
    <label><input type="checkbox" name="personality"> Crazy</label>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</div>
Fieora
@Fieora
Mar 03 2017 00:18
@cmgraz because float left will put it to the left of anything else in the container
Jacoby Clarke
@Jacobycodes18
Mar 03 2017 00:19
@ahilerio3 what number are you on?
Fieora
@Fieora
Mar 03 2017 00:19
@cmgraz and the contact links are float right, in the same container
ahilerio3
@ahilerio3
Mar 03 2017 00:19
@Jacobycodes18 39
Jacoby Clarke
@Jacobycodes18
Mar 03 2017 00:19
ahh
Chris Graziano
@cmgraz
Mar 03 2017 00:19
@Fieora Are you referring to when the screen is collapsed on itself, or the position:absolute issue?
Fieora
@Fieora
Mar 03 2017 00:20
@cmgraz the position:absolute
Jacoby Clarke
@Jacobycodes18
Mar 03 2017 00:20
@ahilerio3 did you add the .silver-background tag to the element?
tag=class @ahilerio3
ahilerio3
@ahilerio3
Mar 03 2017 00:20

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

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

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

thats my code now
@Jacobycodes18
Chris Graziano
@cmgraz
Mar 03 2017 00:21

If I remove position absolute and both floats, there is still a white gap under the footer. I'm still not sure I see the connection.

Either way, according to the boostrap doc, if you want a sticky footer, you use position: absolute.

Kode Bae
@kodebae
Mar 03 2017 00:22
I need help with JavaScript
Jacoby Clarke
@Jacobycodes18
Mar 03 2017 00:22
@ahilerio3 add a class to the <div>
Kode Bae
@kodebae
Mar 03 2017 00:22

// Initialize these three variables
var a = 5;
var b = 10;
var c = "I am a string";

// Do not change code below this line

a = a + 1;
b = b + 5;
c = c + " String!";

c should not contain undefined and should have a value of "I am a String!"
What's wrong with it?
Jacoby Clarke
@Jacobycodes18
Mar 03 2017 00:23
@ahilerio3 like: <div class="silver-background">
Coy Sanders
@coymeetsworld
Mar 03 2017 00:23
@karmendurbin c now says I am a string String!;
Firuz Shoev
@FiruzShoev
Mar 03 2017 00:23
@cmgraz I checked and the gap appears on smaller screens even with position: absolute
Coy Sanders
@coymeetsworld
Mar 03 2017 00:24
need to fix how you initialize c so it only says I am a String!
Kode Bae
@kodebae
Mar 03 2017 00:24
@coymeetsworld thank you so much. Do you have any advice on the best way to learn this?
CamperBot
@camperbot
Mar 03 2017 00:24
karmendurbin sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2259 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
ahilerio3
@ahilerio3
Mar 03 2017 00:24
@Jacobycodes18 but it didnt turn my background silver
Coy Sanders
@coymeetsworld
Mar 03 2017 00:25
learn JavaScript @karmendurbin ?
Chris Graziano
@cmgraz
Mar 03 2017 00:25
@firuzshoev So how do I enter the text so that the footer grows as the text must be wrapped?
Kode Bae
@kodebae
Mar 03 2017 00:25
@coymeetsworld yes Java
Coy Sanders
@coymeetsworld
Mar 03 2017 00:25
its JavaScript, Java actually is a much diff language
going through FCC is a good intro
Chris Graziano
@cmgraz
Mar 03 2017 00:25
@firuzshoev Because removing position absolute, there is a white gap below the footer immediately
Kode Bae
@kodebae
Mar 03 2017 00:26
@coymeetsworld I just realized that. Thank you. I know I should have typed JavaScript
CamperBot
@camperbot
Mar 03 2017 00:26
karmendurbin sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:warning: karmendurbin already gave coymeetsworld points
Jacoby Clarke
@Jacobycodes18
Mar 03 2017 00:26
@ahilerio3 Did you add this to the <style> .silver-background {background-color: silver;}
Coy Sanders
@coymeetsworld
Mar 03 2017 00:26
I would tackle that, theres other books/challenges you can try online later too
but FCC is good enough I think to start out with for now
Kode Bae
@kodebae
Mar 03 2017 00:26
@coymeetsworld thank you. What did you use?
CamperBot
@camperbot
Mar 03 2017 00:26
karmendurbin sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:warning: karmendurbin already gave coymeetsworld points
ahilerio3
@ahilerio3
Mar 03 2017 00:27
@Jacobycodes18 oh i had a spelling error thank you !
CamperBot
@camperbot
Mar 03 2017 00:27
ahilerio3 sends brownie points to @jacobycodes18 :sparkles: :thumbsup: :sparkles:
:warning: @jacobycodes18's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Coy Sanders
@coymeetsworld
Mar 03 2017 00:27
I used this, read through parts of Speaking JavaScript, some Codeschool videos when it was free for a weekend, @karmendurbin
Jacoby Clarke
@Jacobycodes18
Mar 03 2017 00:27
@ahilerio3 you are welcome!
Coy Sanders
@coymeetsworld
Mar 03 2017 00:28
funfunfunction channel on youtube for functional programming
Kode Bae
@kodebae
Mar 03 2017 00:28
@coymeetsworld thank you for sharing. I am a bit confused but I'm hoping that once I get further into this book that I have it will make more sense.
CamperBot
@camperbot
Mar 03 2017 00:28
karmendurbin sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:warning: karmendurbin already gave coymeetsworld points
Coy Sanders
@coymeetsworld
Mar 03 2017 00:28
various other links depending on what i was looking for
what book are you reading?
Kode Bae
@kodebae
Mar 03 2017 00:29
@coymeetsworld I'll check that out! I love YT videos. Thanks!
CamperBot
@camperbot
Mar 03 2017 00:29
karmendurbin sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:warning: karmendurbin already gave coymeetsworld points
Chris Graziano
@cmgraz
Mar 03 2017 00:29
@firuzshoev Yes, but there's a difference between codepen and say google chrome. Position:absolute; eliminates the gap on chrome and it only shows up when it's shrunk down. If you don't have position:absolute; you h ave a gap immediately.
Kode Bae
@kodebae
Mar 03 2017 00:29
@coymeetsworld I'll share the link http://eloquentjavascript.net/01_values.html
Coy Sanders
@coymeetsworld
Mar 03 2017 00:29
yes heard thats a good one too, not sure when ill have time to read it
also heard you don't know JS is good
Firuz Shoev
@FiruzShoev
Mar 03 2017 00:30
@cmgraz oh, I accidentally deleted my message :worried:
@cmgraz I think there should be another way
Kode Bae
@kodebae
Mar 03 2017 00:31
@coymeetsworld okay. I'll have to find that one on Amazon or something
Coy Sanders
@coymeetsworld
Mar 03 2017 00:31
i think its free
Kode Bae
@kodebae
Mar 03 2017 00:32
@coymeetsworld oh okay! Awesome! Thanks for the link!
CamperBot
@camperbot
Mar 03 2017 00:33
karmendurbin sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:warning: karmendurbin already gave coymeetsworld points
Coy Sanders
@coymeetsworld
Mar 03 2017 00:33
no problem
Julia D
@juliadealt28
Mar 03 2017 00:33

Hey guys, trying to figure out why my <div class="well" > isn't working on HTML - I added Bootstrap on the CSS settings. Here's my code:

<div class="container-fluid" id="top-section">
<div class="row">
<div class="col-md-2">
<div class="well">
</div>
</div>
<div class="col-md-8">
<div class="well">
<h1 class="text-center">Marcus Aurelius</h1>
<img class="smaller-image img-responsive thin-grey-border" src="http://s3.amazonaws.com/armstrongeconomics-wp/2012/03/marcus-aurelius-bust-e1357825298942.jpg" alt="Marcus Aurelius Bust">

<div class="col-md-2">
</div>
</div>
</div>
</div>
</div>

Timothy Nwachukwu
@codertim17
Mar 03 2017 00:34
help how do I give the text input in your form the class form-control
this is what I have
V
<form action="/submit-cat-photo">
<div class="row">
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
</div>
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
</div>
</div>
<div class="row">
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Loving</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Lazy</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Crazy</label>
</div>
</div>
<input type="text form-control" placeholder="cat photo URL" required class="form-control">
<button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i>Submit</button>
</form>
jesli1
@jesli1
Mar 03 2017 00:34
guys
how to set an id element
__mifflin__
@cdrainxv
Mar 03 2017 00:35
Why do you have the class in the type attribute as well?
<input type="text form-control" placeholder="cat photo URL" required class="form-control">?
@codertim17
Kode Bae
@kodebae
Mar 03 2017 00:36
@coymeetsworld 🙂
Fieora
@Fieora
Mar 03 2017 00:36
@juliadealt28 which well div isn't working, the first or the second?
Julia D
@juliadealt28
Mar 03 2017 00:36
@Fieora neither!
Timothy Nwachukwu
@codertim17
Mar 03 2017 00:36
@cdrainxv thanks
CamperBot
@camperbot
Mar 03 2017 00:36
codertim17 sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 2359 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Fieora
@Fieora
Mar 03 2017 00:37
@juliadealt28 what are you expecting it to do?
Timothy Nwachukwu
@codertim17
Mar 03 2017 00:38
@cdrainxv at first I thought I had to put it in the type att I didn't notice I still had it in the type attribute thanks again
CamperBot
@camperbot
Mar 03 2017 00:38
codertim17 sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:warning: codertim17 already gave cdrainxv points
Julia D
@juliadealt28
Mar 03 2017 00:38
in the tutorial it showed the well created columns that were visible - almost like container boxes - does that make sense
i want it to look like a rectangular-shaped background for whatever text i put in it @Fieora
Fieora
@Fieora
Mar 03 2017 00:40
@juliadealt28 did you set a size for the div in the css?
Julia D
@juliadealt28
Mar 03 2017 00:41

@Fieora ah, nope! how would that look like?
I did the following on the html section

<div class="row">
<div class="col-md-2">
<div class="well">
</div>
</div>
</div>

**of codepen
ahilerio3
@ahilerio3
Mar 03 2017 00:42

im trrying to set and id to my form element would i do it at the top of my element ?

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

Fieora
@Fieora
Mar 03 2017 00:42
@juliadealt28 can you link the editor then?
Jon Brandwein
@jdb409
Mar 03 2017 00:42

Hey, can anyone help me with tic taco toe? I've just started programming a very basic comp AI to go in random boxes that are empty. It prints the O to the screen, but i doesn't always store the value into my array. Any idea why?

 function compAI() {
  var spot = Math.floor(Math.random() * (9 - 1)) + 1;
  if ($("#box" + spot).is(":empty")) {
    $("#box" + spot).html("<h1>O</h1>");
    return "box" + spot;
  } 
  else
    compAI();
}

var counter = false;
$("document").ready(function() {
  $("#board, #xOro").hide();

  var xWin = [];
  var oWin = [];
  $("#one").click(function() {
    $("#header").hide();
    $("#board").show();

    $("td").off("click").click(function(element) {
      $(this).html("<h1>X</h1>");
      xWin.push(element.target.id);
      var num = compAI();
      oWin.push(num);
      console.log("oWin: " + oWin);

_

Julia D
@juliadealt28
Mar 03 2017 00:42
@Fieora can you access it?
Fieora
@Fieora
Mar 03 2017 00:43
@juliadealt28 thanks, yeah it just clones it
CamperBot
@camperbot
Mar 03 2017 00:43
fieora sends brownie points to @juliadealt28 :sparkles: :thumbsup: :sparkles:
:cookie: 118 | @juliadealt28 |http://www.freecodecamp.com/juliadealt28
Wilson
@inocencio80
Mar 03 2017 00:43
Hello, i´trying to doing this part //Style Text Inputs as Form Controls// and i don´t know how to solve this...(Give the text input in your form the class form-control. ) <form action="/submit-cat-photo">
<div class="row">
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
</div>
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
</div>
</div>
<div class="row">
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Loving</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Lazy</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Crazy</label>
</div>
</div>
<input type="text" placeholder="cat photo URL" required>
<button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i>Submit</button>
</form>
</div>
ahilerio3
@ahilerio3
Mar 03 2017 00:44

im trrying to set and id to my form element would i do it at the top of my element ?

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

nvm
loadingLizard
@loadingLizard
Mar 03 2017 00:48
Can some please explain to me how to nest the anchor element in a paragraph? I've been trying to do it like this
__mifflin__
@cdrainxv
Mar 03 2017 00:49
@inocencio80: This: <input type="text" placeholder="cat photo URL" required> is your text input element. Add a form-control class to it.
loadingLizard
@loadingLizard
Mar 03 2017 00:49
ok, thanks
Firuz Shoev
@FiruzShoev
Mar 03 2017 00:50
@loadingLizard href is an attribute, so it can't be used outside of a tag
Wilson
@inocencio80
Mar 03 2017 00:50
Thank you..
@cdrainxv :+1:
Michael Ray
@raym08
Mar 03 2017 00:53
Hey all, I'm just about finished with my tribute page with all user stories fulfilled, I was wondering if anyone would mind checking out the page and making any style recommendations?
ChiFutbol
@ChiFutbol
Mar 03 2017 00:56
Is anyone able to help me with some C++?
GoogleOrMicrosoft
@GoogleOrMicrosoft
Mar 03 2017 00:57

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

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

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

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

<div>
<div class="silver-backround">
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
</div>
help how do i do the div class and add the silver backround

wittegg
@wittegg
Mar 03 2017 00:58
In this line of code,
$("#target1").prop("disabled", true);
Susannah Simon
@SusannahSimon
Mar 03 2017 00:58
@GoogleOrMicrosoft Hey, the class is misspelt in the dic
Michael Ray
@raym08
Mar 03 2017 00:58
i think the css part is not contained in div{}
Susannah Simon
@SusannahSimon
Mar 03 2017 00:58
div*
wittegg
@wittegg
Mar 03 2017 00:59
why do I have to say true? like, why isnt it just "disabled" and im done with it
Susannah Simon
@SusannahSimon
Mar 03 2017 00:59
@GoogleOrMicrosoft <div class="silver-backround">
GoogleOrMicrosoft
@GoogleOrMicrosoft
Mar 03 2017 01:00
no its right
its background
Coy Sanders
@coymeetsworld
Mar 03 2017 01:01
it is not
also the style is wrong, you don't specify div
GoogleOrMicrosoft
@GoogleOrMicrosoft
Mar 03 2017 01:01
explain
Coy Sanders
@coymeetsworld
Mar 03 2017 01:01
you're just creating a class called silver-background
CamperBot
@camperbot
Mar 03 2017 01:01

freeCodeCamp Wiki:

:point_right: The freeCodeCamp wiki can be found on our forum.
Please follow the link and search there.
Lucas Scalzo
@Lu314
Mar 03 2017 01:01
I need help
Coy Sanders
@coymeetsworld
Mar 03 2017 01:01
silver-backround that's spelled wrong?
its background
GoogleOrMicrosoft
@GoogleOrMicrosoft
Mar 03 2017 01:01
yes
Lucas Scalzo
@Lu314
Mar 03 2017 01:01
in the javascript part
GoogleOrMicrosoft
@GoogleOrMicrosoft
Mar 03 2017 01:01
its background
Lucas Scalzo
@Lu314
Mar 03 2017 01:01

// Initialize these three variables
var a;6
var b;10
var c;"I am a"

// Do not change code below this line

a = a + 1;
b = b + 5;
c = c + " String!";

Coy Sanders
@coymeetsworld
Mar 03 2017 01:01
yes, so you need to fix it
GoogleOrMicrosoft
@GoogleOrMicrosoft
Mar 03 2017 01:02
thats what i said
still nothing
__mifflin__
@cdrainxv
Mar 03 2017 01:02
div {
.silver-background
background-color: silver;
}
is wrong css syntax. Use the silver-background class as the css selector.
Coy Sanders
@coymeetsworld
Mar 03 2017 01:02
style is still wrong also
Susannah Simon
@SusannahSimon
Mar 03 2017 01:02
it should be .silver-background{ / your code/ }
GoogleOrMicrosoft
@GoogleOrMicrosoft
Mar 03 2017 01:03
?
Coy Sanders
@coymeetsworld
Mar 03 2017 01:03
yep
GoogleOrMicrosoft
@GoogleOrMicrosoft
Mar 03 2017 01:03
what do i input
Darthjarjardotcom
@Darthjarjardotcom
Mar 03 2017 01:03

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

<div class="container-fluid">
<p>Click here for <a href="#">cat photos</a>.</p>

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

<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</div>

whats wrong with it
Coy Sanders
@coymeetsworld
Mar 03 2017 01:03
your div isn't nesting all your html
Lucas Scalzo
@Lu314
Mar 03 2017 01:03
never mind I figure it out
GoogleOrMicrosoft
@GoogleOrMicrosoft
Mar 03 2017 01:03
you forgot the div
Coy Sanders
@coymeetsworld
Mar 03 2017 01:03
h2 element needs to be nested too
no div is there, just in wrong spot
Darthjarjardotcom
@Darthjarjardotcom
Mar 03 2017 01:04
i really appreciate it
GoogleOrMicrosoft
@GoogleOrMicrosoft
Mar 03 2017 01:05

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

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

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

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

<div>
<div class="silver-background">
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</

still
__mifflin__
@cdrainxv
Mar 03 2017 01:05
@Lu314: You should know how to declare and initialize variables. Look at the examples on the left. All you need is the var keyword, the assignment operator =, the value you want to assign to the variable, and a ; to end the statement. Ex:
var x = "I am a value";
Lucas Scalzo
@Lu314
Mar 03 2017 01:05
@cdrainxv yea I got it now
__mifflin__
@cdrainxv
Mar 03 2017 01:06
@GoogleOrMicrosoft: :point_up: March 2, 2017 6:02 PM
Lucas Scalzo
@Lu314
Mar 03 2017 01:06
@cdrainxv just new to the syntax in JS
__mifflin__
@cdrainxv
Mar 03 2017 01:06
:+1:
Keerthiikeerthika
@Keerthiikeerthika
Mar 03 2017 01:07
HI guys am new to this forum
GoogleOrMicrosoft
@GoogleOrMicrosoft
Mar 03 2017 01:07
yeah but whats the value wasnt taught that yet
Darthjarjardotcom
@Darthjarjardotcom
Mar 03 2017 01:07
what is good dude we will help
Alexx Martínez
@AlexxMart
Mar 03 2017 01:08
hey, I'm stuck in an excersice that says "Use Hex Code to Mix Colors". I'm doing exactly what the instruction says and is not letting me go through.
Darthjarjardotcom
@Darthjarjardotcom
Mar 03 2017 01:08
whats the code
GoogleOrMicrosoft
@GoogleOrMicrosoft
Mar 03 2017 01:08

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

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

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

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

<div>
<div class="silver-background">
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</

Darthjarjardotcom
@Darthjarjardotcom
Mar 03 2017 01:08
you put in
Alexx Martínez
@AlexxMart
Mar 03 2017 01:08
i'm changing the color's name to their correspondent hex code
Coy Sanders
@coymeetsworld
Mar 03 2017 01:08
@GoogleOrMicrosoft nothing new here
youre creating a class, and assigning that class to an element
you're overcomplicating it
dont need another div tag, and you don't specify div in your style
Darthjarjardotcom
@Darthjarjardotcom
Mar 03 2017 01:09
@GoogleOrMicrosoft i ahve figured it out, we should try and help alexx
mitron6
@mitron6
Mar 03 2017 01:09
@GoogleOrMicrosoft
<style> {
  .silver-background  {...}
}
</style>
<div class="silver-background" ...
@GoogleOrMicrosoft The example is the same thing that @coymeetsworld said, by the way.
Arturo
@arturtle
Mar 03 2017 01:10
hello guys!
GoogleOrMicrosoft
@GoogleOrMicrosoft
Mar 03 2017 01:10
?
Arturo
@arturtle
Mar 03 2017 01:10
I have a quick question
mitron6
@mitron6
Mar 03 2017 01:11
@GoogleOrMicrosoft The question mark suggests you don't understand but gives us no clue how to help.
Coy Sanders
@coymeetsworld
Mar 03 2017 01:11
@mitron6 thats not the right code either
style is html
Arturo
@arturtle
Mar 03 2017 01:11
I'm working on adding icons to the like button, but when I insert the code the icon is too close to the words. can you guys give me a hand?
Coy Sanders
@coymeetsworld
Mar 03 2017 01:11
<style>
.silver-background {

}
</style>
Arturo
@arturtle
Mar 03 2017 01:11
my code:
Coy Sanders
@coymeetsworld
Mar 03 2017 01:12
anyways off to walk the dog bbl
mitron6
@mitron6
Mar 03 2017 01:12
@coymeetsworld looks ok to me.... (after fast secret edit)...
@coymeetsworld Good catch.
ŇΔҜΣĐᄿ|⌥ Funny Boi ⛺❤
@MyBoyNaked
Mar 03 2017 01:12
Can someone help me with adding lobster into my code
Import the Lobster font.
Your h2 element should use the font Lobster.
Firuz Shoev
@FiruzShoev
Mar 03 2017 01:13
just add space Arturo
ŇΔҜΣĐᄿ|⌥ Funny Boi ⛺❤
@MyBoyNaked
Mar 03 2017 01:13
My Code---

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

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

</style>

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

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

Anyone?
Arturo
@arturtle
Mar 03 2017 01:13
<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 class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up">Like</i></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>
mitron6
@mitron6
Mar 03 2017 01:15

@MyBoyNaked

Copy the following code snippet and paste it into the top of your code editor:

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

BrandonR777
@BrandonR777
Mar 03 2017 01:15
@arturtle
<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 class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up">Like</i></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>
hola
mitron6
@mitron6
Mar 03 2017 01:15
@MyBoyNaked After that you specify the font-family as Lobster.
ŇΔҜΣĐᄿ|⌥ Funny Boi ⛺❤
@MyBoyNaked
Mar 03 2017 01:15
@mitron6 Thank you, do mind explain it to me though i dont wanna just copy your code
CamperBot
@camperbot
Mar 03 2017 01:15
myboynaked sends brownie points to @mitron6 :sparkles: :thumbsup: :sparkles:
:cookie: 546 | @mitron6 |http://www.freecodecamp.com/mitron6
Arturo
@arturtle
Mar 03 2017 01:16
@BrandonR777
Thank You!
CamperBot
@camperbot
Mar 03 2017 01:16
arturtle sends brownie points to @brandonr777 :sparkles: :thumbsup: :sparkles:
:warning: @brandonr777's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
mitron6
@mitron6
Mar 03 2017 01:16
@MyBoyNaked I just copied the instructions form the exercise.
ŇΔҜΣĐᄿ|⌥ Funny Boi ⛺❤
@MyBoyNaked
Mar 03 2017 01:16
Lmao Thanks
mitron6
@mitron6
Mar 03 2017 01:16
@MyBoyNaked At this point, <link> element is not explained. The exercise just tells you to use it.
ŇΔҜΣĐᄿ|⌥ Funny Boi ⛺❤
@MyBoyNaked
Mar 03 2017 01:17
Yeah i dont like it
stsr
started coding this week
mitron6
@mitron6
Mar 03 2017 01:18
@MyBoyNaked It is easier to just follow the instructions and watch what happens than to try to understand all the details at first.
Chris
@Cod3Blaq
Mar 03 2017 01:19
Hello peeps...Brand new to coding.
mitron6
@mitron6
Mar 03 2017 01:19
@Cod3Blaq Hi Chris
ŇΔҜΣĐᄿ|⌥ Funny Boi ⛺❤
@MyBoyNaked
Mar 03 2017 01:19
@mitron6 Okay ill try
Chris
@Cod3Blaq
Mar 03 2017 01:19
hey
mitron6
@mitron6
Mar 03 2017 01:19
@GoogleOrMicrosoft You figured it out?
Chris
@Cod3Blaq
Mar 03 2017 01:20
trying to figure out this style element dilemma.
ŇΔҜΣĐᄿ|⌥ Funny Boi ⛺❤
@MyBoyNaked
Mar 03 2017 01:20
@mitron6 Uhh another question how would i add lobster family into code
<h2> Lobster-Family</h2>
?
Mitchell Wise
@Mitchellswise
Mar 03 2017 01:21
Give the text input in your form the class form-control.
bootstrap
need help
ŇΔҜΣĐᄿ|⌥ Funny Boi ⛺❤
@MyBoyNaked
Mar 03 2017 01:22
Will do
mitron6
@mitron6
Mar 03 2017 01:23
@Cod3Blaq Do you need help on your style element dilemma?
Chris
@Cod3Blaq
Mar 03 2017 01:24
@mitron6 yes please. I'm not sure what I'm doing wrong
mitron6
@mitron6
Mar 03 2017 01:24
@Cod3Blaq What is the name of the exercise?
Chris
@Cod3Blaq
Mar 03 2017 01:26
@mitron6 Use CSS Selectors to Style Elements
mitron6
@mitron6
Mar 03 2017 01:26
@Cod3Blaq So what is the problem? What isn't working?
Chris
@Cod3Blaq
Mar 03 2017 01:27

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

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

not too sure. lol
Darthjarjardotcom
@Darthjarjardotcom
Mar 03 2017 01:27
question: about how long does it take to finish the front end development course?
mitron6
@mitron6
Mar 03 2017 01:27
@Cod3Blaq h2 does goes after the </style>
@Cod3Blaq Also it is supposed to be <h2>CatPhotoApp</h2> . You're missing the P
Chris
@Cod3Blaq
Mar 03 2017 01:29
lol
Lucas Scalzo
@Lu314
Mar 03 2017 01:30
who else is on the javascript section??
@Darthjarjardotcom it should take a few weeks for the front end part
mitron6
@mitron6
Mar 03 2017 01:30

@Cod3Blaq Also the style is just a little off. See the example in the instructions.

<style> 
  h2 { ...}
</style>
<h2>...</h2>

If you take a look at the examples in the instructions one more time, you might see the solutions.

Gabo22
@Gabo22
Mar 03 2017 01:32

I have problem with that <style>
h2 {color: 0000FF;}
</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>

the color supposed to be blue
mitron6
@mitron6
Mar 03 2017 01:33
@Gabo22 put a #before 0000FF
Gabo22
@Gabo22
Mar 03 2017 01:34
I put now
but still in red
Margaret
@Margaret2
Mar 03 2017 01:34
@Gabo22 also why do you have h2 { in your CSS if you have no <h2> in your code
Jeff
@Garanimal
Mar 03 2017 01:34
@lu314 I am
Margaret
@Margaret2
Mar 03 2017 01:34
what element are you trying to target
mitron6
@mitron6
Mar 03 2017 01:35
@Gabo22 In other words, what is supposed to be blue?
Gabo22
@Gabo22
Mar 03 2017 01:35
h2
mitron6
@mitron6
Mar 03 2017 01:35
@Gabo22 But there is no h2 there.
Jeff
@Garanimal
Mar 03 2017 01:35
@Lu314 I just finished the profile lookup challenge
mitron6
@mitron6
Mar 03 2017 01:36
@Gabo22 You only have a <p> in your code.
@Gabo22 If you want to see blue, you need <h2>Something</h2>
Lucas Scalzo
@Lu314
Mar 03 2017 01:36
@Garanimal I need help with the increment a number part on JS
Jeff
@Garanimal
Mar 03 2017 01:37
Sure
Gabo22
@Gabo22
Mar 03 2017 01:37
Perfect one second @mitron6 and thanks
CamperBot
@camperbot
Mar 03 2017 01:37
gabo22 sends brownie points to @mitron6 :sparkles: :thumbsup: :sparkles:
:cookie: 547 | @mitron6 |http://www.freecodecamp.com/mitron6
Jeff
@Garanimal
Mar 03 2017 01:37
@Lu314 which variable do you want to increment?

@Lu314 If i had

var increment=92;

increment++;

would just return 93

Lucas Scalzo
@Lu314
Mar 03 2017 01:38

var myVar = 87;

// Only change code below this line
myVar = myVar + 1;

@Garanimal Im having trouble with the syntax
Jeff
@Garanimal
Mar 03 2017 01:39
@Lu314 you need to use the ++ operator
Lucas Scalzo
@Lu314
Mar 03 2017 01:39
@Garanimal right Im putting 87++;
but its wrong
Jeff
@Garanimal
Mar 03 2017 01:39
@Lu314 do you want to increment the number 87?
Lucas Scalzo
@Lu314
Mar 03 2017 01:39
yes
Jeff
@Garanimal
Mar 03 2017 01:40
@Lu314 no, you want to increment the variable that is set equal to 87, not the value itself
Lucas Scalzo
@Lu314
Mar 03 2017 01:41

@Garanimal var myVar = 87;

// Only change code below this line
myVar = myVar + 1;

so its 86++;
__mifflin__
@cdrainxv
Mar 03 2017 01:42
You want to increment the myVar variable.
myVar = myVar + 1; is the same as myVar++;
ahilerio3
@ahilerio3
Mar 03 2017 01:43

hey guys im having some trouble giving my body element the color of green and then haveing my h1 elemnt inherit the color green from my body element this is my code so far

<style>
body {
background-color: green;
font-family:monospace;
}
h1 {font-family:monospace;
}
</style>

<h1>Hello world</h1>

__mifflin__
@cdrainxv
Mar 03 2017 01:43
@ahilerio3: color is not the same as background-color.
ahilerio3
@ahilerio3
Mar 03 2017 01:44
so its just color?
__mifflin__
@cdrainxv
Mar 03 2017 01:45
The color affects the color of font. background-color affects the background-color of element.
ahilerio3
@ahilerio3
Mar 03 2017 01:45
i got it thank you ! @cdrainxv
CamperBot
@camperbot
Mar 03 2017 01:45
ahilerio3 sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 2360 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Jared
@jaychampa
Mar 03 2017 01:49
How can give the same font size to different p's?
Jeff
@Garanimal
Mar 03 2017 01:50
create a class for your p's in the <style> element
vanessamuller
@vanessamuller
Mar 03 2017 01:50
hey guys can smeone help me I'm trying to solve one of the intermediate algorithms but I don't know what's wrong with my coed
code

function sumAll(arr) {
var max =Math.max.apply(null, arr);
var min = Math.min.apply(null,arr);
var nums = [];
for(var i=min; i<=max; i++){
nums.push(i);
}

nums.reduce(
function (
accumulator,
currentValue,
currentIndex,
array
) {
return accumulator + currentValue;
}
);
}

sumAll([1, 4]);

Jeff
@Garanimal
Mar 03 2017 01:51
<style>
p {
font-family:whatever
}
</style>
Jared
@jaychampa
Mar 03 2017 01:52
Thanks Jeff
Neil Sinclair
@Neilsin8
Mar 03 2017 01:52
Hello world. New here...
Jeff
@Garanimal
Mar 03 2017 01:55
sup @Neilsin8 welcome
Alexx Martínez
@AlexxMart
Mar 03 2017 01:55

hey, I can't get past this excersice. I need to replace the name color (Which I did) and is not letting me continue

<style>
.red-text {
color: FF0000;
}
.green-text {
color: 00FF00;
}
.dodger-blue-text {
color: 2998E4;
}
.orange-text {
color: FFA500;
}
</style>

<h1 class="red-text">I am red!</h1>

<h1 class="green-text">I am green!</h1>

<h1 class="dodger-blue-text">I am dodger blue!</h1>

<h1 class="orange-text">I am orange!</h1>

dartise
@dartise
Mar 03 2017 01:56
hello. i'm hoping for some assistance
need to add a silver background in my div

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

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

badalsaibo
@heyDante
Mar 03 2017 01:56
@AlexxMart color hexcode is wrong. it starts with '#'
dartise
@dartise
Mar 03 2017 01:57
can someone see what i'm doing wrong?
badalsaibo
@heyDante
Mar 03 2017 01:57
@dartise background-color: silver: semi-colon at the end sir :smile:
Karlis
@newtorin
Mar 03 2017 01:57
Screen Shot 2017-03-02 at 17.55.39.png
can anyone help?
Theo M.
@cnngraphics
Mar 03 2017 01:58
__mifflin__
@cdrainxv
Mar 03 2017 01:58
@vanessamuller: You aren't currently returning the results of reducing your num array.
Karlis
@newtorin
Mar 03 2017 01:58
I don't understand what should I do with item.
dartise
@dartise
Mar 03 2017 01:58
@heyDante thanks! that was simple
CamperBot
@camperbot
Mar 03 2017 01:58
dartise sends brownie points to @heydante :sparkles: :thumbsup: :sparkles:
:cookie: 508 | @heydante |http://www.freecodecamp.com/heydante
__mifflin__
@cdrainxv
Mar 03 2017 01:59
@AlexxMart: Hex color codes start with #. Ex: #FF0000
vanessamuller
@vanessamuller
Mar 03 2017 01:59
@cdrainxv but if I move the return statement it stops working altogether
badalsaibo
@heyDante
Mar 03 2017 02:00
@newtorin Add the number to the end of the array
then remove the first element of array
__mifflin__
@cdrainxv
Mar 03 2017 02:02

This reduces the noms array into a single value, but doesn't return it as an output from the sumAll function.

nums.reduce(
function (
accumulator,
currentValue,
currentIndex,
array
) {
return accumulator + currentValue;
}
);

Add a returnkeyword to get the output of reducing the nums into a single value:

return nums.reduce(
function (
accumulator,
currentValue,
currentIndex,
array
) {
return accumulator + currentValue;
}
);
DirtyNapk1ns
@DirtyNapk1ns
Mar 03 2017 02:04
Can anyone tell me how div elements work again?
max77p
@max77p
Mar 03 2017 02:09
sum of all numbers in a range help
Kimi jiang
@18662177342
Mar 03 2017 02:09
How to catch the screen heigh and width?
Karlis
@newtorin
Mar 03 2017 02:09
@DirtyNapk1ns They assign properties for elements into <div></div>
Jeff
@Garanimal
Mar 03 2017 02:09
@cnngraphics Ill take a look
Moshood Samuel Hakeem
@hakenola
Mar 03 2017 02:10
please can any one direct me on how to fix the size of an image
Jeff
@Garanimal
Mar 03 2017 02:11
@cnngraphics Theres a few things. First off you have it returning the firstname which you dont need in the code. The code is meant to recognize that there is someone by that name in the contact list, then check to see if there is a property for that person and if so return the property
There is no need to return the firstname iteself. also (contacts[i].firstName).hasOwnProperty(prop) is no good
ahilerio3
@ahilerio3
Mar 03 2017 02:14
hey guys need some help

this is my code i need some help making a class pink -text for h1 element

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

}

</style>

<h1>Hello World!</h1>

Karlis
@newtorin
Mar 03 2017 02:17
Screen Shot 2017-03-02 at 18.17.13.png
Why it is not working? How can I replace the removed first item?
WesDees
@WesDees
Mar 03 2017 02:18

Hi guys. A newbie with coding. I'm trying to turn an image to a link. Here is what I currently have:

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

Nearly all the examples I've checked are like this but its not going through. Any help would be appreciated.

Allen
@Dash0665
Mar 03 2017 02:20
how do i display mo code on here?
Jeff
@Garanimal
Mar 03 2017 02:22
(the button next to 1 three times) then (shift+enter) then type your code then (shift+enter) then again then (ctrl+/) and hit (enter)
Allen
@Dash0665
Mar 03 2017 02:22

<script>
  $(document).ready(function() {
    $("button").addclass("animated");
    $(".btn").addclass("shake");
    $("#target1").addclass("btn-primary");
  });
</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>
Jeff
@Garanimal
Mar 03 2017 02:22
k
Allen
@Dash0665
Mar 03 2017 02:22
ive been stuck on this for a while i cant seen to add the classes right
Claudio Restifo
@Marmiz
Mar 03 2017 02:23
@newtorin whay are you retourning item?
aren't you supposed to return the value removed from the array?
Allen
@Dash0665
Mar 03 2017 02:24
I'm lost
Udaay Sikder
@sikder13
Mar 03 2017 02:24

guys whats wrong with this code?

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

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

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

issue: they are saying Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%. But my Browser is already in 100%zoom still challange is not doing well.

Claudio Restifo
@Marmiz
Mar 03 2017 02:25

@sikder13

give the p elements font-size of 16px

and yet you gave it to red-text:

.red-text {
color: red;
font-size: 16px;
}
Jeff
@Garanimal
Mar 03 2017 02:26
@Dash0665 which one is this?
Allen
@Dash0665
Mar 03 2017 02:26
rn it isnt showing the errors
xWhipHoltx
@xWhipHoltx
Mar 03 2017 02:27
try spacing red-text and selector
jdl2017
@jdl2017
Mar 03 2017 02:27
Hey guys, can anyone help me out with explaining the difference between \r and \n and why they're both used in JS
Yes I googled it
Jeff
@Garanimal
Mar 03 2017 02:27
@Dash0665 which challenge is that?
Allen
@Dash0665
Mar 03 2017 02:27
@Garanimal Target the same element with multiple jQuery Selectors
Claudio Restifo
@Marmiz
Mar 03 2017 02:28
@Dash0665 addClass
capital C!
capitalization is important in JS!
addclass and addClass are NOT the same thing
Jeff
@Garanimal
Mar 03 2017 02:28
@Dash0665 thats the issue
nice catch @Marmiz
Allen
@Dash0665
Mar 03 2017 02:28
@Marmiz Wow
ahilerio3
@ahilerio3
Mar 03 2017 02:29

@ahilerio3
hey guys need some help
this is my code i need some help making a class pink -text for h1 element

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

}

</style>

<h1>Hello World!</h1>

Allen
@Dash0665
Mar 03 2017 02:29
@Marmiz lol thank tou
CamperBot
@camperbot
Mar 03 2017 02:29
dash0665 sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 692 | @marmiz |http://www.freecodecamp.com/marmiz
xWhipHoltx
@xWhipHoltx
Mar 03 2017 02:29
nice catch @Marmiz
Allen
@Dash0665
Mar 03 2017 02:29
@Garanimal thank you
CamperBot
@camperbot
Mar 03 2017 02:29
dash0665 sends brownie points to @garanimal :sparkles: :thumbsup: :sparkles:
:cookie: 284 | @garanimal |http://www.freecodecamp.com/garanimal
Jeff
@Garanimal
Mar 03 2017 02:29
@ahilerio3 you need to make the pink-text class. for example
<style>
.text-color {
color:red;
}
</style>
xWhipHoltx
@xWhipHoltx
Mar 03 2017 02:29
.pink-text
Karlis
@newtorin
Mar 03 2017 02:32
Screen Shot 2017-03-02 at 18.32.07.png
Why not working? anyone?
hello14324
@hello14324
Mar 03 2017 02:32
anyone know how to solve the following
:)
Struggling with it...
Manish Giri
@Manish-Giri
Mar 03 2017 02:33
@hello14324 remove the space after .
ahilerio3
@ahilerio3
Mar 03 2017 02:33
@Garanimal i did that and it didnt work
Manish Giri
@Manish-Giri
Mar 03 2017 02:34
add the class to the img
@hello14324
ahilerio3
@ahilerio3
Mar 03 2017 02:34
i put it in my style text alread
and it didnt work
Jeff
@Garanimal
Mar 03 2017 02:34
did you remember the period before it
@ahilerio3
ahilerio3
@ahilerio3
Mar 03 2017 02:34
yes and it was just white
Udaay Sikder
@sikder13
Mar 03 2017 02:34
thanks @Marmiz
CamperBot
@camperbot
Mar 03 2017 02:34
sikder13 sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 693 | @marmiz |http://www.freecodecamp.com/marmiz
Moses Minchuk
@minchukm7
Mar 03 2017 02:35
can someone help me with Target the Children of an Element Using jQuery
ahilerio3
@ahilerio3
Mar 03 2017 02:35

thi is my code so far

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

}

</style>

<h1>Hello World!</h1>

@Garanimal
Claudio Restifo
@Marmiz
Mar 03 2017 02:35
@sikder13 :+1:
Jeff
@Garanimal
Mar 03 2017 02:36
@ahilerio3 nowhere in here do you have a .pink-text class defined.
hello14324
@hello14324
Mar 03 2017 02:36
@Manish-Giri removing the space makes smaller-image go white
Jeff
@Garanimal
Mar 03 2017 02:36
@minchukm7 shoot
Pedro De Leon
@pdeleon29
Mar 03 2017 02:36
Hello all, I need help with one of the lessons called "Size you Images"
Manish Giri
@Manish-Giri
Mar 03 2017 02:36
@hello14324 coz you didn't add the image yet
Moses Minchuk
@minchukm7
Mar 03 2017 02:36
@Garanimal ?
hello14324
@hello14324
Mar 03 2017 02:36
"add the class to the img" @Manish-Giri do you know how?
Jeff
@Garanimal
Mar 03 2017 02:36
@ahilerio3 like you literally have not defined the class you need to at all. Where are you showing that you have added a pink-text class?
Manish Giri
@Manish-Giri
Mar 03 2017 02:36
@hello14324 look at the h2 element in your code
Jeff
@Garanimal
Mar 03 2017 02:36
@minchukm7 what is your question
Manish Giri
@Manish-Giri
Mar 03 2017 02:37
@hello14324 you already added a class to it, same way
Moses Minchuk
@minchukm7
Mar 03 2017 02:37
@Garanimal I need help with Target the Children of an Element Using jQuery. I did everything but the text isnt displaying any color.
ahilerio3
@ahilerio3
Mar 03 2017 02:37

<style>

.pink-text{color:pink;}

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

}

</style>

<h1>Hello World!</h1>

@Garanimal
but it is saying my h1 elemnt should have the class pink text
Jeff
@Garanimal
Mar 03 2017 02:38
@ahilerio3 Ok good, you have created the class .pink-text. now you need to apply it to your h1 element
hello14324
@hello14324
Mar 03 2017 02:38
Not sure still @Manish-Giri , thanks for trying anyhow :)
CamperBot
@camperbot
Mar 03 2017 02:38
:star2: 4553 | @manish-giri |http://www.freecodecamp.com/manish-giri
hello14324 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
Jeff
@Garanimal
Mar 03 2017 02:38
@minchukm7 ok I need to see your code
Manish Giri
@Manish-Giri
Mar 03 2017 02:39
@hello14324 <img class="...." src="...">
that's the img element
Jeff
@Garanimal
Mar 03 2017 02:39
@ahilerio3 you apply a class with `<h1 class="yourclasshere"></h1>
Moses Minchuk
@minchukm7
Mar 03 2017 02:39
Screen Shot 2017-03-02 at 6.39.15 PM.png
@Garanimal
hello14324
@hello14324
Mar 03 2017 02:40
ok so I'm meant to add that... I'll give it a try
Jesús Matos
@K1ZHiN
Mar 03 2017 02:40
blob
blob
blob
blob
blob
Moses Minchuk
@minchukm7
Mar 03 2017 02:43
Nevermind @Garanimal I was missing a hash tag/mark from the right-well. Thanks for your time though.
CamperBot
@camperbot
Mar 03 2017 02:43
minchukm7 sends brownie points to @garanimal :sparkles: :thumbsup: :sparkles:
:cookie: 285 | @garanimal |http://www.freecodecamp.com/garanimal
Jeff
@Garanimal
Mar 03 2017 02:43
haha @minchukm7 sorry I wasnt fast enough haha
Moses Minchuk
@minchukm7
Mar 03 2017 02:43
@Garanimal lol
ahilerio3
@ahilerio3
Mar 03 2017 02:44
@Garanimal thank you
CamperBot
@camperbot
Mar 03 2017 02:44
ahilerio3 sends brownie points to @garanimal :sparkles: :thumbsup: :sparkles:
:cookie: 286 | @garanimal |http://www.freecodecamp.com/garanimal
Jeff
@Garanimal
Mar 03 2017 02:57
@ahilerio3 np man. let me know if you run into anything else
miguelnader
@miguelnader
Mar 03 2017 02:57
who i put 100% zoom?
?
rsummro1
@rsummro1
Mar 03 2017 03:00
"Hello World"
miguelnader
@miguelnader
Mar 03 2017 03:00
what?
how can i put the text 100% zoom??
Jeff
@Garanimal
Mar 03 2017 03:05
@miguelnader which challenge are you on and what is your code so far?
DenisZen
@charlesdavidwince
Mar 03 2017 03:05
hello
Jofre O.
@freyo27
Mar 03 2017 03:05
guys i need some help !!!
DenisZen
@charlesdavidwince
Mar 03 2017 03:05
how can i pass this text
Jeff
@Garanimal
Mar 03 2017 03:05
@freyo27 whats your question
phatbhoy67
@phatbhoy67
Mar 03 2017 03:05
Hello
Nayenne Abgail
@Nayenne
Mar 03 2017 03:05

http://codepen.io/NayNay_s2/pen/NdzLxo

what am i doing wrong? the quotes won't sho in the cloud like i want.

Jeff
@Garanimal
Mar 03 2017 03:05
@charlesdavidwince what is your code currently/which challenge are you on?
Jofre O.
@freyo27
Mar 03 2017 03:06
blob
@Garanimal I cant figure out how to create the CSS style :S
im a new to coding guy
Jeff
@Garanimal
Mar 03 2017 03:07
@freyo27 you can place all of your classes within a single <style> tag. you only need to type <style> once for all of your CSS
Nayenne Abgail
@Nayenne
Mar 03 2017 03:07

@Het-Shah
http://codepen.io/NayNay_s2/pen/NdzLxo

what am i doing wrong? the quotes won't show in the cloud like i want.

Jeff
@Garanimal
Mar 03 2017 03:08
@Nayenne you might want to check out https://gitter.im/FreeCodeCamp/HelpJavaScript for some more experienced members
@freyo27 you also have not given your Cat Photo App an html element. You should have <h1>Cat Photo App</h1> and then be passing your class into the h1 elements
Juan Marin
@JuanMP429
Mar 03 2017 03:09
<h1> hello! </h1>
Jofre O.
@freyo27
Mar 03 2017 03:10
Oh ok, I did it on <h2> but i delete it cause the intructions for this challenge ask me to @Garanimal
hello14324
@hello14324
Mar 03 2017 03:10

Anyone know why the following isn't working - here's a screen shot
http://imgur.com/a/lypsM

Thanks! :)

Juan Marin
@JuanMP429
Mar 03 2017 03:10
yall know how to do this? ---> Nest the existing img element within an a element.
Jeff
@Garanimal
Mar 03 2017 03:11
@hello14324 you have a space between your . and your class
@JuanMP429 yup
hello14324
@hello14324
Mar 03 2017 03:11
Tried that.
Doesn't work
.....
Jeff
@Garanimal
Mar 03 2017 03:11
@hello14324 .smaller-img{
@hello14324 you also havent applied your smaller-img class to your img
Nayenne Abgail
@Nayenne
Mar 03 2017 03:12
@Garanimal ok thanks
CamperBot
@camperbot
Mar 03 2017 03:12
nayenne sends brownie points to @garanimal :sparkles: :thumbsup: :sparkles:
:cookie: 288 | @garanimal |http://www.freecodecamp.com/garanimal
Juan Marin
@JuanMP429
Mar 03 2017 03:12
O.O can yall show me how to do this
hello14324
@hello14324
Mar 03 2017 03:12
yep! :)
heck, learning programming definitely helps one work on their attention skills :)
Jeff
@Garanimal
Mar 03 2017 03:13
@JuanMP429
<a>
     <img src="" alt="">
</a>
@hello14324 haha certainly does
hello14324
@hello14324
Mar 03 2017 03:13
haha
Marshallmallow
@Marshallmallow
Mar 03 2017 03:15
Can anybody explain where I'm going wrong? It says that the h2 must be red, but it isn't.
Jeff
@Garanimal
Mar 03 2017 03:15
@JuanMP429 unlike most elements you dont need to close an <img> tag with an </img> . In order to nest something you literally just put it inside of an element by putting it in between the <open tag> and </close tag>
Marshallmallow
@Marshallmallow
Mar 03 2017 03:15

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

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

Jeff
@Garanimal
Mar 03 2017 03:15
@Marshallmallow you need " not '
Marshallmallow
@Marshallmallow
Mar 03 2017 03:15
I've tried that :(
Jeff
@Garanimal
Mar 03 2017 03:15
gotta be quotes not apostrophes
akhil122
@akhil122
Mar 03 2017 03:16
Nest two div class="col-xs-6" elements within your div class="row" element.
Jeff
@Garanimal
Mar 03 2017 03:16
also you probably need spaces bettween Cat Photo App
akhil122
@akhil122
Mar 03 2017 03:16
how would u do this
Marshallmallow
@Marshallmallow
Mar 03 2017 03:16
Let me try again.
Jeff
@Garanimal
Mar 03 2017 03:17
@akhil122
<div class="row>
   <div class="col-xs-6">
stuff that you want in this div
     </div>
<div class="col-xs-6">
stuff you want in this div
     </div>
</div>
Pedro De Leon
@pdeleon29
Mar 03 2017 03:18
How come img element is not showing for the class smaller-image?
Marshallmallow
@Marshallmallow
Mar 03 2017 03:18
It's still not working. Any other suggestions?

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

<h2 class="red-text"> Cat Photo App </h2

Pedro De Leon
@pdeleon29
Mar 03 2017 03:18
<style>
.smaller-image {
width: 100px;
}
</style>
Jeff
@Garanimal
Mar 03 2017 03:18
@Marshallmallow </h2>
youre missing the >
Dustin Finch
@nowandnotyet
Mar 03 2017 03:19
I am stuck on the Size your Images step. Can someone tell me what I am doing wrong?
<style>
.smaller-image {
width: 100px;
}

.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>
Marshallmallow
@Marshallmallow
Mar 03 2017 03:19
I forgot to select it when copying. Sorry.
@Garanimal
Thanks for your help
Alexander Køpke
@alexanderkopke
Mar 03 2017 03:20
@Marshallmallow try refreshing the page. Sometimes it works
Manish Giri
@Manish-Giri
Mar 03 2017 03:20
@nowandnotyet have you added the class to the img?
Jeff
@Garanimal
Mar 03 2017 03:21
@Marshallmallow did you lose all the <p> text?
@Marshallmallow copy what you ahve and reset the challenge
D O R C ¥
@Dorcy-ndg3
Mar 03 2017 03:21
Hey all
Jeff
@Garanimal
Mar 03 2017 03:21
hey @Dorcy-ndg3
Dustin Finch
@nowandnotyet
Mar 03 2017 03:21
@Manish-Giri I don't think I know how to do that.
Jeff
@Garanimal
Mar 03 2017 03:22
@pdeleon29 dont forget taht you still need to assign that class to your img using <img class="smaller-image">
Manish Giri
@Manish-Giri
Mar 03 2017 03:22
@nowandnotyet look at the h2 element as an example of adding classes to an element
<h2 class="red-text">CatPhotoApp</h2>
D O R C ¥
@Dorcy-ndg3
Mar 03 2017 03:22
I really hate using gitter on a pc without a mouse
Jeff
@Garanimal
Mar 03 2017 03:22
@Dorcy-ndg3 sounds unpleasent
Alexander Køpke
@alexanderkopke
Mar 03 2017 03:22
:mouse:
D O R C ¥
@Dorcy-ndg3
Mar 03 2017 03:23
@Garanimal same with you?
Jeff
@Garanimal
Mar 03 2017 03:23
@Dorcy-ndg3 Im sure I wouldnt like it, Im enjoying using my mouse currently
Marshallmallow
@Marshallmallow
Mar 03 2017 03:23
I'll have to try this again later. @Garanimal @alexanderkopke . Thanks for your help
CamperBot
@camperbot
Mar 03 2017 03:23
marshallmallow sends brownie points to @garanimal and @alexanderkopke :sparkles: :thumbsup: :sparkles:
:cookie: 289 | @garanimal |http://www.freecodecamp.com/garanimal
:star2: 1147 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
Dustin Finch
@nowandnotyet
Mar 03 2017 03:24
@Manish-Giri How do I add class to the image? Then, will I still put .small-image {width: 100px;} within <style>?
Jeff
@Garanimal
Mar 03 2017 03:24
@Marshallmallow just resent the challenge and try again. I think you have it right you might have changed something that they provided orginially that you werent supposed to
D O R C ¥
@Dorcy-ndg3
Mar 03 2017 03:24
@Garanimal ill just bear for now
Manish Giri
@Manish-Giri
Mar 03 2017 03:25

@nowandnotyet again, look in your own code

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

you added just the class name red-text with the class keyword, rest of it was in style tags.
Do the same thing here.

D O R C ¥
@Dorcy-ndg3
Mar 03 2017 03:25
@nowandnotyet yes u still have to add it
Dustin Finch
@nowandnotyet
Mar 03 2017 03:26
@Manish-Giri It worked! Thanks! :)
CamperBot
@camperbot
Mar 03 2017 03:26
nowandnotyet sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4554 | @manish-giri |http://www.freecodecamp.com/manish-giri
Dustin Finch
@nowandnotyet
Mar 03 2017 03:26
@Dorcy-ndg3 Thanks!
Manish Giri
@Manish-Giri
Mar 03 2017 03:26
@nowandnotyet :+1:
Jeff
@Garanimal
Mar 03 2017 03:27
@nowandnotyet when you create a class within a <style> that class does nothing until you apply it. Just creating .smaller-image doesnt make it do anything because you havent told your code to apply the properties of .smaller-image to any elements on the page. In order to apply the properties of a class to an element you need to type class="theclassyoumadeinyour<style>" for example
<style>
.my-class{
color.red;
}
</style>
<h1 class="my-class">This text will now be red because the my-class is being applied</h1>
D O R C ¥
@Dorcy-ndg3
Mar 03 2017 03:27
wht ... whats wrong with @camperbot .. i dont see my brownie's lol
Alexander Køpke
@alexanderkopke
Mar 03 2017 03:27
@nowandnotyet within <style> you have selectors that select elements, classes, or ids, and then give them style. But you can only select something that exists. So .smaller-image selects the class smaller-image but if you haven't give it to any element, then it won't do anything
D O R C ¥
@Dorcy-ndg3
Mar 03 2017 03:27
@nowandnotyet :thumbsup:
Jeff
@Garanimal
Mar 03 2017 03:28
@Dorcy-ndg3 no one knows how to properly thank people here haha. I usually miss out on my brownie points because they dont use my tag
CamperBot
@camperbot
Mar 03 2017 03:28
garanimal sends brownie points to @dorcy-ndg3 :sparkles: :thumbsup: :sparkles:
:cookie: 548 | @dorcy-ndg3 |http://www.freecodecamp.com/dorcy-ndg3
Jeff
@Garanimal
Mar 03 2017 03:28
youre welcome though
Alexander Køpke
@alexanderkopke
Mar 03 2017 03:28
@Garanimal ty
CamperBot
@camperbot
Mar 03 2017 03:28
alexanderkopke sends brownie points to @garanimal :sparkles: :thumbsup: :sparkles:
:cookie: 290 | @garanimal |http://www.freecodecamp.com/garanimal
D O R C ¥
@Dorcy-ndg3
Mar 03 2017 03:28
@Garanimal it looks like he did it well :point_up: March 3, 2017 5:26 AM
@Garanimal ty
see
Jeff
@Garanimal
Mar 03 2017 03:29
hahaha
D O R C ¥
@Dorcy-ndg3
Mar 03 2017 03:29
@camperbot needs some drug
Alexander Køpke
@alexanderkopke
Mar 03 2017 03:30
cylocybin might help
Dustin Finch
@nowandnotyet
Mar 03 2017 03:30
How do I keep the thick green border and the smaller image class?
<img class="thick-green-border" class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Alexander Køpke
@alexanderkopke
Mar 03 2017 03:31
class="firstClass secondClass"
Manish Giri
@Manish-Giri
Mar 03 2017 03:31
@nowandnotyet there's an example on the left
D O R C ¥
@Dorcy-ndg3
Mar 03 2017 03:31
@nowandnotyet class="class1 class2"
Looks like there is enough help here.... am off see you guys... thanks to @Manish-Giri @alexanderkopke @Garanimal for keeping the help flowing.. :wave:
CamperBot
@camperbot
Mar 03 2017 03:32
dorcy-ndg3 sends brownie points to @manish-giri and @alexanderkopke and @garanimal :sparkles: :thumbsup: :sparkles:
:cookie: 291 | @garanimal |http://www.freecodecamp.com/garanimal
:star2: 1148 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
:star2: 4555 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Mar 03 2017 03:32
@Dorcy-ndg3 ty :smile:
CamperBot
@camperbot
Mar 03 2017 03:32
manish-giri sends brownie points to @dorcy-ndg3 :sparkles: :thumbsup: :sparkles:
:cookie: 549 | @dorcy-ndg3 |http://www.freecodecamp.com/dorcy-ndg3
kevinflittle
@kevinflittle
Mar 03 2017 03:32
Having a little trouble....
Not sure why it's not nesting in "a" element
Jeff
@Garanimal
Mar 03 2017 03:33
@kevinflittle its <a> <img></a>
Dustin Finch
@nowandnotyet
Mar 03 2017 03:33
Eh, I'm still missing something. This is the last thing I tried:
<img class="class1 class2" class="thick-green-border" class ="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Moisés Man
@moigithub
Mar 03 2017 03:34
@nowandnotyet u only n eed 1 class attribute
if u have multiple classes names.. put all inside the same set of quotes
class=" ____ ________ _______ _______"
a list of classes separated by spaces
kevinflittle
@kevinflittle
Mar 03 2017 03:34
Remove the "class1 class 2
Dustin Finch
@nowandnotyet
Mar 03 2017 03:35
Awesome! Thanks!
kevinflittle
@kevinflittle
Mar 03 2017 03:37
@Garanimal this is killing me slowly <a href= "#"> <img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></a>
DomLeong
@DomLeong
Mar 03 2017 03:38
Your a element should have the anchor text of "cat photos".
what does it mean?
kevinflittle
@kevinflittle
Mar 03 2017 03:39
Lemme try
Mamun Abdullah
@thetradecoder
Mar 03 2017 03:41
@DomLeong it means to have some text between opening <> and closing </>
DomLeong
@DomLeong
Mar 03 2017 03:42
thx guys
Cody Garrett
@codygarrett
Mar 03 2017 03:46
Having trouble with responsive design with bootstrap fluid containers.
DomLeong
@DomLeong
Mar 03 2017 03:47
I still cant solve task 28
Your a element should have the anchor text of "cat photos".
my answer:
<p>Cat photos
<a href="http://freecatphotoapp.com"> to see
</a>
and check out</p>
kevinflittle
@kevinflittle
Mar 03 2017 03:48
</a> after out
DomLeong
@DomLeong
Mar 03 2017 03:49
@kevinflittle <p>Cat photos
<a href="http://freecatphotoapp.com"> to see
and check out</a></p>
?
Mamun Abdullah
@thetradecoder
Mar 03 2017 03:50
read again (---a ---element should have the anchor text of "cat photos'')
kevinflittle
@kevinflittle
Mar 03 2017 03:50
Cat photos replaces "to see and check out"
DomLeong
@DomLeong
Mar 03 2017 03:51
thx
got it
kevinflittle
@kevinflittle
Mar 03 2017 03:51
Issues with nesting img into "a" element
<a href= "#"> <img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></a>
Candice L.
@canlit
Mar 03 2017 03:53
i can't solve #24 creating a class called smaller-image
kevinflittle
@kevinflittle
Mar 03 2017 03:54
.smaller-image {width: example}
Angelo elkins
@Phinx6236
Mar 03 2017 03:54

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

<h2>CatPhotoApp</h2>

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

this is my class to make the h2 red but it isn't working idk why

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

<h2>CatPhotoApp</h2>

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

Pedro De Leon
@pdeleon29
Mar 03 2017 03:55
@Garanimal thank you!!
CamperBot
@camperbot
Mar 03 2017 03:55
pdeleon29 sends brownie points to @garanimal :sparkles: :thumbsup: :sparkles:
:cookie: 292 | @garanimal |http://www.freecodecamp.com/garanimal
Mamun Abdullah
@thetradecoder
Mar 03 2017 03:56
inside your style- create a class .smaller-image and code it as @kevinflittle wrote, @canlit
Supposed to emphasize <button id="target4>, so I wrote: $("button#target4").html("<em>#target4</em>");
But that answer doesn't appear to be accepted
kevinflittle
@kevinflittle
Mar 03 2017 03:58
@Phinx6236 write <p> class= red text
jpugh2692
@jpugh2692
Mar 03 2017 03:58
It's just #target4
Candice L.
@canlit
Mar 03 2017 03:58
@kevinflittle where do i put .smaller-image {width:example}?? on the style or after <img src
kevinflittle
@kevinflittle
Mar 03 2017 03:58
In the style
TanukiTom
@TanukiTom
Mar 03 2017 03:59
@jpugh2692 Thanks that did it. Directions made it sound like they wanted me to write "button" in the jQuery selector.
CamperBot
@camperbot
Mar 03 2017 03:59
tanukitom sends brownie points to @jpugh2692 :sparkles: :thumbsup: :sparkles:
:cookie: 119 | @jpugh2692 |http://www.freecodecamp.com/jpugh2692
Chris Graziano
@cmgraz
Mar 03 2017 03:59
Hey guys. Quick question. What type of CSS would you use if you wanted a something within a div container to disappear if the screen size became to narrow? For instance, on the footer of the page, if there are social media links, if the user shrinks the page from left to right, how do I make those icons disappear rather than drop to another level and mess things up?
kevinflittle
@kevinflittle
Mar 03 2017 03:59
Then class= "smaller-image"
TanukiTom
@TanukiTom
Mar 03 2017 03:59
@cmgraz Maybe "display"?
Angelo elkins
@Phinx6236
Mar 03 2017 04:00
@kevinflittle is that for the CSS class style element?
kevinflittle
@kevinflittle
Mar 03 2017 04:00
Yes
<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>
Candice L.
@canlit
Mar 03 2017 04:01
<style>

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

h2 {
font-family: Lobster, Monospace;
}
{ font-size: 16px;
font-family: Monospace;


</style>
like this??
Chris Graziano
@cmgraz
Mar 03 2017 04:02
Thanks @TanukiTom I'll take a look
CamperBot
@camperbot
Mar 03 2017 04:02
cmgraz sends brownie points to @tanukitom :sparkles: :thumbsup: :sparkles:
:cookie: 110 | @tanukitom |http://www.freecodecamp.com/tanukitom
TanukiTom
@TanukiTom
Mar 03 2017 04:02
@cmgraz You could combine with media queries that change change display's value based on screen size: http://stackoverflow.com/questions/4189868/what-does-media-screen-and-max-width-1024px-mean-in-css#4189911
kevinflittle
@kevinflittle
Mar 03 2017 04:03
@canlit looks correct
Mamun Abdullah
@thetradecoder
Mar 03 2017 04:03
@canlit like your .red-text make that .smaller-image{.....}
Chris Graziano
@cmgraz
Mar 03 2017 04:03
@TanukiTom Here's my codepen. There's a weird glitch going on.
https://codepen.io/cmgraz/pen/OpJZXb
In the footer class, when I'm running index.html on google chrome, I NEED to have position: absolute;, but for some reason on codepen, it then cuts off the bottom of the contact block. Any idea why this is happening?
TanukiTom
@TanukiTom
Mar 03 2017 04:03
@cmgraz Although there might be a better way to do this with Bootstrap, not sure.
Chris Graziano
@cmgraz
Mar 03 2017 04:03
I'll take a look at bootstrap grids again and see
Candice L.
@canlit
Mar 03 2017 04:04

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

<style>

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

h2 {
font-family: Lobster, Monospace;
}
{ font-size: 16px;
font-family: Monospace;


</style>

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

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

Manish Giri
@Manish-Giri
Mar 03 2017 04:05
@canlit this is wrong class=.smaller-image {width:100px;}
Chris Graziano
@cmgraz
Mar 03 2017 04:05
@TanukiTom If I take away position: absolute; outside of codepen, it looks like this:
http://image.prntscr.com/image/8cda178bd04a487e9e1cd27986fefbf0.png
Manish Giri
@Manish-Giri
Mar 03 2017 04:05
it should be just .smaller-image {width:100px;}

add the smaller-image class to the img element here -

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

look at the h2 element as an example of adding classes to an element

<h2 class="red-text">CatPhotoApp</h2>
@canlit
kevinflittle
@kevinflittle
Mar 03 2017 04:06
class is placed inside elements only
Dustin Finch
@nowandnotyet
Mar 03 2017 04:06
For some reason, my div element doesn't have a silver background.
<div class="silver-background">
TanukiTom
@TanukiTom
Mar 03 2017 04:07
@cmgraz So you just want to social media icons to go away if the screen size becomes too narrow?
Chris Graziano
@cmgraz
Mar 03 2017 04:07
@TanukiTom I mean, unless there's a better way...
@TanukiTom If the footer could expand in size, and the icons could become centered under the other text, that would work too
kevinflittle
@kevinflittle
Mar 03 2017 04:08
@Manish-Giri help on this: <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>
Chris Graziano
@cmgraz
Mar 03 2017 04:08
@TanukiTom Did you also notice that weird position: absolute; issue where codepen NEEDS it, but google chrome can't have it or it breaks it?
kevinflittle
@kevinflittle
Mar 03 2017 04:08
@Manish-Giri sorry this: <a href="#"> <img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></a>
TanukiTom
@TanukiTom
Mar 03 2017 04:09
@cmgraz I only tried running it codepen. In codepen the social media icons seem to disappear if the windows get too narrow.
kevinflittle
@kevinflittle
Mar 03 2017 04:09
can't nest the img element into a element
TanukiTom
@TanukiTom
Mar 03 2017 04:10
@cmgraz BTW I'm hesitant to give too much advice on this because you are using Bootstrap and I'm kinda new to Bootstrap. I'm worried there might be a better "Bootstrap" way to solve your problem I don't know about.
kevinflittle
@kevinflittle
Mar 03 2017 04:10
@canlit Got it?
nttj16
@nttj16
Mar 03 2017 04:10
hey guys i cant seem to change the <p> color to red even though i added a class="red-text"> to it
Chris Graziano
@cmgraz
Mar 03 2017 04:11
@TanukiTom They're not actually disappearing
Aaron Samuel
@AaronSamuelJ
Mar 03 2017 04:11
how do I move images?
Chris Graziano
@cmgraz
Mar 03 2017 04:11
@TanukiTom Take a look. Since they're white, they're just blending in to the extra background that's being crated
created*
h1tag
@h1tag
Mar 03 2017 04:12
@nttj16 did you define that class between your <style> tags?
TanukiTom
@TanukiTom
Mar 03 2017 04:12
@cmgraz Oh...you're right. That is sneaky.
nttj16
@nttj16
Mar 03 2017 04:12
@fortMaximus yup i have
Candice L.
@canlit
Mar 03 2017 04:12
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.".smaller-image {width:100px;}>
nttj16
@nttj16
Mar 03 2017 04:12
<style>
.red-text {
color: red;
}
</style>
Candice L.
@canlit
Mar 03 2017 04:12
i am sorry i still don't get it.
Aaron Samuel
@AaronSamuelJ
Mar 03 2017 04:14
what are you trying to get?
h1tag
@h1tag
Mar 03 2017 04:14
@nttj16 read this first on how to post code here and then post the full code here
class definitions should go between your style tags @canlit
kevinflittle
@kevinflittle
Mar 03 2017 04:15
@canlit img= "example" then src= "example"
nttj16
@nttj16
Mar 03 2017 04:15
<style> .red-text { color: red; } </style>
Aaron Samuel
@AaronSamuelJ
Mar 03 2017 04:15
a tag means an element of some kind
Candice L.
@canlit
Mar 03 2017 04:16
Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide. @AaronSamuelJ
Aaron Samuel
@AaronSamuelJ
Mar 03 2017 04:16
so the <style> tag means cascade 'style' sheet
nttj16
@nttj16
Mar 03 2017 04:16

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

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

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

Aaron Samuel
@AaronSamuelJ
Mar 03 2017 04:16
I want to move an image, not resize it
nttj16
@nttj16
Mar 03 2017 04:17
@fortMaximus thanks for the info but im very new to this
CamperBot
@camperbot
Mar 03 2017 04:17
nttj16 sends brownie points to @fortmaximus :sparkles: :thumbsup: :sparkles:
:cookie: 524 | @fortmaximus |http://www.freecodecamp.com/fortmaximus
h1tag
@h1tag
Mar 03 2017 04:17
@nttj16 what's the challenge name?
oh, wait
nttj16
@nttj16
Mar 03 2017 04:17
@fortMaximus Style Multiple elements with a CSS class
h1tag
@h1tag
Mar 03 2017 04:17
<p> class="red-text">
does this look right to you?
@nttj16
nttj16
@nttj16
Mar 03 2017 04:18
according to my undertanding so far its righht
Diexde
@Diexde
Mar 03 2017 04:19
hey i have .smaller-image {
width: 100px;
} in my style element can someone help me figure out whats wrong
h1tag
@h1tag
Mar 03 2017 04:19
@nttj16 can you spot the difference between that and this <h2 class="red-text">?
David Mann
@20mannd
Mar 03 2017 04:20
Anyone willing to help with a simple problem on one of the earlier challenges
Claudio Restifo
@Marmiz
Mar 03 2017 04:20
@Diexde have you referenced that class to the image?
nttj16
@nttj16
Mar 03 2017 04:20
@fortMaximus i dont see the difference
Diexde
@Diexde
Mar 03 2017 04:20
@Marmiz how do i do that
h1tag
@h1tag
Mar 03 2017 04:20
@nttj16 you have an extra > after the p letter :)
Claudio Restifo
@Marmiz
Mar 03 2017 04:21
@Diexde like you did for the red-text: via class=""
<img class="" .... >
nttj16
@nttj16
Mar 03 2017 04:21
@fortMaximus *facepalm
lol
Diexde
@Diexde
Mar 03 2017 04:21
ok ill try that thank you @Marmiz
CamperBot
@camperbot
Mar 03 2017 04:21
diexde sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 694 | @marmiz |http://www.freecodecamp.com/marmiz
nttj16
@nttj16
Mar 03 2017 04:21
@fortMaximus thank you!
CamperBot
@camperbot
Mar 03 2017 04:21
nttj16 sends brownie points to @fortmaximus :sparkles: :thumbsup: :sparkles:
:warning: nttj16 already gave fortmaximus points
h1tag
@h1tag
Mar 03 2017 04:21
@20mannd ?
kevinflittle
@kevinflittle
Mar 03 2017 04:22
@fortMaximus any help on this greatly appreciated: <a href="#"> <img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></a>
David Mann
@20mannd
Mar 03 2017 04:23

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

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

im supposed to make all h2 element text blue
h1tag
@h1tag
Mar 03 2017 04:23
@kevinflittle what error it gives you?
Claudio Restifo
@Marmiz
Mar 03 2017 04:23
@20mannd there's no h2 element in your HTML
only inside the styles
kevinflittle
@kevinflittle
Mar 03 2017 04:24
Nest the existing img element within an a element
Jeff
@Garanimal
Mar 03 2017 04:24
@20mannd are you sure. because you only show a <p> element. you arent passing the traits blue to any <h2> elements because you have none
David Mann
@20mannd
Mar 03 2017 04:24
your h2 element should be blue
Claudio Restifo
@Marmiz
Mar 03 2017 04:24
You're telling the browser to "paint a fence blue" but you have no fence ;)
@20mannd
David Mann
@20mannd
Mar 03 2017 04:24
i see what you mean
Jeff
@Garanimal
Mar 03 2017 04:25
@kevinflittle you also want it to say "cat photos" within you <a> element
h1tag
@h1tag
Mar 03 2017 04:26
@kevinflittle (not related to this challenge) but your img had a class on it? Did you create a new img? Cause you're not supposed to. You have to nest the existing img
Candice L.
@canlit
Mar 03 2017 04:27
thank you all for your help
jackkathy555
@jackkathy555
Mar 03 2017 04:27
someone help me with the size thing
David Mann
@20mannd
Mar 03 2017 04:27
it worked thank you @Marmiz
CamperBot
@camperbot
Mar 03 2017 04:27
20mannd sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 695 | @marmiz |http://www.freecodecamp.com/marmiz
kevinflittle
@kevinflittle
Mar 03 2017 04:28
@fortMaximus Lemme see
h1tag
@h1tag
Mar 03 2017 04:29
@kevinflittle if not, reset the challenge code and try again without changing anything other than what's asked
Manish Giri
@Manish-Giri
Mar 03 2017 04:31
@kevinflittle did you get it?
I was away for a bit
kevinflittle
@kevinflittle
Mar 03 2017 04:31
Reset and still can't nest
Manish Giri
@Manish-Giri
Mar 03 2017 04:32
@kevinflittle post your challenge URL here, click "run tests" first
kevinflittle
@kevinflittle
Mar 03 2017 04:32
Working off the example verbatim
Diexde
@Diexde
Mar 03 2017 04:32
hey guys im still having trouble changing my image width <img class=".smaller-image" {
width: 100px;
} this is what i have so far
kevinflittle
@kevinflittle
Mar 03 2017 04:33

Nest your image within an a element. Here's an example:

<a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></a>

Remember to use # as your a element's href property in order to turn it into a dead link.

Place the existing image element within an anchor element.

@Diexde <style> image-width </style>
Manish Giri
@Manish-Giri
Mar 03 2017 04:34
@kevinflittle post your challenge URL here, click "run tests" first
h1tag
@h1tag
Mar 03 2017 04:34
@kevinflittle I told you need to nest the existing image element, not create a new one
/not copy a new one from the example
@Diexde look how they defined the class in the example. You're using wrong syntax
kevinflittle
@kevinflittle
Mar 03 2017 04:37
OMFG!
h1tag
@h1tag
Mar 03 2017 04:37
:facepunch:
kevinflittle
@kevinflittle
Mar 03 2017 04:37
Thanks @fortMaximus
CamperBot
@camperbot
Mar 03 2017 04:37
kevinflittle sends brownie points to @fortmaximus :sparkles: :thumbsup: :sparkles:
:cookie: 525 | @fortmaximus |http://www.freecodecamp.com/fortmaximus
kevinflittle
@kevinflittle
Mar 03 2017 04:37
I'm going to sleep now- it's a sign
Manish Giri
@Manish-Giri
Mar 03 2017 04:38
well
I guess no one does the R & S in R-S-A
kevinflittle
@kevinflittle
Mar 03 2017 04:38
Good luck all- hoped I supported others as well
tony
@Scarlato
Mar 03 2017 04:38
@cmgraz Thanks!
CamperBot
@camperbot
Mar 03 2017 04:38
scarlato sends brownie points to @cmgraz :sparkles: :thumbsup: :sparkles:
:cookie: 271 | @cmgraz |http://www.freecodecamp.com/cmgraz
h1tag
@h1tag
Mar 03 2017 04:38
@kevinflittle thank you :)
CamperBot
@camperbot
Mar 03 2017 04:38
fortmaximus sends brownie points to @kevinflittle :sparkles: :thumbsup: :sparkles:
:cookie: 32 | @kevinflittle |http://www.freecodecamp.com/kevinflittle
kevinflittle
@kevinflittle
Mar 03 2017 04:39
R&S?
Cody Garrett
@codygarrett
Mar 03 2017 04:39
Having trouble with responsive design with bootstrap fluid containers. where do i need to put my div element
heroiczero
@heroiczero
Mar 03 2017 04:40
@codygarrett probably encompass all your html code with the fluid container to make it responsive
Cody Garrett
@codygarrett
Mar 03 2017 04:41
ok, ill try it
heroiczero
@heroiczero
Mar 03 2017 04:41
@codygarrett remember <style> is css and <link> should be in your <head> of html technically
Candice L.
@canlit
Mar 03 2017 04:41
thank you to @kevinflittle @fortMaximus sorry i am slow on this still
CamperBot
@camperbot
Mar 03 2017 04:41
canlit sends brownie points to @kevinflittle and @fortmaximus :sparkles: :thumbsup: :sparkles:
:cookie: 33 | @kevinflittle |http://www.freecodecamp.com/kevinflittle
:cookie: 526 | @fortmaximus |http://www.freecodecamp.com/fortmaximus
h1tag
@h1tag
Mar 03 2017 04:42
YW :)
Cody Garrett
@codygarrett
Mar 03 2017 04:42
@heroiczero so my div needs to be ater my style close
heroiczero
@heroiczero
Mar 03 2017 04:42
@codygarrett yes
Cody Garrett
@codygarrett
Mar 03 2017 04:43
i know i should know this but how do i add a class to my div
Angelo elkins
@Phinx6236
Mar 03 2017 04:43

I am on the challenge of Use a CSS Class to Style an Element and I am supposed to change h2 red. I have everything checked off except the h2 isn't red. I am not sure why this is my code.

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

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

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

heroiczero
@heroiczero
Mar 03 2017 04:44
@Phinx6236 use " maybe instead of '
Stacia Johnson
@johnsonstacia8
Mar 03 2017 04:45
i need help getting my image width at 100px
heroiczero
@heroiczero
Mar 03 2017 04:45
@codygarrett how did you add a class to <h2> or <img>?
h1tag
@h1tag
Mar 03 2017 04:45
@Phinx6236 @heroiczero no, it should work.
@Phinx6236 try reloading the page
@johnsonstacia8 what did you try?
Cody Garrett
@codygarrett
Mar 03 2017 04:48
@heroiczero <div class=".container-fluid">
heroiczero
@heroiczero
Mar 03 2017 04:48
@codygarrett . is to define class in css or <style>
Cody Garrett
@codygarrett
Mar 03 2017 04:48
@heroiczero i got it thanks!
CamperBot
@camperbot
Mar 03 2017 04:48
codygarrett sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:cookie: 916 | @heroiczero |http://www.freecodecamp.com/heroiczero
Angelo elkins
@Phinx6236
Mar 03 2017 04:49
@fortMaximus I have a few times even going back a challenge and doing it over again. I been at it for nearly an hour and I can't seem to make it work even thought every thing is checked. Maybe I should try to log in again?
h1tag
@h1tag
Mar 03 2017 04:50
@Phinx6236 which browser are you on?
heroiczero
@heroiczero
Mar 03 2017 04:50
@Phinx6236 try resetting code and doing it again
Angelo elkins
@Phinx6236
Mar 03 2017 04:50
internet explorer
h1tag
@h1tag
Mar 03 2017 04:51
why are you using this ... :p
Angelo elkins
@Phinx6236
Mar 03 2017 04:52
@heroiczero Just reset it, still no luck. @fortMaximus lol came stock with my laptop
h1tag
@h1tag
Mar 03 2017 04:52
download chrome or firefox, they're better
idk if it's a browser related problem, cause your code is right
Angelo elkins
@Phinx6236
Mar 03 2017 04:54
I thought so, maybe a bug?
h1tag
@h1tag
Mar 03 2017 04:54
maybe
Matthew
@IMDBLM
Mar 03 2017 04:55
Folks I'm really hung up on this challenge: https://www.freecodecamp.com/challenges/stand-in-line I went back and reread the function challenges, but I'm still not quite understanding the instructions. Any tips?
h1tag
@h1tag
Mar 03 2017 04:55
did you try herioczero's suggestion? @Phinx6236
Stacia Johnson
@johnsonstacia8
Mar 03 2017 04:57
@fortMaximus i've created a class but im not sure where it would go to make the photo smaller
heroiczero
@heroiczero
Mar 03 2017 04:57
@IMDBLM try review how to Manipulate Arrays ... in Freecodecamp
h1tag
@h1tag
Mar 03 2017 04:57
@johnsonstacia8 post the code
Stacia Johnson
@johnsonstacia8
Mar 03 2017 04:57
<style>
.smaller-image {
width: 100px;
}
</style>
h1tag
@h1tag
Mar 03 2017 04:58
and the html code?
heroiczero
@heroiczero
Mar 03 2017 04:58
@johnsonstacia8 thats correct for your style portion. now you have to target the <img> you want to make smaller in your <body>
Angelo elkins
@Phinx6236
Mar 03 2017 04:58
@heroiczero @fortMaximus yes I reset it and it didn't work
Manish Giri
@Manish-Giri
Mar 03 2017 04:59
@Phinx6236 post your challenge URL here, click "run tests" first
h1tag
@h1tag
Mar 03 2017 04:59
@Phinx6236 no, I mean " instead of '
Angelo elkins
@Phinx6236
Mar 03 2017 04:59
@fortMaximus I also downloaded chrome and tried it no luck there either
h1tag
@h1tag
Mar 03 2017 04:59
idk, it works for me on firefox :worried:
Angelo elkins
@Phinx6236
Mar 03 2017 05:00
@Manish-Giri
Manish Giri
@Manish-Giri
Mar 03 2017 05:00
where is code for this?
Give your h2 element the class attribute with a value of 'red-text'.
@Phinx6236
Stacia Johnson
@johnsonstacia8
Mar 03 2017 05:00
@heroiczero how do i target the <img> ? would i insert the <img> into the class?
Manish Giri
@Manish-Giri
Mar 03 2017 05:00
<style>
  h2 {
    color: blue;
  }
</style>

<h2>CatPhotoApp</h2>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
Angelo elkins
@Phinx6236
Mar 03 2017 05:00
@fortMaximus i did do the " instead of the '
no luck
Manish Giri
@Manish-Giri
Mar 03 2017 05:00
this is what you have
h1tag
@h1tag
Mar 03 2017 05:01

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

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

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

this is the code you posted before @phinx6236
heroiczero
@heroiczero
Mar 03 2017 05:01
@johnsonstacia8 no you should have an <img src="" alt=""/> in your code just apply a class="" similar to how you did it for red-text
jdrolt
@jdrolt
Mar 03 2017 05:01

Anyone know how I can get this...

          <div class="col-md-4 mt-1" id="Author_Card">
            <div class="card">
              <img class="card-img-top img-fluid" src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/8-col/img%20%2831%29.jpg" alt="Forrested_Mountains">
                <div class="card-img-overlay">
                  <img src="https://en.gravatar.com/userimage/95699464/a893e030ab19d00ad9b954ecf48224ad.jpg?size=170" class="rounded-circle mx-auto d-block" id="avatar">
                </div>
                <div class="card-block">
                    <p class="lead text-center">First & Last Name</p>
                    <p class="text-center" style="font-family: 'Slabo 13px', serif;" id="mysummary">Blah blah blah</p>
                </div> <!-- /card-block -->
            </div> <!-- /card -->
          </div> <!-- /class-col-md-4 -->

to be more like the author card shown here:
Look at author's Bootstrap card on right side bar

Manish Giri
@Manish-Giri
Mar 03 2017 05:02
@Phinx6236 still same
why don't you open your links in an incognito window and see for yourself
Angelo elkins
@Phinx6236
Mar 03 2017 05:02

weird on my computer screen it has

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

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

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

h1tag
@h1tag
Mar 03 2017 05:03
:worried:
heroiczero
@heroiczero
Mar 03 2017 05:03
@Phinx6236 maybe close and reopen browser?
h1tag
@h1tag
Mar 03 2017 05:04
@jdrolt try asking here
Angelo elkins
@Phinx6236
Mar 03 2017 05:05
Yes!!!! I finally got it to work. I don't think it was registering the changes I was making at first thanks everyone for helping
jdrolt
@jdrolt
Mar 03 2017 05:05
I did.
@fortMaximus No luck.
h1tag
@h1tag
Mar 03 2017 05:05
wait :)
Matthew
@IMDBLM
Mar 03 2017 05:06
Thanks @heroiczero. That got me closer but I'm not there yet still. I'll look at it again tomorrow.
CamperBot
@camperbot
Mar 03 2017 05:06
imdblm sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:cookie: 918 | @heroiczero |http://www.freecodecamp.com/heroiczero
Stacia Johnson
@johnsonstacia8
Mar 03 2017 05:07
@heroiczero okay

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

<img class="smaller-image">

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

Sasith Sathsara
@sathsara1431
Mar 03 2017 05:08
@jdrolt I think your html format is fine. Can you show your css code?
heroiczero
@heroiczero
Mar 03 2017 05:09
@johnsonstacia8 dont make a new <img> you are targeting <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> so put class in there
jdrolt
@jdrolt
Mar 03 2017 05:09
@sathsara1431 Sure, but I don't think it's affecting it.
  <style>
      body {
          background-color: lightsteelblue;
          position: relative;
      }
  </style>
Angelo elkins
@Phinx6236
Mar 03 2017 05:09
How do I send brownie points?
jSwtch
@jSwtch
Mar 03 2017 05:09
@Phinx6236 thanks demo
CamperBot
@camperbot
Mar 03 2017 05:09
jswtch sends brownie points to @phinx6236 :sparkles: :thumbsup: :sparkles:
:cookie: 18 | @phinx6236 |http://www.freecodecamp.com/phinx6236
jSwtch
@jSwtch
Mar 03 2017 05:10
can anyone here help me with some javascript function calls been hitting a wall for a while here - im finishing twitch API
Matthew
@IMDBLM
Mar 03 2017 05:10
@Phinx6236 just say thanks and the person's @ name
CamperBot
@camperbot
Mar 03 2017 05:10
imdblm sends brownie points to @phinx6236 :sparkles: :thumbsup: :sparkles:
:cookie: 19 | @phinx6236 |http://www.freecodecamp.com/phinx6236
Mendez, Daniel
@daniel-mendez
Mar 03 2017 05:11
can anyone give me a hand with taking a look over this challenge I'm on? I'm having trouble finding out where to insert }
.smaller-image {
width: 100px;
}
the objective is to create a class called smaller-image and use it to resize the image so that its only 100 pixels wide
Angelo elkins
@Phinx6236
Mar 03 2017 05:12
thanks @heroiczero thanks @fortMaximus thanks @Manish-Giri thanks @jswtch thanks @IMDBLM thanks @kevinflittle
CamperBot
@camperbot
Mar 03 2017 05:12
phinx6236 sends brownie points to @heroiczero and @fortmaximus and @manish-giri and @jswtch and @imdblm and @kevinflittle :sparkles: :thumbsup: :sparkles:
:cookie: 305 | @jswtch |http://www.freecodecamp.com/jswtch
:cookie: 527 | @fortmaximus |http://www.freecodecamp.com/fortmaximus
:cookie: 198 | @imdblm |http://www.freecodecamp.com/imdblm
:cookie: 34 | @kevinflittle |http://www.freecodecamp.com/kevinflittle
:star2: 4556 | @manish-giri |http://www.freecodecamp.com/manish-giri
:cookie: 920 | @heroiczero |http://www.freecodecamp.com/heroiczero
poopoohi111
@poopoohi111
Mar 03 2017 05:12
i cant get the list done
h1tag
@h1tag
Mar 03 2017 05:12
@Phinx6236 YW :)
Matthew
@IMDBLM
Mar 03 2017 05:14
What are the little cookies by our names?
Sasith Sathsara
@sathsara1431
Mar 03 2017 05:14
@jdrolt you have to add lot of css styles to make it look like author card in your link. Your html is fine.
De Siang Teoh
@dsteoh
Mar 03 2017 05:15
@IMDBLM u get those cookies when u help out ppl i think
Stacia Johnson
@johnsonstacia8
Mar 03 2017 05:16
@heroiczero THANK YOU!! life saver!
CamperBot
@camperbot
Mar 03 2017 05:16
johnsonstacia8 sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:cookie: 921 | @heroiczero |http://www.freecodecamp.com/heroiczero
Jeff
@Garanimal
Mar 03 2017 05:18
any strong javascripters here?
Matthew
@IMDBLM
Mar 03 2017 05:19

Ok @heroiczero re-reading the manipulation was helpful but I'm still missing something. Here's where I am for https://www.freecodecamp.com/challenges/stand-in-line


function nextInLine(arr, item) {
  // Your code here
  arr.push(item);
  arr.shift();
  return item;  // Change this line
}

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

// Display Code
console.log("Before: " + JSON.stringify(testArr));
console.log(nextInLine(testArr, 6)); // Modify this line to test
console.log("After: " + JSON.stringify(testArr));

I've tried to change return item; to return arr.unshift but that's not working. It seems like I can meet 2 of the 4 challenges but not all four.

Kamofa
@Kamofa
Mar 03 2017 05:19
having trouble giving my form element the an id. Help?
Manish Giri
@Manish-Giri
Mar 03 2017 05:20
@Kamofa show code
heroiczero
@heroiczero
Mar 03 2017 05:20
@IMDBLM it tells you to return the "shifted" item
Matthew
@IMDBLM
Mar 03 2017 05:21
@heroiczero Right I understand that, but just typing return arr.shift() isn't right. It's that little piece that's not making sense.
It doesn't seem like pop or unshift is appropriate
heroiczero
@heroiczero
Mar 03 2017 05:22
@IMDBLM if you set the arr.shift() to a variable that variable is assigned to the shifted element of the array
Kamofa
@Kamofa
Mar 03 2017 05:22
hold on one sec
Tricia
@patricia07
Mar 03 2017 05:23
is this right?
<script>
$(document).ready(function() {
$("button").addClass("animated-shake");
$(".btn").addClass("animated-shake");
$("#target1").addClass("animated-shake");
$("btn-primary").addClass("animated-shake");

});
</script>
Your #target1 element should have the classes animated‚ shake and btn-primary.
Kamofa
@Kamofa
Mar 03 2017 05:24

@Manish-Giri

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

heroiczero
@heroiczero
Mar 03 2017 05:24
@patricia07 each line should have one Class
Manish Giri
@Manish-Giri
Mar 03 2017 05:24
@Kamofa you made a new form element, put the ID in the existing form
Mendez, Daniel
@daniel-mendez
Mar 03 2017 05:25
@johnsonstacia8 hey i think I'm stuck on the same challenge you were having trouble with( create a class called smaller image) i looked at the advice they gave you nd i can only get one of the X's to green up?
Manish Giri
@Manish-Giri
Mar 03 2017 05:25
<form action="/submit-cat-photo">
<form id="cat-photo-form">
heroiczero
@heroiczero
Mar 03 2017 05:25
@patricia07 animated‚ shake and btn-primary and these are your classes
Tricia
@patricia07
Mar 03 2017 05:26
@heroiczero like $("button").addClass("animated"); ???
Kamofa
@Kamofa
Mar 03 2017 05:26
so it would be id="cat-photo-form">
heroiczero
@heroiczero
Mar 03 2017 05:26
@patricia07 yeah thats the first line of jquery
@patricia07 that will add a class animated to all your <button>
Candice L.
@canlit
Mar 03 2017 05:27
@johnsonstacia8 i am stuck also. i cannot get the image should be 100 pixels
Tricia
@patricia07
Mar 03 2017 05:27
ohhhh i thought you will supposed t o include the shake in animated
Matthew
@IMDBLM
Mar 03 2017 05:27
@heroiczero Ok I'll think on this some more.
heroiczero
@heroiczero
Mar 03 2017 05:28
@canlit @daniel-mendez its the same as how you made your <h2> to be red-text
Candice L.
@canlit
Mar 03 2017 05:28

@heroiczero <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 <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, s

Sasith Sathsara
@sathsara1431
Mar 03 2017 05:28
Hi guys how do i post code in chat?
Candice L.
@canlit
Mar 03 2017 05:29

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

i just fixed that. @heroiczero
heroiczero
@heroiczero
Mar 03 2017 05:30
@canlit that looks right
Coy Sanders
@coymeetsworld
Mar 03 2017 05:30
@canlit also have an extraneous dot
p {
font-size: 16px;
font-family: Monospace;
}. <---- there
celmae
@celmae
Mar 03 2017 05:30

function myLocalScope() {
'use strict';
var myVar = "ok";

console.log(myVar);
}
myLocalScope();

// Run and check the console
// myVar is not defined outside of myLocalScope
console.log(myVar);

// Now remove the console log line to pass the test

please help me with this

Matthew
@IMDBLM
Mar 03 2017 05:30
@sathsara1431 nest it in on each side
@sathsara1431 you need 3 of ` on each side of the code
Mendez, Daniel
@daniel-mendez
Mar 03 2017 05:30
<style>
.smaller-image {
width: 100px;
}
</style>
<img class="smaller-image">
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Coy Sanders
@coymeetsworld
Mar 03 2017 05:31
@daniel-mendez you only should have one img tag
that has the alt src and class attributes all in one
merge them together you should be good
Sasith Sathsara
@sathsara1431
Mar 03 2017 05:31
@IMDBLM thanks
CamperBot
@camperbot
Mar 03 2017 05:31
sathsara1431 sends brownie points to @imdblm :sparkles: :thumbsup: :sparkles:
:cookie: 199 | @imdblm |http://www.freecodecamp.com/imdblm
celmae
@celmae
Mar 03 2017 05:32
hello? may I get some help?
Mendez, Daniel
@daniel-mendez
Mar 03 2017 05:32
@coymeetsworld what would merging them together look like?
Coy Sanders
@coymeetsworld
Mar 03 2017 05:32
<img class="" src="" alt=""/>
h1tag
@h1tag
Mar 03 2017 05:32
@celmae read the last comment in ur code
celmae
@celmae
Mar 03 2017 05:33
@fortMaximus oohh i got it thank you!
CamperBot
@camperbot
Mar 03 2017 05:33
celmae sends brownie points to @fortmaximus :sparkles: :thumbsup: :sparkles:
:cookie: 528 | @fortmaximus |http://www.freecodecamp.com/fortmaximus
Sasith Sathsara
@sathsara1431
Mar 03 2017 05:34
@jdrolt add this styles to your css
 .col-md-4{
    max-width: 400px;
    margin: 0 auto;
}
.card{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 0 0 25px;
}
.card img{
    width: 100%;
}
#avatar{
    display: block;
    margin: 0 auto;
    margin-top: -65px;
    border-radius: 50%;
    border: 5px solid #fff;
    margin-bottom: 20px;
    width:auto;
}
Holly
@Holly-E
Mar 03 2017 05:34
Hey, new to using CodePen. My understanding is that since CodePen uses Sandbox iFrame then when you link to external websites that use plugins they are restricted and will not load. I would to create a link to a Scratch game that requires Flash. Is there any workaround for getting that Flash plugin to load? or do I have to tell the user to copy/paste the link to a new tab (tacky!)?
Mendez, Daniel
@daniel-mendez
Mar 03 2017 05:35
right on, i appreciate the help!
Coy Sanders
@coymeetsworld
Mar 03 2017 05:35
no problem
@Holly-E are you trying to run flash inside the codepen you mean?
Eldrida
@Eldrida
Mar 03 2017 05:36

Hi, I need help ! I'm stuck on the task - "Add Elements within your Bootstrap Wells."

My code is -

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

<div class ="col-xs-6"> <div class= "well"> </div> <button class="btn btn-block btn-primary"> Like </button> </div>

<div class ="col-xs-6"> <div class= "well"> </div> <button class="btn btn-block btn-info"> Info </button> </div>

<div class ="col-xs-6"> <div class= "well"> </div> <button class="btn btn-block btn-primary"> Delete </button> </div>

<div class ="col-xs-6"> <div class= "well"> </div> <button class="btn btn-block btn-primary"> Dislike </button> </div>

<div class ="col-xs-6"> <div class= "well"> </div> <button class="btn btn-block btn-primary"> More info </button> </div>

<div class ="col-xs-6"> <div class= "well"> </div> <button class="btn btn-block btn-primary"> Exit </button> </div>

</div>
</div>

Error - Nest three button elements within each of your div elements with class well.
How do I do this? :S

Matthew
@IMDBLM
Mar 03 2017 05:36
@heroiczero thanks for your clues. I was able to piece it all together! And after nearly 50 minutes of that one I'm going to bed!
CamperBot
@camperbot
Mar 03 2017 05:36
imdblm sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:warning: imdblm already gave heroiczero points
Matthew
@IMDBLM
Mar 03 2017 05:37
Gosh I wish people would add code tags. This place is just a giant wall of text.
@Eldrida
Coy Sanders
@coymeetsworld
Mar 03 2017 05:37
@Eldrida you should only have 2 columns
Damini24
@damini24
Mar 03 2017 05:37
how install mongodb on raspberry pi 3
Coy Sanders
@coymeetsworld
Mar 03 2017 05:38
as a hint columns should add up to 12 per row with Bootstrap
Candice L.
@canlit
Mar 03 2017 05:38
@heroiczero thank u so much simple mistakes
CamperBot
@camperbot
Mar 03 2017 05:38
canlit sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:cookie: 922 | @heroiczero |http://www.freecodecamp.com/heroiczero
Coy Sanders
@coymeetsworld
Mar 03 2017 05:38
and you don't need anything else in the button
doesn't need classes or even text between, just needs to be <button></button>
David Bennett
@DavidBennett604
Mar 03 2017 05:39
Halp! I'm overwriting text in the html editor and can't seem to fix it. Any suggestions
Sasith Sathsara
@sathsara1431
Mar 03 2017 05:39

@Eldrida format three divs like this ```

<div class ="col-xs-6"> <div class= "well"><button class="btn btn-block btn-primary"> Like </button> </div> </div>
```

Candice L.
@canlit
Mar 03 2017 05:39
@coymeetsworld thanks so much.
CamperBot
@camperbot
Mar 03 2017 05:39
canlit sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2261 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Mar 03 2017 05:40
yw @canlit did removing the period work?
Holly
@Holly-E
Mar 03 2017 05:40
@coymeetsworld no I am trying to create a link on my tribute page to a game that I made about my dog (lol) at this address: https://scratch.mit.edu/projects/121873579/ When you create the link from inside CodePen the page comes up but the actual game is blocked.
Eldrida
@Eldrida
Mar 03 2017 05:41
@sathsara1431 - I'm sorry. I didn't get that. :S
Coy Sanders
@coymeetsworld
Mar 03 2017 05:41
ah
try adding target="_blank" inside the anchor tag @Holly-E
when you click on the link itll open a new tab
Eldrida
@Eldrida
Mar 03 2017 05:42
@coymeetsworld - What needs to add up to 12 per row?
Coy Sanders
@coymeetsworld
Mar 03 2017 05:42
the columns
col-xs-6
you add up all columns nested in a row and it should add to 12
@Eldrida grid system for bootstrap http://getbootstrap.com/css/#grid
Eldrida
@Eldrida
Mar 03 2017 05:45
I keep getting this error - You should have a total of 6 button elements.
Coy Sanders
@coymeetsworld
Mar 03 2017 05:46
whats your code look like?
Eldrida
@Eldrida
Mar 03 2017 05:46
Is why I added the extra four buttons.
Coy Sanders
@coymeetsworld
Mar 03 2017 05:46
well you need 6
Eldrida
@Eldrida
Mar 03 2017 05:46
I'm trying to figure out where to add the button elements, since you said that the two columns will suffice.
Coy Sanders
@coymeetsworld
Mar 03 2017 05:46
or 6 wells
but you don't need 6 columns
you have a row, and that row has 2 columns and each column has a well right?
all you need to do is add buttons inside the wells, thats all
3 per well
Marshallmallow
@Marshallmallow
Mar 03 2017 05:47
Hello All,
I am looking for assistance with the CSS Class to Style an Element. I believe I have coded correctly; however it says "Your h2 element should be red."

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

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

Coy Sanders
@coymeetsworld
Mar 03 2017 05:48
remove h2 from the style
h2 .red-text does something different
you just create a class, and apply it to a tag
don't need to specify which tag you're adding it to inside your style
Marshallmallow
@Marshallmallow
Mar 03 2017 05:49
OH MY GOD! YOU ARE AMAZING
Eldrida
@Eldrida
Mar 03 2017 05:49
Oh, all right. So I can use the thumbs up, etc within these two columns?
Marshallmallow
@Marshallmallow
Mar 03 2017 05:49
THANK YOU! @coymeetsworld
CamperBot
@camperbot
Mar 03 2017 05:49
marshallmallow sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2262 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Mar 03 2017 05:49
np @Marshallmallow
thumbs up @Eldrida ?
Eldrida
@Eldrida
Mar 03 2017 05:50
the fa-fa-thumbs up commands? <i>
Coy Sanders
@coymeetsworld
Mar 03 2017 05:50
no you don't need that, thats font awesome styling
Claudio Restifo
@Marmiz
Mar 03 2017 05:50
@Eldrida those are classes to be added to the i
Coy Sanders
@coymeetsworld
Mar 03 2017 05:51
those were used for the social media buttons for the catapp this is different
Eldrida
@Eldrida
Mar 03 2017 05:51
Oh, okay. LOL.
Buck Gillispie
@buckrocks001
Mar 03 2017 05:52
(((
Mendez, Daniel
@daniel-mendez
Mar 03 2017 05:52
quick question, when trying to add the image border color,width, style, am i supposed to add that to the <img class ?
Coy Sanders
@coymeetsworld
Mar 03 2017 05:53
you need to create another class with those attributes @daniel-mendez
then give the img that class along w/ smaller-image.
Mendez, Daniel
@daniel-mendez
Mar 03 2017 05:56
<img class="class 1 smaller-image class2 thick-green-border" <-- so just continue to add the border descriptions in this?
Coy Sanders
@coymeetsworld
Mar 03 2017 05:56
don't need class 1 or class2, those are just examples
Holly
@Holly-E
Mar 03 2017 05:56
@coymeetsworld Yup, my code has target="_blank", and it does open in a new tab but the flash is blocked. I was reading about their security and it does say that plugins on external websites are blocked. I was just curious if there was a way to force it to work. :) Here's my code: <a href="https://scratch.mit.edu/projects/121873579/" target="_blank">Click here </a>
Coy Sanders
@coymeetsworld
Mar 03 2017 05:57
@Holly-E could you link your codepen instead?
on codepen yeah I can see flash being blocked
they do block other stuff too like imgur or other things they're afraid may inject malicious code into their systems
but if its just a link that goes to a non-codepen page w/ flash that should be fine I think
Holly
@Holly-E
Mar 03 2017 06:01
The webpage opens up but where the game is supposed to be is just an empty box
Coy Sanders
@coymeetsworld
Mar 03 2017 06:02
oh i see
interesting
Claudio Restifo
@Marmiz
Mar 03 2017 06:04

@Holly-E

The webpage opens up but where the game is supposed to be is just an empty box

are you sure you don't have flash blocked in your browser? Many do it by default

Jeff
@Garanimal
Mar 03 2017 06:05
Hey All, Just curious if there is a more efficient way to solve this challenge or if what I have is correct

function factorialize(num) {
  var factorial=1;
  for (var i=0; (num-i)>0; i++) {
    factorial = factorial*(num-i);
  }
  return factorial;
}

factorialize(5);