These are chat archives for FreeCodeCamp/Help

4th
May 2017
Frank McCroy
@fmccroy
May 04 2017 00:00
After the 3 buttons, close your row div: </div>
Michal Olszewski
@webnoodle
May 04 2017 00:01
I missed quotation mark after 4, do not forget to add that
77AKsamurai77
@77AKsamurai77
May 04 2017 00:02

so i would do this in my case

<div class=‘col-xs-4>< button class="btn btn-block btn-primary">Like</button></div> ?

Michal Olszewski
@webnoodle
May 04 2017 00:02
<div class="col-xs-4">< button class="btn btn-block btn-primary">Like</button></div>
Yes
Olga
@OlgaHashim
May 04 2017 00:04
Here is my tribute page...check it out! https://codepen.io/olga_h/pen/wdeRze/
77AKsamurai77
@77AKsamurai77
May 04 2017 00:05
Screen Shot 2017-05-04 at 01.05.25.png
Michal Olszewski
@webnoodle
May 04 2017 00:05
@OlgaHashim nice !
77AKsamurai77
@77AKsamurai77
May 04 2017 00:05
i have done this, but it is still not working
Andre Urbina
@andiiu
May 04 2017 00:06
hello im running into another issue when trying to add to classes into a image
is asking me Give your image a border width of 10px.
Give your image a border style of solid.
The border around your img element should be green.
this is my class .thick-green-border:{border-color: green; border-width: 10px; border-style: solid;}
and how I am applying it
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Olga
@OlgaHashim
May 04 2017 00:06
@webnoodle thanks!
CamperBot
@camperbot
May 04 2017 00:06
olgahashim sends brownie points to @webnoodle :sparkles: :thumbsup: :sparkles:
:cookie: 125 | @webnoodle |http://www.freecodecamp.com/webnoodle
Andre Urbina
@andiiu
May 04 2017 00:06
I don't know if im doing something wrong
Manish Giri
@Manish-Giri
May 04 2017 00:07
@andiiu why the : here
.thick-green-border:
77AKsamurai77
@77AKsamurai77
May 04 2017 00:07
nvm fixed the problem worked perfectly thank you @webnoodle and @fmccroy
CamperBot
@camperbot
May 04 2017 00:07
77aksamurai77 sends brownie points to @webnoodle and @fmccroy :sparkles: :thumbsup: :sparkles:
:warning: 77aksamurai77 already gave webnoodle points
:cookie: 133 | @fmccroy |http://www.freecodecamp.com/fmccroy
Michal Olszewski
@webnoodle
May 04 2017 00:07
I'll have my done in 3 min :)
Andre Urbina
@andiiu
May 04 2017 00:07
I see
wow thanks
Olga
@OlgaHashim
May 04 2017 00:08
What are brownie points??
Michal Olszewski
@webnoodle
May 04 2017 00:09
Frank McCroy
@fmccroy
May 04 2017 00:10
@OlgaHashim Just a number showing how many times you have been thanked for helping someone. Having a high number could mean you helped a lot of people here.
Kyle Holm
@thekholm80
May 04 2017 00:10
you also get a point every time you complete a lesson
Manish Giri
@Manish-Giri
May 04 2017 00:11
and for points from the forum
Olga
@OlgaHashim
May 04 2017 00:11
@fmccroy oh, ok. Thanks!
CamperBot
@camperbot
May 04 2017 00:11
olgahashim sends brownie points to @fmccroy :sparkles: :thumbsup: :sparkles:
:cookie: 134 | @fmccroy |http://www.freecodecamp.com/fmccroy
Olga
@OlgaHashim
May 04 2017 00:11
I see.
Frank McCroy
@fmccroy
May 04 2017 00:11
Hahahaha, thanks @OlgaHashim
CamperBot
@camperbot
May 04 2017 00:11
fmccroy sends brownie points to @olgahashim :sparkles: :thumbsup: :sparkles:
:cookie: 37 | @olgahashim |http://www.freecodecamp.com/olgahashim
Michal Olszewski
@webnoodle
May 04 2017 00:13
gn guys...
Kyle Holm
@thekholm80
May 04 2017 00:13
@webnoodle :wave:
Michal Olszewski
@webnoodle
May 04 2017 00:13
:zzz:
@thekholm80 :+1:
Kyle Holm
@thekholm80
May 04 2017 00:14
I need a giant whiteboard. I'm going through so much paper
Olga
@OlgaHashim
May 04 2017 00:15
@webnoodle lovely tribute page! How long did it take you to finish it?
Manish Giri
@Manish-Giri
May 04 2017 00:17
I need the apple pen
then i can scribble on my iPad
Kyle Holm
@thekholm80
May 04 2017 00:17
yeah, i'd rather buy a whiteboard
Manish Giri
@Manish-Giri
May 04 2017 00:17
:smiling_imp:
Kyle Holm
@thekholm80
May 04 2017 00:17
whiteboards aren't outdated after a year
Manish Giri
@Manish-Giri
May 04 2017 00:18
neither are iPads
maybe after 3-4
Kyle Holm
@thekholm80
May 04 2017 00:18
That's a good thought though, maybe I could get a wacom tablet for my desktop, then plug that into my tv
damn thing is 100 bucks
Kyle Holm
@thekholm80
May 04 2017 00:21
then another $45 for the special dongle to plug it in?
fallofu
@fallofu
May 04 2017 00:22
Hi,Im new to coding and Im stuck at somewhere in the tutorial.It says ''Be sure to delete all trailing comment tags, i.e. -->.'' But I dont get it..
Kyle Holm
@thekholm80
May 04 2017 00:23
comments in html start with <!-- and end with --> make sure you delete both
fallofu
@fallofu
May 04 2017 00:23
Yea but then whole thing goes away..
Kyle Holm
@thekholm80
May 04 2017 00:23
what do the instructions say?
and what does your code say?
Brook Pants
@BrookTheChook
May 04 2017 00:24
@fallofu <!-- this is a comment --> delete the comment tags
but not whats inside the commeny
*comment
fallofu
@fallofu
May 04 2017 00:24
Im so bad at this ..
Servatose
@Servatose
May 04 2017 00:24
Hello everyone. I'm trying to use the DOM to generate a random number based on the value of two text fields by setting a button as an event listener. I can't find what is wrong with my code but it's not generating the numbers I'm expecting. I'd greatly appreciate if someone could take a look. https://codepen.io/ChadS/pen/RVZxmK?editors=1010
Mariam
@mariamsaleem
May 04 2017 00:25

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

i keep getting an error saying chane h2 element be blue
although i did it still shows an X
how do i change h2 element to be blue
fallofu
@fallofu
May 04 2017 00:27
http://imgur.com/a/lwVVq can someone tell me what Im doing wrong?
Im bad at this..
Manish Giri
@Manish-Giri
May 04 2017 00:27
@mariamsaleem where is your h2 in the html?
Mariam
@mariamsaleem
May 04 2017 00:28
what do you mean? @Manish-Giri
Manish Giri
@Manish-Giri
May 04 2017 00:28
@mariamsaleem I mean where is the h2 element that said CatPhotoApp?
Kyle Holm
@thekholm80
May 04 2017 00:28
@Servatose it seems to be working fine to me
Mariam
@mariamsaleem
May 04 2017 00:28
i deleted it opps @Manish-Giri
Servatose
@Servatose
May 04 2017 00:28
@thekholm80 It works, as it in generates numbers, but for me it's not generating numbers between the range I set in the text inputs.
Mariam
@mariamsaleem
May 04 2017 00:28
where can i add it
Manish Giri
@Manish-Giri
May 04 2017 00:29
above p
Kyle Holm
@thekholm80
May 04 2017 00:29
@Servatose the function is Math.floor(Math.random() * (max - min)) + min; and it looks like you got that
pevgarcia
@pevgarcia
May 04 2017 00:29
Im blanking on how to add a CSS class
Kyle Holm
@thekholm80
May 04 2017 00:29
@Servatose oh, there i got a number out of scope
pevgarcia
@pevgarcia
May 04 2017 00:30
Problem: "Your <style> should have a pink-text CSS class with its color set to pink"
Code:
<style>
body {
background-color: black;
font-family: Monospace;
color: green;
h1 {
pink-text
}
</style>
Kyle Holm
@thekholm80
May 04 2017 00:30
@Servatose try converting the text input value to a number first
fallofu
@fallofu
May 04 2017 00:30
Can someone help me,Im stuck with this ''Be sure to delete all trailing comment tags, i.e. -->.
'' when I do it i get the 3 above it wrong but when I have the 3 above it good I always have the ''Be sure to delete all trailing comment tags, i.e. -->.
'' wrong
Manish Giri
@Manish-Giri
May 04 2017 00:30
@pevgarcia refer the example on the left
Kyle Holm
@thekholm80
May 04 2017 00:30
since it will come in as a string
Servatose
@Servatose
May 04 2017 00:30
@thekholm80 Thank you! I'll give that a shot.
CamperBot
@camperbot
May 04 2017 00:30
servatose sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 566 | @thekholm80 |http://www.freecodecamp.com/thekholm80
reddops
@reddops
May 04 2017 00:31

im trying to rezize the image on my cat photo but it keeps telling me i havent given it the class smaller-image yet anyone take a peek thanks

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

<style>
.red-text {
color: red;
}
.smaller-image {
width: 100px;
}
h2 {
font-family: Lobster, Monospace;
}

p {
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. ">

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

Kyle Holm
@thekholm80
May 04 2017 00:31
@Servatose i think it's parseInt()
Mariam
@mariamsaleem
May 04 2017 00:32
awesome thanks @Manish-Giri
Manish Giri
@Manish-Giri
May 04 2017 00:32
@reddops you haven't applied it
CamperBot
@camperbot
May 04 2017 00:32
mariamsaleem sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5386 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
May 04 2017 00:32
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
reddops
@reddops
May 04 2017 00:32
does the class code go before or after the style comment
pevgarcia
@pevgarcia
May 04 2017 00:32
@Manish-Giri Thanks, that made my h1 element pink but im still getting "Your <style> should have a pink-text CSS class with its color set to pink."
CamperBot
@camperbot
May 04 2017 00:32
pevgarcia sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5387 | @manish-giri |http://www.freecodecamp.com/manish-giri
pevgarcia
@pevgarcia
May 04 2017 00:33

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

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

Manish Giri
@Manish-Giri
May 04 2017 00:34

@pevgarcia if you do this

color: green;
color: pink;

then won't the green be overridden for the body?

pevgarcia
@pevgarcia
May 04 2017 00:35
Thats what I have, but my text is pink.
(CHECK)Your h1 element should have the class pink-text.
(X)Your <style> should have a pink-text CSS class with its color set to pink.
(CHECK)Your h1 element should be pink.
What does the CSS style element supposed to look like?
**CSS class
jclark0630
@jclark0630
May 04 2017 00:37
how to replace the value of An "a" element with the "href" attribute??
fallofu
@fallofu
May 04 2017 00:38
can someone help me?
Manish Giri
@Manish-Giri
May 04 2017 00:39
@pevgarcia the color: green should remain on body
you need to create a new class called pink-text that sets the color to pink
@jclark0630 replace the http link with #
pevgarcia
@pevgarcia
May 04 2017 00:39
How do I create a new class?
class="pink-text" ?
Jordan Pierce
@jpierc
May 04 2017 00:40
how do you declare a color text class
^on the stylesheet?
solved .red-text in the css line tnx me
fallofu
@fallofu
May 04 2017 00:41
How do u fix the ''Be sure to delete all trailing comment tags, i.e. -->.'' thingy..
Doug Williams
@dwilliams86
May 04 2017 00:43
I'm stuck on changing my p elements font size to 16px
Samuel
@SamuelMorrison
May 04 2017 00:43
@thekholm80 Thanks
CamperBot
@camperbot
May 04 2017 00:43
samuelmorrison sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 567 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Kyle Holm
@thekholm80
May 04 2017 00:44
@SamuelMorrison :+1:
what did i do? lol I'm only 1/2 paying attention
c0d0er2
@c0d0er2
May 04 2017 00:45

Can somebody please help me with Build JavaScript Objects in JavaScript? Here is my code:

// Example
var ourDog = {
  "name": "Camper",
  "legs": 4,
  "tails": 1,
  "friends": ["everything!"]
};

// Only change code below this line.

var dog = {
  "name": "Rex",
  "legs": 4,
  "tails": 1,
  "friends": ["Nice animals"]
};

Here is the link: https://www.freecodecamp.com/challenges/build-javascript-objects

Kyle Holm
@thekholm80
May 04 2017 00:46
@c0d0er2 Make an object that represents a dog called myDog
your object is called dog
njordomir
@njordomir
May 04 2017 00:50
What's the name of that icon pool they introduced us to in the early lessons?
Kyle Holm
@thekholm80
May 04 2017 00:50
@njordomir font-awesome
njordomir
@njordomir
May 04 2017 00:51
@thekholm80 Thanks Kyle. That's the one!
CamperBot
@camperbot
May 04 2017 00:51
njordomir sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 568 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Kyle Holm
@thekholm80
May 04 2017 00:51
@njordomir :+1:
it's a good resource
jclark0630
@jclark0630
May 04 2017 00:52
But where does the # go??
Kyle Holm
@thekholm80
May 04 2017 00:52
if you're doing the challenge where you give the href a value of '#', it goes where the value goes
value is assigned with a =
so href=
jclark0630
@jclark0630
May 04 2017 00:56
href= # ?? lol
Kyle Holm
@thekholm80
May 04 2017 00:56
value always goes in quotes
Collin
@CollinHassing
May 04 2017 00:57
Hey I am doing the Beta FCC challenges on the ES6 section, but it sometimes is saying the challanege is passed even when the incorrect answer is in there? is there a fix to this?
Kyle Holm
@thekholm80
May 04 2017 00:57
it's a bug, not ready yet
I'm kinda sad too, I need to learn es6
Collin
@CollinHassing
May 04 2017 00:58
Ahh okay! thanks is it just that section?
fallofu
@fallofu
May 04 2017 00:58
;
Collin
@CollinHassing
May 04 2017 00:59
It seems like some of them work, but some I know I have the incorrect answer and it says I passed. Now I am wondering if some I did before are actually incorrect. Guess I will set that section aside for now
Kyle Holm
@thekholm80
May 04 2017 00:59
I'm not sure. Most of what I've done on beta has worked
Collin
@CollinHassing
May 04 2017 00:59
Cool thanks Kyle
Kyle Holm
@thekholm80
May 04 2017 00:59
but admittedly i've not done all of it yet
@CollinHassing :+1:
Seokhwan Lee
@hsh0917
May 04 2017 01:14
Hello. I don't under stand this part. Could anyone explain this meaning for me? The part I didn't understand is that "if you wanted an element to use the Helvetica font, but also degrade to the Sans-Serif font when Helvetica wasn't available, you could use this CSS style:"
why do I have to degrade??
John Edwards
@javajohnHub
May 04 2017 01:15
Its l8ke a backup font
Kyle Holm
@thekholm80
May 04 2017 01:15
if the person viewing your webpage doesn't have access to your specified font, you can choose the next-best font
so basically it says use this one, but if it's not available, use this one instead
Seokhwan Lee
@hsh0917
May 04 2017 01:16
ah. it is that meaning. Thank you so much John and Kyle :) I got it.
Kyle Holm
@thekholm80
May 04 2017 01:16
:+1:
John Edwards
@javajohnHub
May 04 2017 01:16
Ive been stuck on mutation challenge for too long
Kyle Holm
@thekholm80
May 04 2017 01:17
show me?
John Edwards
@javajohnHub
May 04 2017 01:20
function mutation(arr) {
    arr[0].toLowerCase();
    arr[1].toLowerCase();
    firstArr = arr[0].split('');
    secondArr = arr[1].split('');
    for (var i = 0; i < firstArr.length; i++) {
    if (firstArr.includes(secondArr[i]) >= 0)
        return true;
}
return false;

}
oh wait that has some bad errors
Kyle Holm
@thekholm80
May 04 2017 01:21
have you thought about using indexOf() instead of include()?
if it returns a value greater than -1 then the value is present
Manish Giri
@Manish-Giri
May 04 2017 01:21
@javajohnHub you're not saving the return values
 arr[0].toLowerCase();
    arr[1].toLowerCase();
Kyle Holm
@thekholm80
May 04 2017 01:22
yeah, there's that too. gotta assign that value
John Edwards
@javajohnHub
May 04 2017 01:23
```

function mutation(arr) {
firstArr = arr[0].toLowerCase().split('');
secondArr = arr[1].toLowerCase().split('');

for (var i = 0; i < firstArr.length; i++) {
if (firstArr.includes(secondArr[i]))
    return true;

}
return false;

}

same results
just 3 failing
ill try using indexOf somewhere
Kyle Holm
@thekholm80
May 04 2017 01:25
I've never seen an if statement without {}
not saying it's wrong, just never seen that
unless it's all on one line, i mean
John Edwards
@javajohnHub
May 04 2017 01:26
thats an error
Manish Giri
@Manish-Giri
May 04 2017 01:26
so hold on
this bit
John Edwards
@javajohnHub
May 04 2017 01:26
ty @thekholm80
CamperBot
@camperbot
May 04 2017 01:26
javajohnhub sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 569 | @thekholm80 |http://www.freecodecamp.com/thekholm80
John Edwards
@javajohnHub
May 04 2017 01:26
its never returning false
khanvuthy88
@khanvuthy88
May 04 2017 01:26
@thekholm80 hasha, in Python. :smile:
Manish Giri
@Manish-Giri
May 04 2017 01:27
if (firstArr.includes(secondArr[i]))
    return true;
you return true if the first letter is present
Kyle Holm
@thekholm80
May 04 2017 01:27
yeah
Manish Giri
@Manish-Giri
May 04 2017 01:27
but you never check for the rest?
Kyle Holm
@thekholm80
May 04 2017 01:27
when I did it, i had it return false if the letter wasn't present, or if it exited the loop would return true
Manish Giri
@Manish-Giri
May 04 2017 01:28
I mean, for hello and halp
first letter is a match so you return true
but what about the rest
Will Hart
@willhart108
May 04 2017 01:28
Help! Im on task 35. When it says "nest within a form element" where within the form do i input the action to "nest"?
John Edwards
@javajohnHub
May 04 2017 01:28
so it exits the loop after the first go?
Manish Giri
@Manish-Giri
May 04 2017 01:28
yes
that's what return does
John Edwards
@javajohnHub
May 04 2017 01:28
ty @Manish-Giri
CamperBot
@camperbot
May 04 2017 01:28
javajohnhub sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5388 | @manish-giri |http://www.freecodecamp.com/manish-giri
Kyle Holm
@thekholm80
May 04 2017 01:28
@willhart108 do you know what they mean by nesting?
Sam Rainbowz
@MrRainbowz
May 04 2017 01:28

I need help with challenge 39. I cant figure it out. If anyone could help me get it that would be great. Here's what I got rn: ```

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

<p>Things cats love:</p>

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

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

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

<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL" required>
<label><input type="radio" name="personality"> word1</label>
<label><input type="radio" name="personality"> word2</label>
<label><input type="radio" name="personality"> word3</label>
<button type="submit">Submit</button>
</form>'''

CamperBot
@camperbot
May 04 2017 01:28
:bulb: to format code use backticks! ``` more info
Sam Rainbowz
@MrRainbowz
May 04 2017 01:29
oh uh oops
I think i did that wrong
but if someone could still help that would be cool
Will Hart
@willhart108
May 04 2017 01:29
yeah nesting is adding something within an existing element, ya? Im brand new to coding. On day 3!
Kyle Holm
@thekholm80
May 04 2017 01:29
did you have a question?
@willhart108
<div>
  <p>this p element is nested in a div</p>
</div>
Will Hart
@willhart108
May 04 2017 01:30
just so much to take in
Kyle Holm
@thekholm80
May 04 2017 01:30
so nest your <input> in the form element
Alexander Køpke
@alexanderkopke
May 04 2017 01:30
yeah it is easy to get overwhelmed
Sam Rainbowz
@MrRainbowz
May 04 2017 01:31

I need help with challenge 39. I cant figure it out. If anyone could help me get it that would be great. Here's what I got rn: ```

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

<p>Things cats love:</p>

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

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

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

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

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

<label><input type="radio" name="personality"> word1</label>

<label><input type="radio" name="personality"> word2</label>

<label><input type="radio" name="personality"> word3</label>

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

dag nabbit
how do you do this
xD
im so sorry guys
Alexander Køpke
@alexanderkopke
May 04 2017 01:31
what is the task?
Sam Rainbowz
@MrRainbowz
May 04 2017 01:31
I cant get that text thing to work with the putting it into the chat like it is
Kyle Holm
@thekholm80
May 04 2017 01:31
just pasting the code and saying help doesn't give us a lot to go on
Sam Rainbowz
@MrRainbowz
May 04 2017 01:31
ik
i was trying to put it in in the right format thing
but the ``` thing wont work
idk why
Kyle Holm
@thekholm80
May 04 2017 01:32
the backticks go on their own lines
Alexander Køpke
@alexanderkopke
May 04 2017 01:32
put the backticks on a line
You can do shift+enter to go a line down
Sam Rainbowz
@MrRainbowz
May 04 2017 01:33
nvm
i think i got it
sorry for the trouble
Alexander Køpke
@alexanderkopke
May 04 2017 01:33
we'd like to help but we don't know what is wrong
there are so many challenges, it is impossible to know what all the tasks are about
Kyle Holm
@thekholm80
May 04 2017 01:35
can I just paste code because I'm proud of it?
Alexander Køpke
@alexanderkopke
May 04 2017 01:36
of course
Kyle Holm
@thekholm80
May 04 2017 01:36
var http = require("http")
var urls = [process.argv[2], process.argv[3], process.argv[4]]
var completeCount = 0
var results = ['', '', '']

urls.forEach(function(url, index) {
  http.get(url, function(response) {
    response.setEncoding('utf8')
    response.on('data', function(data) {
      results[index] += data;
    })
    response.on('end', function() {
      completeCount++;
      if (completeCount === 3) {
        printResults(results);
      }
    })
  })
})

function printResults(results) {
  console.log(results[0])
  console.log(results[1])
  console.log(results[2])
}
bam, no googling involved lol
Alexander Køpke
@alexanderkopke
May 04 2017 01:36
:)
Carmen Pesantez
@CarmenPesantez
May 04 2017 01:37
hi people
Kyle Holm
@thekholm80
May 04 2017 01:37
I know node isn't super hard but it's been kicking my butt
@CarmenPesantez hi
Carmen Pesantez
@CarmenPesantez
May 04 2017 01:38
that looks like Chinese
I hope I get to that point
Kyle Holm
@thekholm80
May 04 2017 01:38
I started at the beginning like everyone else
took me 2 months to get to this point
Alexander Køpke
@alexanderkopke
May 04 2017 01:39
one has to be prepared to keep learning
Matthew White
@LordFifth
May 04 2017 01:39
@thekholm80 2!?
Carmen Pesantez
@CarmenPesantez
May 04 2017 01:39
@thekholm80 That gives me hope jajaja
Kyle Holm
@thekholm80
May 04 2017 01:39
@CarmenPesantez you can do it!
@LordFifth I know, i'm slow. the data visualization projects really slow me down
Matthew White
@LordFifth
May 04 2017 01:40
I took longer..
much longer...
Kyle Holm
@thekholm80
May 04 2017 01:40
but you're better than me, so it was worth it
Will Hart
@willhart108
May 04 2017 01:40
So it's saying to nest my text input (<input type="text" placeholder="cat photo URL">) within a form element (<form action="/submit-cat-photo"></form>)..where within the form element does the text input go?
Carmen Pesantez
@CarmenPesantez
May 04 2017 01:40
Seeing all you people really interested means I am not wasting my time
Kyle Holm
@thekholm80
May 04 2017 01:41
@CarmenPesantez I think it's a lot of fun
@willhart108 between the open tag and the close tag
Will Hart
@willhart108
May 04 2017 01:41
(if that makes sense lol)
Carmen Pesantez
@CarmenPesantez
May 04 2017 01:41
I having the time of my life
Matthew White
@LordFifth
May 04 2017 01:41
@thekholm80 only in css, and I'm not 3x better at that :(
Kyle Holm
@thekholm80
May 04 2017 01:42
but you've learned vue - I don't know that
and canvas
Matthew White
@LordFifth
May 04 2017 01:42
vue is easier to learn than react
I have to try harder!
Carmen Pesantez
@CarmenPesantez
May 04 2017 01:42
the nice thing is you can work at any place, the page is very versatile
Matthew White
@LordFifth
May 04 2017 01:42
Webpack you will not defeat me!
yeah
Kyle Holm
@thekholm80
May 04 2017 01:43
@CarmenPesantez I work from home now, I'd love to keep doing that as a web dev
John Deegan
@JohnDeegs
May 04 2017 01:44

Hey all, I'm trying out push and pull in bootstrap and I can't seem to get the "two" div to appear on top on smaller screen sizes. Can anyone spot the issue? :D Thanks.

<div class="container">
  <div class="row">
    <div id="one" class="col-sm-12 col-sm-12-push col-md-6">One</div>
    <div id="two" class="col-sm-12 col-sm-12-pull col-md-6">Two</div>
  </div>
</div>

https://codepen.io/JohnDeegs/pen/gWxePq?editors=1100

Carmen Pesantez
@CarmenPesantez
May 04 2017 01:44
that is my goal, I have two children and I decided to stop working to take care of them, but guess what, it is boring
Kyle Holm
@thekholm80
May 04 2017 01:45
@JohnDeegs isn't bootstrap max columns 12? col-sm-12 where will you push it?
Carmen Pesantez
@CarmenPesantez
May 04 2017 01:45
So this is my ultimate escape
Kyle Holm
@thekholm80
May 04 2017 01:45
maybe I don't understand what you're trying to do
Manish Giri
@Manish-Giri
May 04 2017 01:45
@JohnDeegs also use bootstrap v3.3.7
not 4
Will Hart
@willhart108
May 04 2017 01:45
when i reset my code, the image im creating comes up w/ an error message and i cant see the picture/text
that a bug?
Kyle Holm
@thekholm80
May 04 2017 01:46
@CarmenPesantez haha I don't think I could be a stay-at-home parent
Carmen Pesantez
@CarmenPesantez
May 04 2017 01:46
@willhart108 you just started, that sounds like something I am working on
Manish Giri
@Manish-Giri
May 04 2017 01:46
I'm amazed how fast people decide that it's a bug
Carmen Pesantez
@CarmenPesantez
May 04 2017 01:46
@thekholm80 Well I have no options
Will Hart
@willhart108
May 04 2017 01:46
@CarmenPesantez im only on step 35 : P
Kyle Holm
@thekholm80
May 04 2017 01:46
@willhart108 thanks
CamperBot
@camperbot
May 04 2017 01:46
thekholm80 sends brownie points to @willhart108 :sparkles: :thumbsup: :sparkles:
:cookie: 36 | @willhart108 |http://www.freecodecamp.com/willhart108
Kyle Holm
@thekholm80
May 04 2017 01:46
now you're at 36
Will Hart
@willhart108
May 04 2017 01:46
is it tho?
Carmen Pesantez
@CarmenPesantez
May 04 2017 01:47
@thekholm80 I am at 37
boykinrun
@boykinrun
May 04 2017 01:47
@CarmenPesantez almost there myself - remind me how to nest the text element
Will Hart
@willhart108
May 04 2017 01:47
i didnt complete 35 tho! lol
boykinrun
@boykinrun
May 04 2017 01:47
into the form element...
Kyle Holm
@thekholm80
May 04 2017 01:47
@CarmenPesantez the number is just how many points you have, it's not the number of the challenge
/about @thekholm80
CamperBot
@camperbot
May 04 2017 01:47
:cookie: 569 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Manish Giri
@Manish-Giri
May 04 2017 01:48
i'm at 53xx something
John Deegan
@JohnDeegs
May 04 2017 01:48
@Manish-Giri Still the same on 3.3.7
Kyle Holm
@thekholm80
May 04 2017 01:48
I'm not on challenge 569
Carmen Pesantez
@CarmenPesantez
May 04 2017 01:49
@thekholm80 paste it again, let me check
Zachary Gregory
@Ziggy007
May 04 2017 01:49
hey guys
Kyle Holm
@thekholm80
May 04 2017 01:49
@CarmenPesantez what am I pasting?
@Ziggy007 hi
Will Hart
@willhart108
May 04 2017 01:50
@thekholm80 i hit reset instead of just going to the next challenge. how do i complete the 'form element' task? it still showing up as an error
Zachary Gregory
@Ziggy007
May 04 2017 01:51
how would you apply a green border to an image with a width of 10px and a solid border https://www.freecodecamp.com/challenges/add-borders-around-your-elements#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%20%20.thin-green-border%20%7B%20%0A%20%20border-color%3A%20green%3B%0A%20%20border-width%3A%2010px%3B%0A%20%20border-style%3A%20solid%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cimg%20class%3D%22smaller-image%20thin-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%3E%0A%0A%3Cp%20class%3D%22red-text%22%3EKitty%20ipsum%20dolor%20sit%20amet%2C%20shed%20everywhere%20shed%20everywhere%20stretching%20attack%20your%20ankles%20chase%20the%20red%20dot%2C%20hairball%20run%20catnip%20eat%20the%20grass%20sniff.%3C%2Fp%3E%0A%3Cp%20class%3D%22red-text%22%3EPurr%20jump%20eat%20the%20grass%20rip%20the%20couch%20scratched%20sunbathe%2C%20shed%20everywhere%20rip%20the%20couch%20sleep%20in%20the%20sink%20fluffy%20fur%20catnip%20scratched.%3C%2Fp%3E%0A
Manish Giri
@Manish-Giri
May 04 2017 01:51
@Ziggy007 thick not thin
Kyle Holm
@thekholm80
May 04 2017 01:52
@willhart108 what do the instructions say?
Carmen Pesantez
@CarmenPesantez
May 04 2017 01:52
@willhart108 <p>Click here for <a href="#">cat photos</a>.</p>
Zachary Gregory
@Ziggy007
May 04 2017 01:52
thanks
my mistake
Carmen Pesantez
@CarmenPesantez
May 04 2017 01:53
the # should be your web site address
@willhart108 <a href="http://www.freecatphotoapp.com">cat photos</a>
@willhart108 I think that is what you are looking for
I not for you is silly my question but how do I paste the code?
Kyle Holm
@thekholm80
May 04 2017 01:58
select the code, press ctrl+c, click in chat, press ctrl+v
Carmen Pesantez
@CarmenPesantez
May 04 2017 01:58
I know*
Will Hart
@willhart108
May 04 2017 01:58
@thekholm80 Nest your text input element within a form element.
Make sure your form has an action attribute which is set to /submit-cat-photo
Make sure your form element has a closing tag.
Kyle Holm
@thekholm80
May 04 2017 01:58
so you should have an opening form tag, then an input tag, then a closing form tag.
the form element should have the action attribute
JessMajella
@JessMajella
May 04 2017 01:59
I am on 23. It's telling me my img element should have the class smaller-image, but i did add that, and it's not letting me move on. doea anyone know if this is a bug?
Carmen Pesantez
@CarmenPesantez
May 04 2017 01:59
well I know that but just the text is shown I am talking about the whole thing with the black background and everything
Kyle Holm
@thekholm80
May 04 2017 01:59
take a screenshot?
Carmen Pesantez
@CarmenPesantez
May 04 2017 01:59
or yours it's a picture?
Will Hart
@willhart108
May 04 2017 01:59
shouldnt the image and my work so far show up on the cell phone tho? it's blank even after i reset it
Carmen Pesantez
@CarmenPesantez
May 04 2017 01:59
ahhhhhhhhhhh ok
got it
@thekholm80 thanks
CamperBot
@camperbot
May 04 2017 02:00
carmenpesantez sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 570 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Kyle Holm
@thekholm80
May 04 2017 02:00
@CarmenPesantez :+1:
Will Hart
@willhart108
May 04 2017 02:00
Screen Shot 2017-05-03 at 7.00.12 PM.png
Carmen Pesantez
@CarmenPesantez
May 04 2017 02:00
oops
you broke your cell jajajaja
Will Hart
@willhart108
May 04 2017 02:01
lol
Chrome detected unusual code on this page and blocked it to protect your personal information (for example, passwords, phone numbers, and credit cards).
Kyle Holm
@thekholm80
May 04 2017 02:01
if you cracked the screen it voids the warrenty
Will Hart
@willhart108
May 04 2017 02:01
weird
lol this is where the cat pic and my progress should be
Carmen Pesantez
@CarmenPesantez
May 04 2017 02:02
I have worked from most places, cellphones, laptop, ipad, tablet and I haven't seen that before
Will Hart
@willhart108
May 04 2017 02:03
thats not MY cell phone lol
Carmen Pesantez
@CarmenPesantez
May 04 2017 02:03
maybe I am so new to have those kind of problems
Will Hart
@willhart108
May 04 2017 02:03
im making the cat app
shipwreckpep
@shipwreckpep
May 04 2017 02:03
I'm on lesson 99 where I'm getting ready to start using jQuery. I'm supposed to create a script element and then supposed to put some stuff inside of the element. So my question is do I put the "$(document).ready(function() { }); inside the opening tag or between the opening and closing tags?
Carmen Pesantez
@CarmenPesantez
May 04 2017 02:03
@willhart108 me too
Kyle Holm
@thekholm80
May 04 2017 02:04
@shipwreckpep between the tags
Adrian Ricardo Robles Fuentes
@codingadrian
May 04 2017 02:04
@willhart108 right click on the icon and reload
shipwreckpep
@shipwreckpep
May 04 2017 02:04
@thekholm80 I tried that, but it didn't take. Let me copy what I wrote
<script> $(document).ready(function() {
});
</script>
Kyle Holm
@thekholm80
May 04 2017 02:05
@shipwreckpep refresh your browser, sometimes it's buggy
Will Hart
@willhart108
May 04 2017 02:05
@CarmenPesantez @thekholm80 jeez.. all i had to do was open it in Safari lol
chroms fault
Kyle Holm
@thekholm80
May 04 2017 02:06
I did all of them in chrome with no problems
Manish Giri
@Manish-Giri
May 04 2017 02:06
not really
Kyle Holm
@thekholm80
May 04 2017 02:06
ymmv
Manish Giri
@Manish-Giri
May 04 2017 02:06
chrome is just protecting you
shipwreckpep
@shipwreckpep
May 04 2017 02:06
@thekholm80 Thanks, that worked!
CamperBot
@camperbot
May 04 2017 02:06
shipwreckpep sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 571 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Ankit Nautiyal
@Ankitnau25
May 04 2017 02:06
Hi can anyone help me, i am creating ecommerce website i need to filter products according to prize, brand and price how to filter using angular js
Kyle Holm
@thekholm80
May 04 2017 02:06
@shipwreckpep :+1:
Manish Giri
@Manish-Giri
May 04 2017 02:06
angular
ew
Kyle Holm
@thekholm80
May 04 2017 02:06
step one, switch to react
Manish Giri
@Manish-Giri
May 04 2017 02:07
step two, never look back
Will Hart
@willhart108
May 04 2017 02:07
lol
Kyle Holm
@thekholm80
May 04 2017 02:07
step two: npm remove angular
kidding, don't do that
Manish Giri
@Manish-Giri
May 04 2017 02:08
yeah do npm uninstall angular instead
Kyle Holm
@thekholm80
May 04 2017 02:09
do you have to do that if you installed it as a --save or --save-dev?
Manish Giri
@Manish-Giri
May 04 2017 02:09
yeah
JessMajella
@JessMajella
May 04 2017 02:09
Figured it out! Thanks!
Manish Giri
@Manish-Giri
May 04 2017 02:09
that's how I uninstalled webpack
Kyle Holm
@thekholm80
May 04 2017 02:09
i didn't know that. i assumed it was for install -g
and why would you uninstall webpack?
Manish Giri
@Manish-Giri
May 04 2017 02:09
I mentioned yesterday
2.2 was breaking resolve.extensions
so I downgraded to 2.1.beta
Kyle Holm
@thekholm80
May 04 2017 02:10
oh right
Manish Giri
@Manish-Giri
May 04 2017 02:10
i'll try it again in a dummy project tonight
to see if it's resolved yet
Kyle Holm
@thekholm80
May 04 2017 02:11
can you just edit the package.json then npm install?
Manish Giri
@Manish-Giri
May 04 2017 02:11
ooh didn't think of that
Kyle Holm
@thekholm80
May 04 2017 02:11
I guess that wouldn't uninstall it
Manish Giri
@Manish-Giri
May 04 2017 02:11
yeah that should do
Kyle Holm
@thekholm80
May 04 2017 02:11
but it wouldn't build in the final package
Mer09
@Mer09
May 04 2017 02:12
<script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("shake");
$("#target1").addClass("btn-primary animated shake");
});
</script>
I thought I did add one class in each selector
Ankit Nautiyal
@Ankitnau25
May 04 2017 02:12
Hi can anyone help me, i am creating ecommerce website i need to filter products according to prize, brand and price how to filter using angular js
Kyle Holm
@thekholm80
May 04 2017 02:13
@Mer09 btn-primary animated shake is more than one class
Mer09
@Mer09
May 04 2017 02:13
@thekholm80 well that one can have more than one
or Idk what it really want
"Your #target1 element should have the classes animated‚ shake and btn-primary. "
Kyle Holm
@thekholm80
May 04 2017 02:15
very true
$("button").addClass("animated"); adds animated
$(".btn").addClass("shake"); adds shake
so you only need to add btn-primary
ldjohnson12
@ldjohnson12
May 04 2017 02:18

<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>
<p red-text h1 { font-size: 16px; }>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Manish Giri
@Manish-Giri
May 04 2017 02:18
<p red-text h1 { font-size: 16px; }
this is all kinds of wrong
__mifflin__
@cdrainxv
May 04 2017 02:18
Looks :100: to me.
Kyle Holm
@thekholm80
May 04 2017 02:18
man baby groot cracks me up. really looking forward to this movie
jnathan11
@jnathan11
May 04 2017 02:18
Has anyone had problems getting their text to center in CodePen?
Kyle Holm
@thekholm80
May 04 2017 02:19
@jnathan11 nope
Manish Giri
@Manish-Giri
May 04 2017 02:19
not if you use bs 3.3.7
jnathan11
@jnathan11
May 04 2017 02:19
<div class="container">
<div class="row">
<div class="col-xs-12">
<h1 class="text-center">Dr. Norman Borlaug</h1>
</div>
</div>
</div>
Mer09
@Mer09
May 04 2017 02:21
@thekholm80 oh.../.\
@thekholm80 thank you!
CamperBot
@camperbot
May 04 2017 02:21
mer09 sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 572 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Kyle Holm
@thekholm80
May 04 2017 02:21
@Mer09 :+1:
jnathan11
@jnathan11
May 04 2017 02:21
That actually worked Manish, thank you!
Manish Giri
@Manish-Giri
May 04 2017 02:21
:+1:
jnathan11
@jnathan11
May 04 2017 02:21
The alpha version must have some issues in codePen
Manish Giri
@Manish-Giri
May 04 2017 02:22
codepen is stupid
Kyle Holm
@thekholm80
May 04 2017 02:23
step one, remove bootstrap
step two, learn to love flexbox
step three, never look back
Manish Giri
@Manish-Giri
May 04 2017 02:23
flex-direction: bahamas
Kyle Holm
@thekholm80
May 04 2017 02:24
testify
__mifflin__
@cdrainxv
May 04 2017 02:24
^ Is that an npm package? :smirk:
ldjohnson12
@ldjohnson12
May 04 2017 02:25

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

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

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

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

How do I add monospace font?
Kyle Holm
@thekholm80
May 04 2017 02:25
font-family:
ldjohnson12
@ldjohnson12
May 04 2017 02:25
Thank you
boykinrun
@boykinrun
May 04 2017 02:26
Finally needing help myself...Struggling giving the div element a silver background
I have this new class named, I know I'm just putting it in the wrong palce
Kyle Holm
@thekholm80
May 04 2017 02:27
let's see
Mer09
@Mer09
May 04 2017 02:27
$("button").removeClasss("btn-default");
IS THIS RIGHT?
Kyle Holm
@thekholm80
May 04 2017 02:28
.removeClasss it's close
but not quite right
Mer09
@Mer09
May 04 2017 02:29
OH HAHA OMG I MUST BE TIRED BHAHA 😅
boykinrun
@boykinrun
May 04 2017 02:29
i think i got it
nope
sohaib ahmed
@shwebby101
May 04 2017 02:32

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

i need to make the font smaller
im sure i did this wrong
any help?
boykinrun
@boykinrun
May 04 2017 02:33
what size do you need to make it
sohaib ahmed
@shwebby101
May 04 2017 02:33
100px
not the font im sorry the image
need to make the image smalle
r
Kyle Holm
@thekholm80
May 04 2017 02:33
@boykinrun is that louis anderson in your pic?
boykinrun
@boykinrun
May 04 2017 02:34
lol - yes it is
Kyle Holm
@thekholm80
May 04 2017 02:34
awesome
boykinrun
@boykinrun
May 04 2017 02:34
met him a couple of weeks ago
Kyle Holm
@thekholm80
May 04 2017 02:34
I bet he's a cool dude
boykinrun
@boykinrun
May 04 2017 02:34
In all serious he is one of the coolest guys I have ever met. He is incredibly genuine and sincere.
Kyle Holm
@thekholm80
May 04 2017 02:34
I'm jealous
boykinrun
@boykinrun
May 04 2017 02:36
He did stand up in Dallas a couple of weeks back and there were maybe 15 people or so that waited outside for him to walk to his car
He signed every autograph, hugged every person, and took every selfy
Kyle Holm
@thekholm80
May 04 2017 02:36
I bet Jim Gaffagan is like that too. I love comics that aren't crass or jerks
sohaib ahmed
@shwebby101
May 04 2017 02:37
any help with this? lol im kinda stucjk
stuck
Kyle Holm
@thekholm80
May 04 2017 02:37
@shwebby101 from your code it doesn't look like you've tried anything?
sohaib ahmed
@shwebby101
May 04 2017 02:38
what do you mean
Kyle Holm
@thekholm80
May 04 2017 02:39
@shwebby101 oh i see it .smaller-image {width: 100px;} you need to add that class to your image
AK47908
@AK47908
May 04 2017 02:39
^ beat me to it
Kyle Holm
@thekholm80
May 04 2017 02:39
the same way you added the class red-text to other elements
sohaib ahmed
@shwebby101
May 04 2017 02:39
ahh ok
thank you guys
Kyle Holm
@thekholm80
May 04 2017 02:40
:+1:
mkglover
@mkglover
May 04 2017 02:40
Hello... i'm stuck on trying to add an a element ...
AK47908
@AK47908
May 04 2017 02:40
My turn for help. I need to "Nest my text field in a form element" but..which text field? It's involving something with the URL but I am jut really really confused
Kyle Holm
@thekholm80
May 04 2017 02:41
@AK47908 the input element with type attribute set to text
mkglover
@mkglover
May 04 2017 02:41
<p> ahref="http://freecatphotoapp.com" <"cat photos"</a>
Kyle Holm
@thekholm80
May 04 2017 02:42
@mkglover look at the example
mkglover
@mkglover
May 04 2017 02:42
do i add this a element in the middle of a paragraph or as a new paragraph
Kyle Holm
@thekholm80
May 04 2017 02:43
the anchor text will be part of the existing paragraph
sohaib ahmed
@shwebby101
May 04 2017 02:43
yeah i dont know how to add that class element to the image
Kyle Holm
@thekholm80
May 04 2017 02:43
just like you added other classes to other elements
look at your <p> tags, they have classes
do that, with the smaller-image class instead of red-text
sohaib ahmed
@shwebby101
May 04 2017 02:44
yeah when i add the class, the picture goes away
Kyle Holm
@thekholm80
May 04 2017 02:44
don't change anything else in the element
sohaib ahmed
@shwebby101
May 04 2017 02:45
<img class=".smaller-image"src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Kyle Holm
@thekholm80
May 04 2017 02:45
no .
sohaib ahmed
@shwebby101
May 04 2017 02:45
oh wow lmao
thanks
Kyle Holm
@thekholm80
May 04 2017 02:45
the dot tells your style sheet that it's a class, in the element you say class=" "
sohaib ahmed
@shwebby101
May 04 2017 02:46
thank youuuu
Kyle Holm
@thekholm80
May 04 2017 02:46
:+1:
@mkglover the example shows you basically how yours should look
<p>Here's a <a href="http://freecodecamp.com"> link to Free Code Camp</a> for you to follow.</p>
jnewton25
@jnewton25
May 04 2017 02:46
how would i code this
Create a new button element below your large kitten photo. Give it the class btn and the text of "Like".
Kyle Holm
@thekholm80
May 04 2017 02:46
1st create a button element
2nd, make sure you have a closing tag for that element
AK47908
@AK47908
May 04 2017 02:47

So its basically telling me to type this in

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

but where do it put it regarding my input text?

Kyle Holm
@thekholm80
May 04 2017 02:47
@AK47908 the input element goes between your form tags
jnewton25
@jnewton25
May 04 2017 02:47
@thekholm80 what does the button element look like
Kyle Holm
@thekholm80
May 04 2017 02:47
like the example
@jnewton25
Here's an example submit button:

<button type="submit">this button submits the form</button>
the instructions generally have everything you need
boykinrun
@boykinrun
May 04 2017 02:49
I am struggling trying to figure out how to give my div element the class silver-background
Kyle Holm
@thekholm80
May 04 2017 02:49
@boykinrun what have you tried?
jnewton25
@jnewton25
May 04 2017 02:49
thanks kyle
Kyle Holm
@thekholm80
May 04 2017 02:50
@jnewton25 :+1:
boykinrun
@boykinrun
May 04 2017 02:50
similar to the above example you helped with, I added the attribute .silver-background
Kyle Holm
@thekholm80
May 04 2017 02:51
and did you add that class to an element?
boykinrun
@boykinrun
May 04 2017 02:51
yes, but I think not in the right palce
place(
james umali
@indefinite0212
May 04 2017 02:51
@thekholm80 Hiya :wave:
boykinrun
@boykinrun
May 04 2017 02:51
it says to do so inside the div element
Kyle Holm
@thekholm80
May 04 2017 02:51
@indefinite0212 hey buddy!
james umali
@indefinite0212
May 04 2017 02:51
@boykinrun Show your code
boykinrun
@boykinrun
May 04 2017 02:52
easier way to do that than to copy/paste?
james umali
@indefinite0212
May 04 2017 02:53
Yes
boykinrun
@boykinrun
May 04 2017 02:53

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

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

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>

james umali
@indefinite0212
May 04 2017 02:54
@boykinrun You need to add class silver-background to your div element
Kyle Holm
@thekholm80
May 04 2017 02:55
not using ; in node makes me nervous
james umali
@indefinite0212
May 04 2017 02:55
Haha
mkglover
@mkglover
May 04 2017 02:55
thanks @thekholm80
CamperBot
@camperbot
May 04 2017 02:55
mkglover sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 573 | @thekholm80 |http://www.freecodecamp.com/thekholm80
boykinrun
@boykinrun
May 04 2017 02:55
where specifically @thekholm80 are you talking about
Kyle Holm
@thekholm80
May 04 2017 02:56
@mkglover :+1:
boykinrun
@boykinrun
May 04 2017 02:56
nvm
kangshiyukj
@kangshiyukj
May 04 2017 02:56
<a href="http://freecatphotoapp.com">cat photos</a>
sasikr2478
@sasikr2478
May 04 2017 02:56
does any one had issue with this challenge "Applied Accessibility: Make Elements Only Visible to a Screen Reader by Using Custom CSS"
am not able to submit that . can any one help me with this please
kangshiyukj
@kangshiyukj
May 04 2017 02:57
Link to External Pages with Anchor Elements
james umali
@indefinite0212
May 04 2017 02:57
@kangshiyukj Refresh your browser
AK47908
@AK47908
May 04 2017 02:58

Alright so I start with this

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

Do I just replace the input element with the form element? I've tried putting form before and ending it with a closing tag but that just didn't seem to work

boykinrun
@boykinrun
May 04 2017 02:58
I figured it out - Thanks
kangshiyukj
@kangshiyukj
May 04 2017 02:58
Refresh your browser?@james
james umali
@indefinite0212
May 04 2017 02:59
Yes
@AK47908 Where is your form element now?
kangshiyukj
@kangshiyukj
May 04 2017 03:00
What is the next step?@james
AK47908
@AK47908
May 04 2017 03:00
I have not put it anywhere as of now
JoeyBlais
@JoeyBlais
May 04 2017 03:00
Hi everybody. Would it be possible to add HTML to an email? Like add buttons and link with a style sheet but for an email? Thank you
james umali
@indefinite0212
May 04 2017 03:01
Put it at the bottom and nest your text input @AK47908
@kangshiyukj Not working?
NucupofJo3
@NucupofJo3
May 04 2017 03:01
Hey guys I am new to this, how do I nest a text input element within a form element?
Kyle Holm
@thekholm80
May 04 2017 03:01
if your email server supports html, and so does your recipients you can use html
I think outlook has an option to switch to html when composing an email
james umali
@indefinite0212
May 04 2017 03:01
@NucupofJo3 Place text input between form tags
AK47908
@AK47908
May 04 2017 03:02
ayyy Nucup we're on the same thing lol
JoeyBlais
@JoeyBlais
May 04 2017 03:02
Ok I'll take a look at this thank you Kyle 😁
Kyle Holm
@thekholm80
May 04 2017 03:02
@JoeyBlais :+1:
kangshiyukj
@kangshiyukj
May 04 2017 03:02
@james it's work thank you
AK47908
@AK47908
May 04 2017 03:03

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

I put my input in between my form elements but its clear I am missing somthing

james umali
@indefinite0212
May 04 2017 03:03
@kangshiyukj Great :clap: Btw, it is @indefinite0212
@AK47908 Your form element needs action attribute
Alex Tripodi
@AlexTripodi
May 04 2017 03:06
I'm having trouble loading Bootstrap onto Codepen.io for the Tribute Page Project. I've tried loading it as external CSS under settings as well as inputting the code into the HTML bar. Still not recognizing <h1 class="text-center">My Text</h1>
Kyle Holm
@thekholm80
May 04 2017 03:06
@AlexTripodi use bootstrap version 3.3.7 not 4
Priya Balakrishnan
@pribala
May 04 2017 03:06
Hi, glad to be part of this coding community
Kyle Holm
@thekholm80
May 04 2017 03:06
@pribala glad you're here!
NucupofJo3
@NucupofJo3
May 04 2017 03:07
@indefinite0212 thank you very much that helped a lot
CamperBot
@camperbot
May 04 2017 03:07
nucupofjo3 sends brownie points to @indefinite0212 :sparkles: :thumbsup: :sparkles:
:cookie: 914 | @indefinite0212 |http://www.freecodecamp.com/indefinite0212
Ian
@Naiguy1
May 04 2017 03:07

Not working this code is failing and i can't find out the problem.

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

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

Alex Tripodi
@AlexTripodi
May 04 2017 03:07
njordomir
@njordomir
May 04 2017 03:07
Thanks for helping me with my QuoteMachine project today guys! The only thing left to do is the twitter integration, adding some quotes, and maybe prettying it up a bit more! https://codepen.io/Njordomir/pen/RVgmpx
Kyle Holm
@thekholm80
May 04 2017 03:07
@AlexTripodi right, use 3.3.7
NucupofJo3
@NucupofJo3
May 04 2017 03:07
@AK47908 we are in this together LOL
james umali
@indefinite0212
May 04 2017 03:08
@NucupofJo3 Welcome :)
AK47908
@AK47908
May 04 2017 03:08
Yes and Im still stuck but it seemslike you're not lmao
__mifflin__
@cdrainxv
May 04 2017 03:08
@Naiguy1: Why do you have two classes here:
$("button").addClass("animated fadeOut");?
Kyle Holm
@thekholm80
May 04 2017 03:09
@AlexTripodi https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css
james umali
@indefinite0212
May 04 2017 03:09
@AK47908 did you add action attribute to your form?
Kyle Holm
@thekholm80
May 04 2017 03:09
then in the javascript section link in jQuery
AK47908
@AK47908
May 04 2017 03:09
Kinda..I added it right after the first form..but I don't think thats correct
Kyle Holm
@thekholm80
May 04 2017 03:09
then below jQuery put in
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js
james umali
@indefinite0212
May 04 2017 03:10
@AK47908 Show your code
rxi16
@rxi16
May 04 2017 03:10
I need help making the form element have a background-color of green #cat-photo-element {background-color: green;}
<form action="/submit-cat-photo" id="cat-photo-form" background-color="cat-photo-element">
Kyle Holm
@thekholm80
May 04 2017 03:11
@rxi16 your id in the style doesn't match the id in the element
#cat-photo-element =/= id="cat-photo-form"
Ryan De Fries
@rd3759
May 04 2017 03:11
Can someone help me get rid of the white margins on the side of my portfolio? https://codepen.io/rd3759/full/oWwQxM/
Ian
@Naiguy1
May 04 2017 03:12
@cdrainxv @cdrainxv i didn't think that animate was a class and was a command. thx
CamperBot
@camperbot
May 04 2017 03:12
naiguy1 sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 2604 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Alex Tripodi
@AlexTripodi
May 04 2017 03:12
@thekholm80 Thanks, that did the trick
Kyle Holm
@thekholm80
May 04 2017 03:12
@AlexTripodi :+1:
AK47908
@AK47908
May 04 2017 03:12
<form> action="/submit-cat-photo-"<input type="text" placeholder="cat photo URL"></form>
james umali
@indefinite0212
May 04 2017 03:12
@AK47908 Add your action in your <form>
NucupofJo3
@NucupofJo3
May 04 2017 03:14
@AK47908 in your first <form> remove the >
AK47908
@AK47908
May 04 2017 03:15
Yes I just did that. Now I have the action w/ the first form
rxi16
@rxi16
May 04 2017 03:16
@thekholm80 I see. I substituted element with form. The substitution works. Thank you for reading my inquiry.
CamperBot
@camperbot
May 04 2017 03:16
rxi16 sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 575 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Kyle Holm
@thekholm80
May 04 2017 03:16
@rxi16 :+1: good job!
AK47908
@AK47908
May 04 2017 03:16
<form action="/submit-cat-photo"><input type="text" placeholder="cat photo URL"></form>
Ok so now I have this..
james umali
@indefinite0212
May 04 2017 03:17
@AK47908 Looks fine now
AK47908
@AK47908
May 04 2017 03:19
Something is wrong then because its not saying its correct
james umali
@indefinite0212
May 04 2017 03:20
@AK47908 Refresh your browser
katiagilligan888
@katiagilligan888
May 04 2017 03:20
<script>
$(document).ready(function() {
});
</script>
how do i fix this
james umali
@indefinite0212
May 04 2017 03:21
@katiagilligan888 Refresh your browser
AK47908
@AK47908
May 04 2017 03:22
You are a god amongst men..and I really need to open my eyes this is literally so obvious and it took me like 30 minutes to figure out even with help
Leonard Steele
@leonardpfs
May 04 2017 03:23
@Here I think I have found an issue with the Adjusting the Padding of an Element exercise...
Kyle Holm
@thekholm80
May 04 2017 03:23
@AK47908 practice makes perfect
and james has had a lot of practice
Leonard Steele
@leonardpfs
May 04 2017 03:23
The element <h5 class="injected-text">margin</h5 should be inside of the <div> element to get the text "margin" to be in the yellow box, but it is not.
Kyle Holm
@thekholm80
May 04 2017 03:24
@leonardpfs show your code?
Leonard Steele
@leonardpfs
May 04 2017 03:24
the <div> class="box yellow-box"> element to be exact.
Kyle Holm
@thekholm80
May 04 2017 03:24
<div> class="box yellow-box"> you've got a > in the middle of your tag
closed it too soon
Leonard Steele
@leonardpfs
May 04 2017 03:25

@thekholm80 , this is the code from the exercise :
</style>

<h5 class="injected-text">margin</h5>

<div class="box yellow-box">
<h5 class="box red-box">padding</h5>
<h5 class="box green-box">padding</h5>
</div>

Kyle Holm
@thekholm80
May 04 2017 03:25
what's the name of the challenge?
james umali
@indefinite0212
May 04 2017 03:26
@leonardpfs You're using beta?
Leonard Steele
@leonardpfs
May 04 2017 03:26

shouldn't it be:
</style>

<div class="box yellow-box">
<h5 class="box red-box">padding</h5>
<h5 class="box green-box">padding</h5>
</div>

one sec

</style>

<div class="box yellow-box">
<h5 class="injected-text">margin</h5>
<h5 class="box red-box">padding</h5>
<h5 class="box green-box">padding</h5>
</div>

Josephine WilesWarner
@wileswarner
May 04 2017 03:27

Hello everybody. I am stuck, I need he lp. I get error message in my css when I put in small-image: width 100 pxl. Please tell where to put this code. <style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

}

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

Kyle Holm
@thekholm80
May 04 2017 03:27
@leonardpfs what is the name of the challenge?
Leonard Steele
@leonardpfs
May 04 2017 03:27
Adjusting the Padding of an Element @thekholm80
@thekholm80 , so the first <h5> should be within the <div> to get the text "margin" within the yellow-box
Kyle Holm
@thekholm80
May 04 2017 03:29
the <h5> with class injected text does not go inside the div
red box and green box go inside yellow box
Leonard Steele
@leonardpfs
May 04 2017 03:29
so, in that exercise, how does the text "margin" get into teh yellow box?
Kyle Holm
@thekholm80
May 04 2017 03:30
@wileswarner show your html?
@leonardpfs
.injected-text {
    margin-bottom: -25px;
    text-align: center;
  }
it pulls itself down with negative margin
njordomir
@njordomir
May 04 2017 03:31
@rd3759 Ryan, not sure if you got an answer yet or not, but the culprit seems to be .culprit, quite literally. If you move your name out of the same div as the nav stuff it ends up filling the screen. Seems like a good place to start your search for the problem. I used the element inspector to find that. I hope that helps!
Dante Brinoccoli
@Dantebrin
May 04 2017 03:32
hey guys i need some help on setting up a mailto or contact form. if anyone can lend a hand that will be greatly appreciated
Ian
@Naiguy1
May 04 2017 03:33
I am supposed to only add one class with each of my three selectors, but i did it and it still isn't working. <script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("shake");
$("#target1").addClass("btn-primary");
</script>
Evan
@Evan5htp
May 04 2017 03:34

My <style> should have a pink-text CSS class with its color set to pink!
Any clue to what is wrong with my code here? Please and Thankyou!

<style class= "pink-text">
body {
background-color: black;
font-family: Monospace;
color:pink;

}
</style>

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

ldjohnson12
@ldjohnson12
May 04 2017 03:35
My h2 element is supposed to use the font Lobster.
james umali
@indefinite0212
May 04 2017 03:35
Where is your. }); @Naiguy1
ldjohnson12
@ldjohnson12
May 04 2017 03:35

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

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

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

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

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

Kyle Holm
@thekholm80
May 04 2017 03:35
@Naiguy1 you didn't close your $(document).ready(function() { after all of your targeting code
james umali
@indefinite0212
May 04 2017 03:35
@Evan5htp Use your class pink-text to style. Remember class red-text?
Ian
@Naiguy1
May 04 2017 03:36
Thank you for the advice.
David Lars Ketch
@DavidLarsKetch
May 04 2017 03:36

Hey everybody, long time listener, first time caller. Working on my personal portfolio. I can't figure out why a few thumbnail images aren't working properly. Here's my code:

<a href="http://www.scptonline.org" target="_blank">
          <img src="http://i.imgur.com/HkdLbHcl.jpg" class="img-responsive img-thumbnail" alt="Screenshot of SCPTonline.org">

If I swap out the src for another image used as a background (also hosted on imgur), the image loads fine. Is it just an issue with imgur?

Evan
@Evan5htp
May 04 2017 03:36
not sure exactly what you mean james
Kyle Holm
@thekholm80
May 04 2017 03:36
@DavidLarsKetch codepen hates imgur.com
Ian
@Naiguy1
May 04 2017 03:37
I think that chickens should be able to cross the road without anybody questioning their motives.
David Lars Ketch
@DavidLarsKetch
May 04 2017 03:37
@thekholm80 Sweet. Tips on another image hosting site?
Kyle Holm
@thekholm80
May 04 2017 03:37
I use google photos for my own photos, pretty much anywhere else works though
David Lars Ketch
@DavidLarsKetch
May 04 2017 03:38
@thekholm80 Awesome!
james umali
@indefinite0212
May 04 2017 03:38
@Evan5htp Like between style, .red-text {color: red; }. And in HTML <h2 class="red-text"> text will be red </h2>
dahleylama
@dahleylama
May 04 2017 03:38
$("button").addclass("animated");
$(".btn").addclass("shake");
$("#target1").addclass("btn-primary")'
David Lars Ketch
@DavidLarsKetch
May 04 2017 03:38
@thekholm80 Nice to know i'm not totally crazy..
dahleylama
@dahleylama
May 04 2017 03:38
whats wrong?
Kyle Holm
@thekholm80
May 04 2017 03:38
@DavidLarsKetch well, don't rule that out yet
james umali
@indefinite0212
May 04 2017 03:38
@dahleylama addClass
capital C
Kyle Holm
@thekholm80
May 04 2017 03:39
camelCaseIsTheBestCase
David Lars Ketch
@DavidLarsKetch
May 04 2017 03:39
😩
Jaylin101
@Jaylin101
May 04 2017 03:39
Is it just me or freecodecamp just has very simple instructions to understand?
dahleylama
@dahleylama
May 04 2017 03:39
wow. capitals a killer
Kyle Holm
@thekholm80
May 04 2017 03:39
most of it's pretty simple
most of the front end*
Evan
@Evan5htp
May 04 2017 03:39
I see what I am doing wrong and thank you @indefinite0212 very much appriciated!!!
CamperBot
@camperbot
May 04 2017 03:39
evan5htp sends brownie points to @indefinite0212 :sparkles: :thumbsup: :sparkles:
:cookie: 915 | @indefinite0212 |http://www.freecodecamp.com/indefinite0212
james umali
@indefinite0212
May 04 2017 03:40
Also look at the end of your #target1 you use ' instead of ; @dahleylama
Jaylin101
@Jaylin101
May 04 2017 03:40
or i just could really on simple levels and everyone is so far ahead
Kyle Holm
@thekholm80
May 04 2017 03:40
/about @Jaylin101
james umali
@indefinite0212
May 04 2017 03:40
@Evan5htp Welcome :)
CamperBot
@camperbot
May 04 2017 03:40
:cookie: 41 | @jaylin101 |http://www.freecodecamp.com/jaylin101
Kyle Holm
@thekholm80
May 04 2017 03:40
you're getting into it
dahleylama
@dahleylama
May 04 2017 03:40
yeah that was typo when i hit send. its working now, thanks
Josephine WilesWarner
@wileswarner
May 04 2017 03:40
Thank you @thekholm80, got it.
CamperBot
@camperbot
May 04 2017 03:40
wileswarner sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 576 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Matthew White
@LordFifth
May 04 2017 03:40
@thekholm80 I did it! I finally have webpack working to the point that's it's comparatively worse than codepen!
Kyle Holm
@thekholm80
May 04 2017 03:41
@LordFifth did you use webpack-dev-server?
Matthew White
@LordFifth
May 04 2017 03:41
I just got jade to compile to html
only took me 2 days!
Jaylin101
@Jaylin101
May 04 2017 03:41
@thekholm80 well i found this as a good hobby and skill to have. Now that school is out for the summer I can spend a lot more learning code.
Kyle Holm
@thekholm80
May 04 2017 03:41
oh yeah it's going to be slow as crap if you compile after ever save
Matthew White
@LordFifth
May 04 2017 03:42
it's pretty fast still actually
Kyle Holm
@thekholm80
May 04 2017 03:42
@Jaylin101 that's awesome. even if you never become a web dev you'll learn to think in a new way
boykinrun
@boykinrun
May 04 2017 03:42
Hey guys I'm stuck: trying to add the background color of black to my body
Andrew
@githubandrewcarlin
May 04 2017 03:42

I need help on challenge 76.
Add font awesome icons to our buttons.

how can i take a screen shot and post it?

Jaylin101
@Jaylin101
May 04 2017 03:42
Please post code so others can help.
Kyle Holm
@thekholm80
May 04 2017 03:42
@LordFifth get the dev-server, it does live serving with hot reloads.
Matthew White
@LordFifth
May 04 2017 03:43
I will, first I need to extract my css
Dante Brinoccoli
@Dantebrin
May 04 2017 03:43
@githubandrewcarlin you can click prt sc
that will allow you to post your info on this chat
Kyle Holm
@thekholm80
May 04 2017 03:43
@LordFifth extract?
juangarciadavis
@juangarciadavis
May 04 2017 03:44
okay so I am super new to coding and trying to get through this first lesson have an issue with the kitty ipsum text
Matthew White
@LordFifth
May 04 2017 03:44
turn it into a stylesheet instead of inline it
juangarciadavis
@juangarciadavis
May 04 2017 03:44
do i replace the "p" or just add kitty ipsum text into the element
Kyle Holm
@thekholm80
May 04 2017 03:44
oh, right. you need a loader
npm install --save-dev style-loader css-loader
Matthew White
@LordFifth
May 04 2017 03:45
@juangarciadavis what do the instructions say?
Dante Brinoccoli
@Dantebrin
May 04 2017 03:45
@juangarciadavis can you screenshot the code
juangarciadavis
@juangarciadavis
May 04 2017 03:45
it says to replace the text inside the p element
Kyle Holm
@thekholm80
May 04 2017 03:45
and node-sass sass-loader too, if you want scss or sass
Andrew
@githubandrewcarlin
May 04 2017 03:45
@Dantebrin what do you mean?
Matthew White
@LordFifth
May 04 2017 03:46
I have that, It inlines the style, I need 'extract text plugin' to turn it back to css
Dante Brinoccoli
@Dantebrin
May 04 2017 03:46
@githubandrewcarlin screen shot the code and paste it on the chat so we can help
Kyle Holm
@thekholm80
May 04 2017 03:46
I guess I don't follow
you mean in the compiled package?
ronaldteron
@ronaldteron
May 04 2017 03:46
how to log out from here ??
Andrew
@githubandrewcarlin
May 04 2017 03:46
How do i screen shot @Dantebrin
ronaldteron
@ronaldteron
May 04 2017 03:47
@githubandrewcarlin just drag and drop . its simple
Chris Sellers
@SellersC
May 04 2017 03:47
Ordered List:

<p>top 3 things cate hate</p>

<ol>
<li>water</li>
<li>dogs</li>
<li>working</li>
</ol>

Matthew White
@LordFifth
May 04 2017 03:47
@thekholm80 right now it takes my sass and bundles it with the js, which adds it to my html as an inline style
juangarciadavis
@juangarciadavis
May 04 2017 03:47
trying to figure out screen shot
Kyle Holm
@thekholm80
May 04 2017 03:47
@LordFifth I've never examined my output
Dante Brinoccoli
@Dantebrin
May 04 2017 03:47
@githubandrewcarlin yea just copy and paste all of your code on here
Chris Sellers
@SellersC
May 04 2017 03:47
@juangarciadavis cmd 4 if you have cloud app
Kyle Holm
@thekholm80
May 04 2017 03:47
after everything gets all uglified I don't want to see it lol
Andrew
@githubandrewcarlin
May 04 2017 03:48

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

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

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

<div class="container-fluid">
<div class="row">
<div class="col-xs-8">
<h2 class="text-primary text-center">CatPhotoApp</h2>
</div>
<div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
</div>
</div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info">Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger">Delete</button>
</div>
</div>
<p>Things cats <span class="text-danger">love:</span></p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</div>

Add an i element with the classes fa and fa-thumbs-up.
Your fa-thumbs-up icon should be located within the Like button.
Nest your i element within your button element.
Make sure your i element has a closing tag.

Manish Giri
@Manish-Giri
May 04 2017 03:48
@thekholm80 i'm thinking of having only one button for play/pause
the text would change with each click
should be doable with react no?
Matthew White
@LordFifth
May 04 2017 03:48
yeah :P look at the sources though, you'll see that instead of linking to a style sheet all the css is in the html document
Kyle Holm
@thekholm80
May 04 2017 03:48
@Manish-Giri oh yeah, conditional rendering is pretty easy
Josephine WilesWarner
@wileswarner
May 04 2017 03:48

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

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

h2 {
font-family: Lobster, Monospace;
}

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

}

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

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

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

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

Chris Sellers
@SellersC
May 04 2017 03:48
My code isn't passing the create an ordered list quiz

@SellersC
Ordered List:

<p>top 3 things cate hate</p>

<ol>
<li>water</li>
<li>dogs</li>
<li>working</li>
</ol>

I believe that my code is correct ^^
Kyle Holm
@thekholm80
May 04 2017 03:49
@LordFifth isn't that a good thing though? it's all just going up on a web server
Andrew
@githubandrewcarlin
May 04 2017 03:49
@SellersC Refresh page
boykinrun
@boykinrun
May 04 2017 03:49
<style>

body {
background-color: black;
}

</style>
trying to add black background color
Matthew White
@LordFifth
May 04 2017 03:50
@SellersC it looks correct, have you tried refreshing the page and resetting the challenge?
boykinrun
@boykinrun
May 04 2017 03:50
to body
Matthew White
@LordFifth
May 04 2017 03:50
@thekholm80 it's faster, but I don't like how it flashes the unstyled content\
Chris Sellers
@SellersC
May 04 2017 03:50
@LordFifth sadly no luck
I'll just copy/paste and slightly change the example
see if that works
Dante Brinoccoli
@Dantebrin
May 04 2017 03:51
@githubandrewcarlin <button class="btn btn-block btn-primary">Like</button> you should add in the <i> element before the like button, but after the <button class. so something like this <button class="btn btn-block btn-primary"><i...........></i>Like</button>
Josephine WilesWarner
@wileswarner
May 04 2017 03:51

I am trying to create the smaller-image. I can't seem to get pass this. This is my screen:<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

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

h2 {
font-family: Lobster, Monospace;
}

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

}

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

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

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

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

Kyle Holm
@thekholm80
May 04 2017 03:52
@Manish-Giri for some reason though I've only been able to get ternary operators to work for conditional rendering, not normal if/else statements
but I'm not convinced that i'm very bright, so there's that
Matthew White
@LordFifth
May 04 2017 03:53
...4 months faster...
james umali
@indefinite0212
May 04 2017 03:53
@wileswarner Add class smaller-image to your img element
Kyle Holm
@thekholm80
May 04 2017 03:54
@LordFifth to be fair, i'm at this like 16 hours a day
Chris Sellers
@SellersC
May 04 2017 03:54
Create an Ordered List is killing me
Kyle Holm
@thekholm80
May 04 2017 03:54
eventually i will burn out
Chris Sellers
@SellersC
May 04 2017 03:54

<p>top 3 things cate hate the most:</p>

<ol>
<li>swimming</li>
<li>dogs</li>
<li>working</li>
</ol>

Anyone find flaws in my code?
james umali
@indefinite0212
May 04 2017 03:55
may be Top 3 things cats
Kyle Holm
@thekholm80
May 04 2017 03:55
cate
Chris Sellers
@SellersC
May 04 2017 03:55
fixed spelling no luck
Matthew White
@LordFifth
May 04 2017 03:56
get rid of "the most"
Kyle Holm
@thekholm80
May 04 2017 03:56
It should be Top 3 things cats hate:
Chris Sellers
@SellersC
May 04 2017 03:56
ahhhhh
Jaylin101
@Jaylin101
May 04 2017 03:56
refreash or try a different brower.
browser*
Dante Brinoccoli
@Dantebrin
May 04 2017 03:56
@githubandrewcarlin did it work?
Kyle Holm
@thekholm80
May 04 2017 03:56
the verification is very literal
Chris Sellers
@SellersC
May 04 2017 03:56
Copy&Paste next time, I'm learning how neurotic the verification is
Thanks all
Great tip @thekholm80
Kyle Holm
@thekholm80
May 04 2017 03:57
@SellersC :+1:
Jaylin101
@Jaylin101
May 04 2017 03:57
have fun and stay frustration free
Deryl Heng
@derylhkl
May 04 2017 03:57
Inside the same <style> tag that contains your red-text class, create an entry for p elements and set the font-size to 16 pixels (16px).
how do i do that?
Jaylin101
@Jaylin101
May 04 2017 03:58
so in the same place where you had red text, add p and set font
Matthew White
@LordFifth
May 04 2017 03:58
@SellersC sadly free code camp is still learning to read :(
Andrew
@githubandrewcarlin
May 04 2017 03:59

I need help!

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

Your fa-thumbs-up icon should be located within the Like button.

idk what I'm doing wrong.

Nana Owusu
@nanaowusunyamekye
May 04 2017 03:59
@derylhkl
p {
font-size: 16px;
}
kryssxx
@kryssxx
May 04 2017 04:00
Hi all, can anyone please explain to me the purpose of multi - dimensional arrays?
Kyle Holm
@thekholm80
May 04 2017 04:00
Angular 2+ with Typescript - Essential Training sign me up
Derell D.
@derelld
May 04 2017 04:00
I can't figure out how to nest this text field in a form element
Matthew White
@LordFifth
May 04 2017 04:00
@githubandrewcarlin btn btn-block btn-primary should be on button, btn stands for button
james umali
@indefinite0212
May 04 2017 04:00
@derelld Place text input between form tags
Kyle Holm
@thekholm80
May 04 2017 04:01
@kryssxx multi-dimensional arrays are useful if you have different data types to store, or need to store multiple arrays
boykinrun
@boykinrun
May 04 2017 04:01
I am missing something - Please advise:
<style>body {
background-color: black;
}

</style>
Trying to add black background to body
kryssxx
@kryssxx
May 04 2017 04:01
Great thank you! @thekholm80 why would it be different to just declaring two arrays?
CamperBot
@camperbot
May 04 2017 04:01
kryssxx sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 577 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Andrew
@githubandrewcarlin
May 04 2017 04:01
@LordFifth so 2 classes?
Kyle Holm
@thekholm80
May 04 2017 04:01
@boykinrun are you using bootstrap in codepen?
Nana Owusu
@nanaowusunyamekye
May 04 2017 04:01
@githubandrewcarlin yes, let it be right before and after the like 'Like' text. Like so:
<i fa fa-thumbs-up>Like<i>
boykinrun
@boykinrun
May 04 2017 04:01
no - entry level
kryssxx
@kryssxx
May 04 2017 04:01
@boykinrun is that in your html..?
boykinrun
@boykinrun
May 04 2017 04:02
step 50 or something, yes
@kryssxx yes
Matthew White
@LordFifth
May 04 2017 04:02
@githubandrewcarlin the button should have button classes and the icon should have icon classes
Andrew
@githubandrewcarlin
May 04 2017 04:02
@nanaowusunyamekye Thank you!
CamperBot
@camperbot
May 04 2017 04:02
githubandrewcarlin sends brownie points to @nanaowusunyamekye :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @nanaowusunyamekye |http://www.freecodecamp.com/nanaowusunyamekye
Kyle Holm
@thekholm80
May 04 2017 04:02
@kryssxx I suppose it all depends on how you want to use the information. If you want to use high-level functions it's easier with a single array
Joseph
@revisualize
May 04 2017 04:02
@thekholm80 You can sign yourself up. I just went through the whole list and all of the coupon codes worked for me.
kryssxx
@kryssxx
May 04 2017 04:02
@thekholm80 OK great thanks, so it's more for organising code..?
CamperBot
@camperbot
May 04 2017 04:02
kryssxx sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:warning: kryssxx already gave thekholm80 points
Kyle Holm
@thekholm80
May 04 2017 04:02
@revisualize I'm good, thanks though
Justin Carney
@Jbonecar
May 04 2017 04:03
Hi
Kyle Holm
@thekholm80
May 04 2017 04:03
@kryssxx it can be. if I needed to pass all of the arrays to another function (or React component) it's easier in an array
Derell D.
@derelld
May 04 2017 04:03
<input <form action="/submit-cat-photo"> type="text" placeholder="cat photo URL"> </form>
help please!
Justin Carney
@Jbonecar
May 04 2017 04:03
any chance any one could help a question
kryssxx
@kryssxx
May 04 2017 04:03
Alrighty! great help thxx @thekholm80
Kyle Holm
@thekholm80
May 04 2017 04:03
@kryssxx :+1:
boykinrun
@boykinrun
May 04 2017 04:03
what am I missing on that
Andrew
@githubandrewcarlin
May 04 2017 04:04
@nanaowusunyamekye you lil sloppy boy i had to fix that all up but thank you!
CamperBot
@camperbot
May 04 2017 04:04
githubandrewcarlin sends brownie points to @nanaowusunyamekye :sparkles: :thumbsup: :sparkles:
:warning: githubandrewcarlin already gave nanaowusunyamekye points
Kyle Holm
@thekholm80
May 04 2017 04:04
@boykinrun what's the name of the challenge?
boykinrun
@boykinrun
May 04 2017 04:04
style the html body element
Deryl Heng
@derylhkl
May 04 2017 04:04
how do i give the p elements a font size ?
what do i type in?
other than the font size
Nana Owusu
@nanaowusunyamekye
May 04 2017 04:05
yes siiiir :smile: :+1:
Kyle Holm
@thekholm80
May 04 2017 04:05

@boykinrun the instructions say:

We can do this by adding the following to our style element:

body {
  background-color: black;
}

have you tried that?

boykinrun
@boykinrun
May 04 2017 04:05
<style>body {
background-color: black;
}

</style>
Kyle Holm
@thekholm80
May 04 2017 04:05
refresh your browser and run again
Derell D.
@derelld
May 04 2017 04:06
<input <form action="/submit-cat-photo"> type="text" placeholder="cat photo URL"> </form>
@indefinite0212
boykinrun
@boykinrun
May 04 2017 04:06
missing this Give your body element the background-color of black.
Nana Owusu
@nanaowusunyamekye
May 04 2017 04:06
@derylhkl should look something like this
p {
font-size: 20px;
}
praneeth65
@praneeth65
May 04 2017 04:06
<h3 class="text-primary"></h3>
<h3 class="text-center"></h3>
<h3 text="jQuery playground"></h3>
guys how do i add text jquery playground to my h3 element ?
Nana Owusu
@nanaowusunyamekye
May 04 2017 04:06
@derelld why is your 'form' element inside your 'input' element?
Derell D.
@derelld
May 04 2017 04:07
action="/submit-cat-photo"
boykinrun
@boykinrun
May 04 2017 04:07
that was it - something so simple
Derell D.
@derelld
May 04 2017 04:07
@nanaowusunyamekye i dont know. I'm so stuck on this and i dont know why.
Hoang Thanh Tu
@hoangthanhtu
May 04 2017 04:07
@derelld : please try this
<form action="/submit-cat-photo"> <input type="text" placeholder="cat photo URL">
</form>
Kyle Holm
@thekholm80
May 04 2017 04:08
I'm off to bed, happy coding folks
Deryl Heng
@derylhkl
May 04 2017 04:08
thanks
Matthew White
@LordFifth
May 04 2017 04:08
@thekholm80 Gnight!
thanks @thekholm80
CamperBot
@camperbot
May 04 2017 04:08
lordfifth sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 578 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Kyle Holm
@thekholm80
May 04 2017 04:09
thank you sir! @LordFifth
CamperBot
@camperbot
May 04 2017 04:09
thekholm80 sends brownie points to @lordfifth :sparkles: :thumbsup: :sparkles:
:cookie: 476 | @lordfifth |http://www.freecodecamp.com/lordfifth
Matthew White
@LordFifth
May 04 2017 04:09
:)
Kyle Holm
@thekholm80
May 04 2017 04:09
and thanks @indefinite0212
CamperBot
@camperbot
May 04 2017 04:09
thekholm80 sends brownie points to @indefinite0212 :sparkles: :thumbsup: :sparkles:
:cookie: 916 | @indefinite0212 |http://www.freecodecamp.com/indefinite0212
Matthew White
@LordFifth
May 04 2017 04:09
thanks @camperbot as well!
CamperBot
@camperbot
May 04 2017 04:09
lordfifth sends brownie points to @camperbot :sparkles: :thumbsup: :sparkles:
:star2: 3231 | @camperbot |http://www.freecodecamp.com/camperbot
Kyle Holm
@thekholm80
May 04 2017 04:09
and thanks @Manish-Giri
CamperBot
@camperbot
May 04 2017 04:09
thekholm80 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5389 | @manish-giri |http://www.freecodecamp.com/manish-giri
DarthD0ge
@DarthD0ge
May 04 2017 04:09
I'm so used to toxic communities that this seems so weird
Matthew White
@LordFifth
May 04 2017 04:09
lol
DarthD0ge
@DarthD0ge
May 04 2017 04:10
everyone's so nice and considerate here
Justin Carney
@Jbonecar
May 04 2017 04:10
Whats up with excercise 35???????
Matthew White
@LordFifth
May 04 2017 04:10
we're sponsored by /r/wholesomememes
Justin Carney
@Jbonecar
May 04 2017 04:10
Does anybody know?
its about creating a form element
DarthD0ge
@DarthD0ge
May 04 2017 04:11
@Jbonecar what's the issue?
Matthew White
@LordFifth
May 04 2017 04:11
@Jbonecar did you get the "chrome is suspicious" thing?
Justin Carney
@Jbonecar
May 04 2017 04:11
when <form action="submit-cat-photo"></form>
whenn i use this...it stops working
DarthD0ge
@DarthD0ge
May 04 2017 04:11
@Jbonecar what are you expected to do?
Justin Carney
@Jbonecar
May 04 2017 04:12
hrome detected unusual code on this page and blocked it to protect your personal information (for example, passwords, phone numbers, and credit cards).
Manish Giri
@Manish-Giri
May 04 2017 04:12
@thekholm80 gnight ty
CamperBot
@camperbot
May 04 2017 04:12
manish-giri sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 579 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Justin Carney
@Jbonecar
May 04 2017 04:12
it says this
Matthew White
@LordFifth
May 04 2017 04:12
@Jbonecar /submit
kryssxx
@kryssxx
May 04 2017 04:12
can someone please explain to me the purpose of array constructors? What they do?
DarthD0ge
@DarthD0ge
May 04 2017 04:12
@Jbonecar try a different browser then
@Jbonecar i'm using firefox and havent faced a problem like that so far
Justin Carney
@Jbonecar
May 04 2017 04:13
Thanks matthew White. still didn't change
will try new browser
wasn't sure if I was coding wrong
Matthew White
@LordFifth
May 04 2017 04:13
you weren't, quite a few people have had that problem
DarthD0ge
@DarthD0ge
May 04 2017 04:14
if the error message is what you stated above, i doubt its a problem with your code
Matthew White
@LordFifth
May 04 2017 04:14
there's an option in chrome to ignore that warning
Justin Carney
@Jbonecar
May 04 2017 04:14
hmm interesting. the direction is:Nest your text field in a form element. Add the action="/submit-cat-photo" attribute to this form element.
Nana Owusu
@nanaowusunyamekye
May 04 2017 04:14
@praneeth65 try sth like this
$("h3").text("jQuery Playground");
Matthew White
@LordFifth
May 04 2017 04:15
@DarthD0ge no, chrome doesn't like sites messing with forms in strange ways. It's afraid someone is trying to steal sensitive information so it blocks the form
Justin Carney
@Jbonecar
May 04 2017 04:15
okay thanks guys
over to safari I go
DarthD0ge
@DarthD0ge
May 04 2017 04:16
@LordFifth i guess you could just disable that then
iso
@iso1048
May 04 2017 04:17
Could I get some help with the weather app please
Matthew White
@LordFifth
May 04 2017 04:17
you can
DarthD0ge
@DarthD0ge
May 04 2017 04:17
Can someone explain to me this bootstrap grid thingy
I'm really confused with how this works
Manish Giri
@Manish-Giri
May 04 2017 04:18
each row can have 12 columns
that's all
how you divide your content in columns is upto you
DarthD0ge
@DarthD0ge
May 04 2017 04:19
and this said division is done by <div> elements?
Matthew White
@LordFifth
May 04 2017 04:19
Nana Owusu
@nanaowusunyamekye
May 04 2017 04:19
@DarthD0ge ok, which part exactly confuses you ? The first premise of bootstrap grid is that, each row on any screen can have 12 columns
@DarthD0ge you could make choose to make just one element take the whole 12 column length or you could make one element take 4 and other elements take 8. dunno, but are you getting the picture now?
DarthD0ge
@DarthD0ge
May 04 2017 04:21
@LordFifth thanks bud.
CamperBot
@camperbot
May 04 2017 04:21
darthd0ge sends brownie points to @lordfifth :sparkles: :thumbsup: :sparkles:
:cookie: 477 | @lordfifth |http://www.freecodecamp.com/lordfifth
DarthD0ge
@DarthD0ge
May 04 2017 04:21
@nanaowusunyamekye yeah i got it. Thanks :)
CamperBot
@camperbot
May 04 2017 04:21
darthd0ge sends brownie points to @nanaowusunyamekye :sparkles: :thumbsup: :sparkles:
:cookie: 121 | @nanaowusunyamekye |http://www.freecodecamp.com/nanaowusunyamekye
DarthD0ge
@DarthD0ge
May 04 2017 04:22
I can add multiple col sizes to a single div element?
Matthew White
@LordFifth
May 04 2017 04:23
yes
as long as they are for different screen sizes
DarthD0ge
@DarthD0ge
May 04 2017 04:24
got it
Matthew White
@LordFifth
May 04 2017 04:25
@Manish-Giri almost 10,000 changes on the repository for my webpack site. Should I have ignored the npm file? :cold_sweat:
Jaylin101
@Jaylin101
May 04 2017 04:25
it is one thing to get the code wrong. A completely another when you have to switch browser for the same code. ^_^
james umali
@indefinite0212
May 04 2017 04:29
@thekholm80 Goodnight thanks too
CamperBot
@camperbot
May 04 2017 04:29
indefinite0212 sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 580 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Manish Giri
@Manish-Giri
May 04 2017 04:30
@LordFifth lol
Andrew
@githubandrewcarlin
May 04 2017 04:34
I need help!
<button type="submit"><i class="btn btn-primary fa fa-paper-plane">Submit</i></button>
Give the submit button in your form the classes btn btn-primary.
__mifflin__
@cdrainxv
May 04 2017 04:34
btn btn-primary are classes for the button element… not the icon element.
Andrew
@githubandrewcarlin
May 04 2017 04:35
@cdrainxv oh just realized my mistake thank you.
CamperBot
@camperbot
May 04 2017 04:35
githubandrewcarlin sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 2605 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Hoang Thanh Tu
@hoangthanhtu
May 04 2017 04:36
@githubandrewcarlin
<button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane">Submit</i></button>
Deryl Heng
@derylhkl
May 04 2017 04:36
blob
what is the problem here?
i can't seem to proceed
Hoang Thanh Tu
@hoangthanhtu
May 04 2017 04:37
@derylhkl : redundance img tag
Deryl Heng
@derylhkl
May 04 2017 04:37
u mean remove that img tag?
me
@figure8
May 04 2017 04:37
get rid of first image and inset that txt into the img below
Hoang Thanh Tu
@hoangthanhtu
May 04 2017 04:37
<img class="smaller-image" src="...">
me
@figure8
May 04 2017 04:37
img*
Nana Owusu
@nanaowusunyamekye
May 04 2017 04:37
@derylhkl instead of having two <img > tags. remove the first one and add the class declaration there to the second one
me
@figure8
May 04 2017 04:37
class="thick-green-border"
oops
Hoang Thanh Tu
@hoangthanhtu
May 04 2017 04:38
@derylhkl : your source code has 2 img tags
me
@figure8
May 04 2017 04:38
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
Deryl Heng
@derylhkl
May 04 2017 04:38
why does my smaller-image still highlighted in red? o.o
Nana Owusu
@nanaowusunyamekye
May 04 2017 04:39
@derylhkl because you didn't close the first img tag
Hoang Thanh Tu
@hoangthanhtu
May 04 2017 04:40
@derylhkl : you missed the end closing image tag > of first image tag
me
@figure8
May 04 2017 04:40
how do i get my border to register?

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

james umali
@indefinite0212
May 04 2017 04:40
@derylhkl You need to add class smaller-image to your existing img element. Don't create another img element
me
@figure8
May 04 2017 04:40
ok
boykinrun
@boykinrun
May 04 2017 04:41
need to close the img class
james umali
@indefinite0212
May 04 2017 04:41
@figure8 Add class thick-green-border to your img element
Hoang Thanh Tu
@hoangthanhtu
May 04 2017 04:41
@figure8 : please try this
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
Nana Owusu
@nanaowusunyamekye
May 04 2017 04:42
@figure8 add 'thick-green-border" class to the first <img> element. after that remove the second <img> element. Its not necessary
me
@figure8
May 04 2017 04:42
ohhh inside same quotations?
Deryl Heng
@derylhkl
May 04 2017 04:42
blob
me
@figure8
May 04 2017 04:42
yayyyy ty
Deryl Heng
@derylhkl
May 04 2017 04:43
i still don't quite get it o.o
Manish Giri
@Manish-Giri
May 04 2017 04:43
@derylhkl missing the } for p
Hoang Thanh Tu
@hoangthanhtu
May 04 2017 04:43
@derylhkl : you missed the } for p style
Deryl Heng
@derylhkl
May 04 2017 04:44
oh thanks
me
@figure8
May 04 2017 04:44
@derylhkl how do i sharre the image like you just did in the caht?
coder130
@coder130
May 04 2017 04:44
hey guys i had a problem
me
@figure8
May 04 2017 04:44
chat*
coder130
@coder130
May 04 2017 04:44
could you go to this codepen link: https://codepen.io/Learn_ToCode101/pen/YVxvpV
this is my portfolio page but the footer bar is not on the bottom properly
Deryl Heng
@derylhkl
May 04 2017 04:45
@figure8 i just screenshot and paste it on the chat
coder130
@coder130
May 04 2017 04:45
how do i do so?
Nana Owusu
@nanaowusunyamekye
May 04 2017 04:45

@derylhkl close the style declaration for p

p {
some-style
}

you omitted the second curly braces

coder130
@coder130
May 04 2017 04:46
the background and stuff is temp.. but the footer bar is not on the bottom and that is a problem...
MasonMcClendon
@MasonMcClendon
May 04 2017 04:48
yo whats the problem
coder130
@coder130
May 04 2017 04:48
the footer... its not properly put on the bottom
i dont want a fixed one... that solves the problem but takes too much of the page
MasonMcClendon
@MasonMcClendon
May 04 2017 04:49
anyone
Zachary Gregory
@Ziggy007
May 04 2017 04:53
hey how do you give an id a background color
MasonMcClendon
@MasonMcClendon
May 04 2017 04:54
ermmm
Nana Owusu
@nanaowusunyamekye
May 04 2017 04:54
@Ziggy007 like this
#my-id {
background-color: red;
}

@Ziggy007 like this

#my-id {
background-color: red;
}

and this code should go in between you style tags

<style>

<style>
Zachary Gregory
@Ziggy007
May 04 2017 04:56
yeah I have the style part so far
Nana Owusu
@nanaowusunyamekye
May 04 2017 04:58
@Ziggy007 yeah, so you can declare you background style like i did above in the style tags and you are good to go
MasonMcClendon
@MasonMcClendon
May 04 2017 05:00
anyone know how to fix my problem ?
Zachary Gregory
@Ziggy007
May 04 2017 05:01
ok I had it I just forgot the hyphen
what is your problem @MasonMcClendon
Nana Owusu
@nanaowusunyamekye
May 04 2017 05:02
@Ziggy007 any luck?
MasonMcClendon
@MasonMcClendon
May 04 2017 05:02
code wont run
Zachary Gregory
@Ziggy007
May 04 2017 05:04
yeah I figured it out thanks @nanaowusunyamekye
CamperBot
@camperbot
May 04 2017 05:04
ziggy007 sends brownie points to @nanaowusunyamekye :sparkles: :thumbsup: :sparkles:
:cookie: 122 | @nanaowusunyamekye |http://www.freecodecamp.com/nanaowusunyamekye
MasonMcClendon
@MasonMcClendon
May 04 2017 05:07
see... makes no sense
Zachary Gregory
@Ziggy007
May 04 2017 05:09
yeah I haven't worked on that type of code yet
MasonMcClendon
@MasonMcClendon
May 04 2017 05:14
i got it, still thanks for taking a look @Ziggy007
CamperBot
@camperbot
May 04 2017 05:14
masonmcclendon sends brownie points to @ziggy007 :sparkles: :thumbsup: :sparkles:
:warning: @ziggy007's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Ryan Khera
@ryankhera
May 04 2017 05:16
anyone know what's wrong with this code
<script $(document).ready(function(){ });>
</script>
?
Shaik Saif Ali
@Saif-Shines
May 04 2017 05:19
I need some help.
Objective:
Add a div element below your h3 element.
My code:
<div class="container-fluid">
  <div class="row">
  <h3 class="text-primary text-center">jQuery Playground</h3>
    <div></div>

  </div>
</div>
Ryan Khera
@ryankhera
May 04 2017 05:20
nvm for my question, got it
MasonMcClendon
@MasonMcClendon
May 04 2017 05:21

ya @ryankhera try <script $(document).ready(function(){

});> </script>

oh
@Saif-Shines do this
Shaik Saif Ali
@Saif-Shines
May 04 2017 05:22
@Saif-Shines do this
which? :)
@MasonMcClendon
MasonMcClendon
@MasonMcClendon
May 04 2017 05:22
<h3 class="text-primary text-center"><div>jQuery Playground</div><h3>
sorry i was typing it up
its dark in my room
@Saif-Shines
Hoang Thanh Tu
@hoangthanhtu
May 04 2017 05:23
@ryankhera : try this
<script>
 $(document).ready(function(){
  });
</script>
Shaik Saif Ali
@Saif-Shines
May 04 2017 05:24
@MasonMcClendon
But that didn't work :(
Derell D.
@derelld
May 04 2017 05:24
I can't figure out this Using Responsive Design with Bootstrap Fluid COntainers
MasonMcClendon
@MasonMcClendon
May 04 2017 05:24
add all the required classes to the div
i was just giving an example
wait a second
i read you objective wrong
Shaik Saif Ali
@Saif-Shines
May 04 2017 05:25
oh.. okay @MasonMcClendon !
I'll give a try and get back, if need help :)
MasonMcClendon
@MasonMcClendon
May 04 2017 05:25
just send me your link
Shaik Saif Ali
@Saif-Shines
May 04 2017 05:26
Coy Sanders
@coymeetsworld
May 04 2017 05:26
:/
you have too many divs @Saif-Shines
my guess
can you send the challenge name?
MasonMcClendon
@MasonMcClendon
May 04 2017 05:27
nah man i mean your objective link , like go to your task and give me the link to it
Shaik Saif Ali
@Saif-Shines
May 04 2017 05:28
One second @MasonMcClendon !
Marcel Heinz
@marcel-heinz
May 04 2017 05:28
blob
why isnt the css not applied to my site?
Coy Sanders
@coymeetsworld
May 04 2017 05:28
you have too many divs @Saif-Shines
Marcel Heinz
@marcel-heinz
May 04 2017 05:28
li without the class "header" is working
Coy Sanders
@coymeetsworld
May 04 2017 05:28
you only need to add one div
Shaik Saif Ali
@Saif-Shines
May 04 2017 05:29
https://www.freecodecamp.com/challenges/create-a-bootstrap-row @MasonMcClendon
@coymeetsworld , one second.. I'll get back after I reduce them.
MasonMcClendon
@MasonMcClendon
May 04 2017 05:30
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row"></div>
</div>
he was right
Coy Sanders
@coymeetsworld
May 04 2017 05:30
@MasonMcClendon don't write answers like that please
MasonMcClendon
@MasonMcClendon
May 04 2017 05:30
theres the correct code @Saif-Shines
wdym?
Coy Sanders
@coymeetsworld
May 04 2017 05:30
don't provide the answers
MasonMcClendon
@MasonMcClendon
May 04 2017 05:30
oh
just trying to help
Coy Sanders
@coymeetsworld
May 04 2017 05:30
let them figure it out, you can help but don't give them something they can just copy and paste
MasonMcClendon
@MasonMcClendon
May 04 2017 05:31
ohhh i see what you mean
Coy Sanders
@coymeetsworld
May 04 2017 05:31
yeah
MasonMcClendon
@MasonMcClendon
May 04 2017 05:31
ya sorry man next time ill just explain it
Coy Sanders
@coymeetsworld
May 04 2017 05:31
no worries
btreaga
@btreaga
May 04 2017 05:32

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

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

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

njordomir
@njordomir
May 04 2017 05:32
JQuery Question: on line 31 of my html, the button href is set to "#". How can I target just the part in single quotes and update it with the jquery on line 17? https://codepen.io/Njordomir/pen/RVgmpx?editors=1010
Coy Sanders
@coymeetsworld
May 04 2017 05:32
@btreaga you're not styling h2, you need to create a class named red-text
look at the example on how to do that
btreaga
@btreaga
May 04 2017 05:33
can anyone help I'm brand new to this and it is telling me that my stylesheet should declare a red text any help would be lovely
Coy Sanders
@coymeetsworld
May 04 2017 05:33
you didn't declare a class named red-text
Hoang Thanh Tu
@hoangthanhtu
May 04 2017 05:33
@btreaga : you define text color for h2 tag, not style for class name red-text
ldjohnson12
@ldjohnson12
May 04 2017 05:33
I have to apply the font-family of Lobster to my h2 element?

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

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

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

<h2 { font-size: 16px; font-family: Lobster; }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>

sdey9874
@sdey9874
May 04 2017 05:34

Hello Guys, i have a small query ,
I need to change the h2 element to blue, how to do that it is not working.
Need some help.

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

Coy Sanders
@coymeetsworld
May 04 2017 05:34
@njordomir your missing a quote
on your onclick attr
btreaga
@btreaga
May 04 2017 05:34
thanks its 1 am here and I want to get this figured out before I pass out
Coy Sanders
@coymeetsworld
May 04 2017 05:34
@ldjohnson12 you need to define your h2 style inside your style tags, like you did with the p element
for most of the code going forward, all your CSS code goes between the <style> tags, everything outside will be HTML
ldjohnson12
@ldjohnson12
May 04 2017 05:35
That helps alot @coymeetsworld
Dhaval
@Dhavalc2012
May 04 2017 05:36
hey Kyle
sdey9874
@sdey9874
May 04 2017 05:36
guys need some help
Dhaval
@Dhavalc2012
May 04 2017 05:36
hey Coy
Anas Abdennaim
@Aka-Dev
May 04 2017 05:37
Hello @njordomir, you have forget to close onclick="window.location.href='#'" with double quotes
@njordomir line 31
sdey9874
@sdey9874
May 04 2017 05:37
<style>

h2 { color :blue ; }


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

</style>
i need to change the color to blue
how to do that?
Anas Abdennaim
@Aka-Dev
May 04 2017 05:38
@sdey9874 which element you want to change ?
Hoang Thanh Tu
@hoangthanhtu
May 04 2017 05:38
@sdey9874 : at first, please move </style> before <p> tag
sdey9874
@sdey9874
May 04 2017 05:39

@hoangthanhtu

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

njordomir
@njordomir
May 04 2017 05:39
@Aka-Dev @coymeetsworld Thanks I missed that. But I guess my real question is can I target just the # in the onclick without the "window.location.href=" or do I have to append that to the string I pass in with my qQuery?
CamperBot
@camperbot
May 04 2017 05:39
njordomir sends brownie points to @aka-dev and @coymeetsworld :sparkles: :thumbsup: :sparkles:
:cookie: 274 | @aka-dev |http://www.freecodecamp.com/aka-dev
:star2: 2523 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Hoang Thanh Tu
@hoangthanhtu
May 04 2017 05:39
after that, insert your h2 which content below </p>
sdey9874
@sdey9874
May 04 2017 05:39
done, next
Anas Abdennaim
@Aka-Dev
May 04 2017 05:40
@njordomir you must change button by <a href=""></a>
sdey9874
@sdey9874
May 04 2017 05:41

@hoangthanhtu

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

h2 { color :blue ; }

</style>

then?
Anas Abdennaim
@Aka-Dev
May 04 2017 05:41
<style> your css code</style>
html code
Hoang Thanh Tu
@hoangthanhtu
May 04 2017 05:41

Please move </style> before <p> tag
Then add below

<h2> Some text </h2>

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

<h2> Blue text </h2>
0zrob
@0zrob
May 04 2017 05:43

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

<style>
.red-text {
color: red;
.smaller-image}
width:100px;
h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

could someone tell me why the image wont resize
sdey9874
@sdey9874
May 04 2017 05:44
Thanks a lot @hoangthanhtu
cheers
CamperBot
@camperbot
May 04 2017 05:44
sdey9874 sends brownie points to @hoangthanhtu :sparkles: :thumbsup: :sparkles:
:cookie: 57 | @hoangthanhtu |http://www.freecodecamp.com/hoangthanhtu
Hoang Thanh Tu
@hoangthanhtu
May 04 2017 05:45
@0zrob : your style for .red-text is not end closing by }
Zachary Gregory
@Ziggy007
May 04 2017 05:45
it should be after the 100px;
Hoang Thanh Tu
@hoangthanhtu
May 04 2017 05:45
It means you missed end closing } for .red-text. Please add } before .smaller-image
Gilang Prabu
@gilangprabu
May 04 2017 05:46
I'm stuck at lesson number 99, learn how script tags and document ready work

<script>
$(document).ready(function() {

});
</script>

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

Is there anything I do wrong?
Hoang Thanh Tu
@hoangthanhtu
May 04 2017 05:46
@0zrob
<style>
  .red-text {
        color: red;
 }

 .smaller-image {
       width: 100px;
 }

  h2 {
    font-family: Lobster, Monospace;
 }

p {
font-size: 16px;
font-family: Monospace;
}
</style>
0zrob
@0zrob
May 04 2017 05:49

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

<style>
.red-text {
color: red;}
.smaller-image {
width:100px;}
h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

Cynthia Clinton
@Cynth42
May 04 2017 05:49
Hi!
Hoang Thanh Tu
@hoangthanhtu
May 04 2017 05:49
your class in img tag is incorrect name
<img class="smaller-image" src="...">
Cynthia Clinton
@Cynth42
May 04 2017 05:50
What is the difference between the id element and class ement? when do you use them?
Cynthia Clinton
@Cynth42
May 04 2017 05:51
thankk you!
sdey9874
@sdey9874
May 04 2017 05:57

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

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

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

<p2 class="red-text">

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

it is asking for the p element to be in class-red-text

how should i proceed
?
any help guys
Hoang Thanh Tu
@hoangthanhtu
May 04 2017 06:00
@sdey9874 :
  1. Remove p2 line of code
  2. add class into <p> tag like this <p class="red-text">...</p>
0zrob
@0zrob
May 04 2017 06:00
help

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

Hoang Thanh Tu
@hoangthanhtu
May 04 2017 06:01
@0zrob
<img class="smaller-image green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
@0zrob : you can use many class by add class name separed by space
sdey9874
@sdey9874
May 04 2017 06:02
thankie :)
Manish Giri
@Manish-Giri
May 04 2017 06:02
@hoangthanhtu please don't post direct answers here.
Hoang Thanh Tu
@hoangthanhtu
May 04 2017 06:02
@Manish-Giri : I got it. Sorry
0zrob
@0zrob
May 04 2017 06:05
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> @hoangthanhtu
Manish Giri
@Manish-Giri
May 04 2017 06:05
@hoangthanhtu np
Hoang Thanh Tu
@hoangthanhtu
May 04 2017 06:05
@0zrob : what's your problem?
@0zrob : you should define style for class thick-green-border
0zrob
@0zrob
May 04 2017 06:06
@hoangthanhtu how
Hoang Thanh Tu
@hoangthanhtu
May 04 2017 06:07
@0zrob : inside <style> ... </style>, you define .thick-green-border which its property
Al-AmeenIb
@Al-AmeenIb
May 04 2017 06:08
good morning all
0zrob
@0zrob
May 04 2017 06:08
.thick-red-border { border-color: green; border-width: 5px; border-style: solid; } @hoangthanhtu
Hoang Thanh Tu
@hoangthanhtu
May 04 2017 06:08
@0zrob : change class name from .thick-red-border to .thick-green-border
0zrob
@0zrob
May 04 2017 06:09
@hoangthanhtu no diffrent
still isnt reconizing it
Hoang Thanh Tu
@hoangthanhtu
May 04 2017 06:09
@0zrob : plz show your code
0zrob
@0zrob
May 04 2017 06:10

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

Al-AmeenIb
@Al-AmeenIb
May 04 2017 06:10
please can someone help me out on how to pass this challenge called "Make Object Properties Private"? being stuck on it for days now!
Hoang Thanh Tu
@hoangthanhtu
May 04 2017 06:10
@0zrob : move the .thick-green-border before </style>. You must define style class inside <style> </style> tag