These are chat archives for FreeCodeCamp/Help

12th
Jun 2017
CallMeOrange
@EgnaroDev
Jun 12 2017 00:00
@cdrainxv well are you really 60 years old?
Never mind its not important
__mifflin__
@cdrainxv
Jun 12 2017 00:00
Yes.
CallMeOrange
@EgnaroDev
Jun 12 2017 00:01
Oh
Nelson53
@Nelson53
Jun 12 2017 00:01

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

<style>

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

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

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

why will it not reduce size
too 100 px
CallMeOrange
@EgnaroDev
Jun 12 2017 00:01
@Nelson53 That > have to stick with img element
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. " >
Never mind
img .smaller-image
{
width: 100px;
}
See whats wrong?
p {
font-size: 16px;
font-family: Monospace;
}</style>
Nelson53
@Nelson53
Jun 12 2017 00:02
lesson says to reduce in style
CallMeOrange
@EgnaroDev
Jun 12 2017 00:02
And move that </style>
Yeah see whats wrong with first code I posted?
Nelson53
@Nelson53
Jun 12 2017 00:03
i believe thATS what I did
CallMeOrange
@EgnaroDev
Jun 12 2017 00:03
```
img .smaller-image
{
width: 100px;
}
Why an element and class same time?
.class {
width: ?px;
}
@Nelson53 well?
Nelson53
@Nelson53
Jun 12 2017 00:05
i was folowng the instructions as iunderstand them
CallMeOrange
@EgnaroDev
Jun 12 2017 00:05
@Nelson53 Yes and there is something wrong with this
img .smaller-image
{
width: 100px;
}
Why img and .smaller-image
JD
@jdruiz19
Jun 12 2017 00:06
@cdrainxv @Manish-Giri Thanks got it!
CamperBot
@camperbot
Jun 12 2017 00:06
jdruiz19 sends brownie points to @cdrainxv and @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 2737 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
:star2: 5959 | @manish-giri |http://www.freecodecamp.com/manish-giri
Jecyu
@Jecyu
Jun 12 2017 00:06
Higher priority @MCTwoDigitZero
Nelson53
@Nelson53
Jun 12 2017 00:06
what else?
CallMeOrange
@EgnaroDev
Jun 12 2017 00:06
@Nelson53 And { should be after .class
Did you move that </style>?
Nelson53
@Nelson53
Jun 12 2017 00:07
no
CallMeOrange
@EgnaroDev
Jun 12 2017 00:07
Well let me know when you are done then show me your code
@linjiyu What do you mean?
Kathleen O Zahl
@thatzahl
Jun 12 2017 00:09
I can't get my h1 element to be pink....help
CallMeOrange
@EgnaroDev
Jun 12 2017 00:09
@thatzahl Let me see the code
hrobi016
@hrobi016
Jun 12 2017 00:10
trying to label bootstrap wells... can someone tell me why it's saying it doesn't contain text?
<h4 #left-well </h4>
CallMeOrange
@EgnaroDev
Jun 12 2017 00:10
@hrobi016 Missing >
Kathleen O Zahl
@thatzahl
Jun 12 2017 00:10
@MCTwoDigitZero code won't copy for some reason
Nelson53
@Nelson53
Jun 12 2017 00:11

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

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

.red-text {
color: red;
}h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
</style>

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

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

CallMeOrange
@EgnaroDev
Jun 12 2017 00:11
@Nelson53 There is still img .smaller-image
Nelson53
@Nelson53
Jun 12 2017 00:11
is that wrong?
CallMeOrange
@EgnaroDev
Jun 12 2017 00:11
Yeah there should be only element or a class
Either img or .smaller-image
Nelson53
@Nelson53
Jun 12 2017 00:12
oh
CallMeOrange
@EgnaroDev
Jun 12 2017 00:12
Then { should be after them
Kathleen O Zahl
@thatzahl
Jun 12 2017 00:12
I have pink-text {color: pink;} in my style, my h1 I have <class="pink-text" </>
CallMeOrange
@EgnaroDev
Jun 12 2017 00:12
Correct:

.class {
-----
Incorrect:
.class
{
hrobi016
@hrobi016
Jun 12 2017 00:12
@MCTwoDigitZero where does the > go?
David Blandford
@dblandford
Jun 12 2017 00:13

what's wrong with: </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-6">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-6">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-6">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>

Nelson53
@Nelson53
Jun 12 2017 00:13
<style>
img
{
width: 100px;
}

.red-text {
color: red;
}h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
</style>
Manish Giri
@Manish-Giri
Jun 12 2017 00:13
@dblandford those aren't radio buttons..
dillan stancel
@newgoldendoge
Jun 12 2017 00:13

guys I don't know what is wrong, can you check? Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%. hereis the code. <style>
.red-text
p {
font-size: 16px;
}
{
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>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

CallMeOrange
@EgnaroDev
Jun 12 2017 00:13
<p hereclass="red-text"> @hrobi016
hrobi016
@hrobi016
Jun 12 2017 00:13
@MCTwoDigitZero Thank you!
CamperBot
@camperbot
Jun 12 2017 00:13
hrobi016 sends brownie points to @mctwodigitzero :sparkles: :thumbsup: :sparkles:
:cookie: 136 | @mctwodigitzero |http://www.freecodecamp.com/mctwodigitzero
CallMeOrange
@EgnaroDev
Jun 12 2017 00:14
@Nelson53 For that challenge you should use .smaller-image if I remember correctly
Kathleen O Zahl
@thatzahl
Jun 12 2017 00:14
.pink-text that is...it's the only part that's correct
CallMeOrange
@EgnaroDev
Jun 12 2017 00:14
@hrobi016 No problem
<class="pink-text" </> this is wrong @thatzahl
class and class name is correct but there is something missing'
Will
@Will-is-Coding
Jun 12 2017 00:14

@newgoldendoge

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

You've nested your CSS classes. You can't put one inside another. So close the .red-text class before p

Kathleen O Zahl
@thatzahl
Jun 12 2017 00:14
@MCTwoDigitZero ..ok...what am I doing wrong?
CallMeOrange
@EgnaroDev
Jun 12 2017 00:15
@thatzahl Where is h1 or p?
Nelson53
@Nelson53
Jun 12 2017 00:15
there remains a problem
CallMeOrange
@EgnaroDev
Jun 12 2017 00:15
@thatzahl Show me a code again
Kathleen O Zahl
@thatzahl
Jun 12 2017 00:15
Do i put <h1> again, before class?
CallMeOrange
@EgnaroDev
Jun 12 2017 00:15
@Nelson53 What is it
Nelson53
@Nelson53
Jun 12 2017 00:15
oit does not like it either way
it
CallMeOrange
@EgnaroDev
Jun 12 2017 00:16
@Nelson53 Let me see the code
@thatzahl Yes
Kathleen O Zahl
@thatzahl
Jun 12 2017 00:16
@MCTwoDigitZero I'll try again
CallMeOrange
@EgnaroDev
Jun 12 2017 00:16
<h1 class=".."></h1>
@thatzahl alright
kawb
@kawb
Jun 12 2017 00:16
I have the same problem as @Nelson53
dillan stancel
@newgoldendoge
Jun 12 2017 00:16
@Will-is-Coding thanks!
CamperBot
@camperbot
Jun 12 2017 00:16
newgoldendoge sends brownie points to @will-is-coding :sparkles: :thumbsup: :sparkles:
:cookie: 487 | @will-is-coding |http://www.freecodecamp.com/will-is-coding
Nelson53
@Nelson53
Jun 12 2017 00:16
<style>
.smaller-image
{
width: 100px;
}

.red-text {
color: red;
}h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
</style>
or
CallMeOrange
@EgnaroDev
Jun 12 2017 00:16
@Nelson53 you are close
Nelson53
@Nelson53
Jun 12 2017 00:16

<style>
img
{
width: 100px;
}

.red-text {
color: red;
}h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
</style>

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

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

 >
CallMeOrange
@EgnaroDev
Jun 12 2017 00:17
No first one is correct
shankdified
@shankdified
Jun 12 2017 00:17
does anyone know how i make my H2 ELEMENT BLUE?
CallMeOrange
@EgnaroDev
Jun 12 2017 00:17
.smaller-image
{
width: 100px;
}
shankdified
@shankdified
Jun 12 2017 00:17
sorry for caps
CallMeOrange
@EgnaroDev
Jun 12 2017 00:17
What is wrong with that?
@Nelson53 Where do you think { should be?
@shankdified Can I see what you tried with your code?
Nelson53
@Nelson53
Jun 12 2017 00:18
right whereyou have them
CallMeOrange
@EgnaroDev
Jun 12 2017 00:18
@Nelson53 { is in wrong place
shankdified
@shankdified
Jun 12 2017 00:18

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

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

CallMeOrange
@EgnaroDev
Jun 12 2017 00:18
@shankdified Where is h2 element?
Oh its inside style tags
Nelson53
@Nelson53
Jun 12 2017 00:19
<style>
.smaller -image {
width: 100px;
}
CallMeOrange
@EgnaroDev
Jun 12 2017 00:19
They should be outside of style tags and use h2 @shankdified
shankdified
@shankdified
Jun 12 2017 00:19
i dont know, im just getting started
CallMeOrange
@EgnaroDev
Jun 12 2017 00:19
@Nelson53 Yes
That's correct
Nelson53
@Nelson53
Jun 12 2017 00:19
still will not pass
CallMeOrange
@EgnaroDev
Jun 12 2017 00:20
Hold on.. There is a space in .smaller -image
Nelson53
@Nelson53
Jun 12 2017 00:20
still will not pass
CallMeOrange
@EgnaroDev
Jun 12 2017 00:20
@Nelson53 Show me full remaining code again
Nelson53
@Nelson53
Jun 12 2017 00:21

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

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

.red-text {
color: red;
}h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
</style>

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

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

CallMeOrange
@EgnaroDev
Jun 12 2017 00:21
@Nelson53 you didnt have .smaller-image class added to img element
<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 gr
Where is </p>?
Thats two issues
There is one more....
.red-text {
color: red;
}h2 {
font-family: Lobster, Monospace;
}
Nelson53
@Nelson53
Jun 12 2017 00:22
<style>
img .smaller-image {
width: 100px;
}
CallMeOrange
@EgnaroDev
Jun 12 2017 00:22
@Nelson53 Dont worry about that
No... remove that img
How do you add a class?
Nelson53
@Nelson53
Jun 12 2017 00:23
not sure
Chele
@UnChatNoir
Jun 12 2017 00:24
creating a dead link challenge asks that the href attribute be set to a #, what am I doing wrong? <a # ="http://www.freecatphotoapp.com">cat photos</a>
CallMeOrange
@EgnaroDev
Jun 12 2017 00:24
<h2 class="red-text">CatPhotoApp</h2>
How did you add red-text class to that element?
@UnChatNoir Use # instead of URL
and you need href=""
Chele
@UnChatNoir
Jun 12 2017 00:24
ah, thank you
CallMeOrange
@EgnaroDev
Jun 12 2017 00:24
No problem
@Nelson53 well?
Nelson53
@Nelson53
Jun 12 2017 00:25
looks the same to me
CallMeOrange
@EgnaroDev
Jun 12 2017 00:26
@Nelson53 Did you add .smaller-image class to img element?
Like you did for red-text to h2 element
HAN TAE GYUN
@kindkiz
Jun 12 2017 00:26
how to made a dead link, by replacing the value of <a> element's href attribute with a '#'?
CallMeOrange
@EgnaroDev
Jun 12 2017 00:26
After that there is one more problem
@kindkiz Use # instead of URL
HAN TAE GYUN
@kindkiz
Jun 12 2017 00:27
thanks
CallMeOrange
@EgnaroDev
Jun 12 2017 00:27
Dont forget to use href=""
HAN TAE GYUN
@kindkiz
Jun 12 2017 00:27
hh\
CallMeOrange
@EgnaroDev
Jun 12 2017 00:27
No problem
Nelson53
@Nelson53
Jun 12 2017 00:27
iam too confused to answer the question
CallMeOrange
@EgnaroDev
Jun 12 2017 00:27
@Nelson53 Do you remember how to add a class to an element
Nelson53
@Nelson53
Jun 12 2017 00:28
I thought I did
CallMeOrange
@EgnaroDev
Jun 12 2017 00:28
<h2 class="this-is-a-class"></h2>
Example
Nelson53
@Nelson53
Jun 12 2017 00:28
i see
CallMeOrange
@EgnaroDev
Jun 12 2017 00:28
@Nelson53 Did you add smaller-image class to img element
After that there is two issues left
Nelson53
@Nelson53
Jun 12 2017 00:29
its in stlye..right?
style
CallMeOrange
@EgnaroDev
Jun 12 2017 00:29
@Nelson53 Use the class name from style tags then use it to add the class to img element
<h2 class="this-is-a-class"></h2>
Example
Farzana Patel
@patelfarzana24
Jun 12 2017 00:29
Need help with Challenge 86 ( Create bootstrap wells)

Bootstrap has a class called well that can create a visual sense of depth for your columns.

Nest one div element with the class well within each of your col-xs-6 div elements.

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

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

</div>
</div>
</div>
CallMeOrange
@EgnaroDev
Jun 12 2017 00:30
@patelfarzana24 Add ```class="col-xs]
Hold on
No
There should be seperate div elements for col-xs-6 and well classes
@Nelson53 Are you doing it fine?
Nelson53
@Nelson53
Jun 12 2017 00:32
@MC I will give it a fresh look tomorrow
StrikingUp
@StrikingUp
Jun 12 2017 00:33
Can someone explain this: Between the style tags, give the p elements font-size of 16px.
how do i give the p element the font size without assigning it a class?
Farzana Patel
@patelfarzana24
Jun 12 2017 00:34

@MCTwoDigitZero

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

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

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

@MCTwoDigitZero No go
StrikingUp
@StrikingUp
Jun 12 2017 00:35
Nvm i figured it out
CallMeOrange
@EgnaroDev
Jun 12 2017 00:35
@patelfarzana24 I think there should be two div elements with col-xs-6 classes and remember there should be seperate div elements for col-xs-6 and well classes
@StrikingUp lol
Tom Spencer
@spencotom
Jun 12 2017 00:36
@StrikingUp
<style>
.red-text {
color: red;
}
p {
font-size: 16px;
}
</style>
I think?
CallMeOrange
@EgnaroDev
Jun 12 2017 00:37
@spencotom That is correct and he already figured it out
Tom Spencer
@spencotom
Jun 12 2017 00:37
whoops, sorry
CallMeOrange
@EgnaroDev
Jun 12 2017 00:37
Its all right :/
Farzana Patel
@patelfarzana24
Jun 12 2017 00:38
@patelfarzana24 I think there should be two div elements with col-xs-6 classes and remember there should be seperate div elements for col-xs-6 and well classes How do I do that?
Tomas Damiani
@tomasoftw
Jun 12 2017 00:38
hey guys, look at this: Now nest your existing a element within a new p element so that the surrounding paragraph says "View more cat photos", but where only "cat photos" is a link, and the rest of the text is plain text. This is my code: <p>View more
<a href="http://www.freecatphotoapp.com">cat photos</a>
</p> What is wrong??
CallMeOrange
@EgnaroDev
Jun 12 2017 00:38
@patelfarzana24 Last time you did <div class="col-xs-6 well"></div> but col-xs-6 and well should be seperate with different div elements
@tomasoftw Switch </p> and </a>
</a></p> --> </p></a>
Farzana Patel
@patelfarzana24
Jun 12 2017 00:42
@patelfarzana24 Last time you did <div class="col-xs-6 well"></div> but col-xs-6 and well should be seperate with different div elements

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

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

</div>

</div>
<div class="well">
</div>
</div>
@MCTwoDigitZero

is that what you meant @MCTwoDigitZero
CallMeOrange
@EgnaroDev
Jun 12 2017 00:44
@patelfarzana24 Like this
<div class="col-xs-6"></div>
<div class="well"></div>

....
...
...
<div class="col-xs-6"></div>
<div class="well"></div>
That's an example
Farzana Patel
@patelfarzana24
Jun 12 2017 00:44
Trying
CallMeOrange
@EgnaroDev
Jun 12 2017 00:44
Its fine I will be here
Coy Sanders
@coymeetsworld
Jun 12 2017 00:46
@MCTwoDigitZero thats not correct
@patelfarzana24 the wells have to be nested inside the columns
CallMeOrange
@EgnaroDev
Jun 12 2017 00:46
@coymeetsworld oops I thought I didnt type </div>...
Then she would know to nest
@patelfarzana24 Sorry :/
@patelfarzana24 Did you do well?
wizardryhub
@wizardryhub
Jun 12 2017 00:50
Hello all. I am confused and I'm at the very beginning of the course (I'm a super newbie). It's telling me to give my h2 element a class attribute (CSS style) but i can't figure out how to apply it to h2
CallMeOrange
@EgnaroDev
Jun 12 2017 00:51
@wizardryhub <h2 class="classname"></h2>
Jorge Luis Vazquez
@zentech
Jun 12 2017 00:51
guys need some help freeCodeCamp ex 125
CallMeOrange
@EgnaroDev
Jun 12 2017 00:51
class = "..." is a class attribute
Farzana Patel
@patelfarzana24
Jun 12 2017 00:51
@MCTwoDigitZero Thanks
CamperBot
@camperbot
Jun 12 2017 00:51
patelfarzana24 sends brownie points to @mctwodigitzero :sparkles: :thumbsup: :sparkles:
:cookie: 137 | @mctwodigitzero |http://www.freecodecamp.com/mctwodigitzero
CallMeOrange
@EgnaroDev
Jun 12 2017 00:51
and use class name from css
Farzana Patel
@patelfarzana24
Jun 12 2017 00:51
@MCTwoDigitZero That worked
CallMeOrange
@EgnaroDev
Jun 12 2017 00:51
@patelfarzana24 No problem :/
00jade00
@00jade00
Jun 12 2017 00:51
i need help im stuck on changing the font size of an element
davidlair
@davidlair
Jun 12 2017 00:51
@00jade00 what's the problem
Can you copy/paste the code?
CallMeOrange
@EgnaroDev
Jun 12 2017 00:51
@davidlair finally someone is here
I was alone helping...
davidlair
@davidlair
Jun 12 2017 00:52
Yeah just got back. :P
CallMeOrange
@EgnaroDev
Jun 12 2017 00:52
Welcome back
davidlair
@davidlair
Jun 12 2017 00:52
Oh nooo! lol, that can be tough
00jade00
@00jade00
Jun 12 2017 00:52
i am stuck on Between the style tags, give the p elements font-size of 16px.
CallMeOrange
@EgnaroDev
Jun 12 2017 00:52
@zentech Show me the code then tell me the issues
Jorge Luis Vazquez
@zentech
Jun 12 2017 00:52
@MCTwoDigitZero $("#right-well:nth-child(2)").addClass("animated bounce");
dillan stancel
@newgoldendoge
Jun 12 2017 00:52
I don't know what this means, can you help please. Your a element should be a dead link with a href attribute set to "#". here is the code. <p>Click here for <a href="http://www.freecatphotoapp.com">cat photos</a>.</p>
Jorge Luis Vazquez
@zentech
Jun 12 2017 00:53
@MCTwoDigitZero I click run but not taking it
CallMeOrange
@EgnaroDev
Jun 12 2017 00:53
#right-well:nth-child(2) @zentech
davidlair
@davidlair
Jun 12 2017 00:53
change the url to #, it's that simple @newgoldendoge
Coy Sanders
@coymeetsworld
Jun 12 2017 00:53
the href attribute is set to the url http://www.freecatphotoapp.com currently @newgoldendoge
davidlair
@davidlair
Jun 12 2017 00:53
<p>Click here for <a href="#">cat photos</a>.</p>
CallMeOrange
@EgnaroDev
Jun 12 2017 00:53
@zentech Im sorry but Im not there yet
Coy Sanders
@coymeetsworld
Jun 12 2017 00:53
you need to set it th #
davidlair
@davidlair
Jun 12 2017 00:53
Does that make sense @newgoldendoge ?
Coy Sanders
@coymeetsworld
Jun 12 2017 00:53
@davidlair please dont post answers
CallMeOrange
@EgnaroDev
Jun 12 2017 00:53
But : seems shouldn't be there
Jorge Luis Vazquez
@zentech
Jun 12 2017 00:53
@MCTwoDigitZero why
CallMeOrange
@EgnaroDev
Jun 12 2017 00:54
@zentech Sorry that what I was thinking
@zentech Ask @coymeetsworld
dillan stancel
@newgoldendoge
Jun 12 2017 00:54
@davidlair thanks, lol
CamperBot
@camperbot
Jun 12 2017 00:54
newgoldendoge sends brownie points to @davidlair :sparkles: :thumbsup: :sparkles:
:cookie: 88 | @davidlair |http://www.freecodecamp.com/davidlair
davidlair
@davidlair
Jun 12 2017 00:54
@coymeetsworld I understand, but I felt like this one wasn't a complicated issue, and posting it that way was practically the same. Then following up to see if it was understood would be the next step.
Coy Sanders
@coymeetsworld
Jun 12 2017 00:55
@davidlair not complicated to you maybe, doesn't mean you should do that. If you know the material well enough you could have explained it
Jorge Luis Vazquez
@zentech
Jun 12 2017 00:55
any body here knowledge of jquery $("#right-well:nth-child(2)").addClass("animated bounce");
davidlair
@davidlair
Jun 12 2017 00:55
@00jade00 can you post your code por favor?
Coy Sanders
@coymeetsworld
Jun 12 2017 00:55
you're not providing enough information @zentech, what are you trying to do?
davidlair
@davidlair
Jun 12 2017 00:55
@coymeetsworld I'm sorry, I'll try to elaborate better next time.
Coy Sanders
@coymeetsworld
Jun 12 2017 00:55
what challenge are you on and what's failing?
CallMeOrange
@EgnaroDev
Jun 12 2017 00:55
I had the knowledge of jQuery :cry:
davidlair
@davidlair
Jun 12 2017 00:56
@newgoldendoge Do you understand what the challenge was asking after re-reading it?
CallMeOrange
@EgnaroDev
Jun 12 2017 00:56
I had the knowledge of jQuery :cry:
davidlair
@davidlair
Jun 12 2017 00:56
@coymeetsworld Also, this is my second day of learning. Still a noob myself.
Jorge Luis Vazquez
@zentech
Jun 12 2017 00:56
@coymeetsworld ex 125 freecodecamp. targeting the second element within the #right-well id... there are three buttons and I need to make second one shake
CallMeOrange
@EgnaroDev
Jun 12 2017 00:56
Dont worry I will get my knowledge of jQuery back soon enough
Coy Sanders
@coymeetsworld
Jun 12 2017 00:56
@davidlair then perhaps you should focus on learning the challenges before trying to help people :)
davidlair
@davidlair
Jun 12 2017 00:57
:P you're right. I just find it easier to retain information when also explaining it. Helps me recall pieces that may otherwise have slipped through the many cracks of my mind.
Coy Sanders
@coymeetsworld
Jun 12 2017 00:57
@zentech they're not numbered, what's the challenge name?
Jorge Luis Vazquez
@zentech
Jun 12 2017 00:57
@coymeetsworld hold on a sec
davidlair
@davidlair
Jun 12 2017 00:57
@coymeetsworld Thank you
CamperBot
@camperbot
Jun 12 2017 00:57
davidlair sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2768 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Jorge Luis Vazquez
@zentech
Jun 12 2017 00:57
@coymeetsworld Target a Specific Child of an Element Using jQuery
Coy Sanders
@coymeetsworld
Jun 12 2017 00:58
@zentech doesn't tell you to only target the right well in the instructions, I would read them again
Jorge Luis Vazquez
@zentech
Jun 12 2017 00:59
@coymeetsworld let me read again
CallMeOrange
@EgnaroDev
Jun 12 2017 00:59
@coymeetsworld you are a little strict helper than I thought
:joy:
Jorge Luis Vazquez
@zentech
Jun 12 2017 00:59
@coymeetsworld Make the second child in each of your well elements bounce. You must target the children of element with the target class.
Coy Sanders
@coymeetsworld
Jun 12 2017 00:59
@MCTwoDigitZero should I be posting the wrong answers instead?
CallMeOrange
@EgnaroDev
Jun 12 2017 00:59
Are you a teacher? you seems act like a teacher
@coymeetsworld No Im not saying that
davidlair
@davidlair
Jun 12 2017 01:00
lol he was talking about your interaction with me. I agree with coy's methods though. I shouldn't have explained it so simply starting out.
Coy Sanders
@coymeetsworld
Jun 12 2017 01:00
@zentech yes I know what the instructions are, I'm looking at them
but read through the whole thing, it even gives an example that is similar to what they ask you to do
$(".target:nth-child(3)").addClass("animated bounce"); thats how you would give the 3rd element in each well the bounce class
instructions ask you to give the 2nd element the bounce class
davidlair
@davidlair
Jun 12 2017 01:01
So I just started the bootstrap challenges.
I have a question: it tells me to add container-fluid and img-responsive classes without adding them to my style element. Is this because the FCC added the bootstrap "stylesheet" in the background, and therefore already has a list of classes that aren't visible to my eye?
Jorge Luis Vazquez
@zentech
Jun 12 2017 01:02
@coymeetsworld this is my code.. $("#left-well:nth-child(2)").addClass("animated bounce");
$("#right-well:nth-child(2)").addClass("animated bounce");
davidlair
@davidlair
Jun 12 2017 01:02
Or is it simply just in preperation for a later challenge
Coy Sanders
@coymeetsworld
Jun 12 2017 01:02
@davidlair yes, the explicitly mentioned that in the first bootstrap challenge. Same goes with font-awesome
davidlair
@davidlair
Jun 12 2017 01:02
Is there a website with a list of bootstrap classes?
CallMeOrange
@EgnaroDev
Jun 12 2017 01:02
I have a question does <em> elements just make the text italic?
Coy Sanders
@coymeetsworld
Jun 12 2017 01:02
yes, the official documentation would have it
@zentech no you should only need one selector
CallMeOrange
@EgnaroDev
Jun 12 2017 01:03
@davidlair MDN and others sites
Jorge Luis Vazquez
@zentech
Jun 12 2017 01:03
@coymeetsworld to target both id's?
Coy Sanders
@coymeetsworld
Jun 12 2017 01:03
and those aren't the right selectors
no
again, read instructions. Carefully.
davidlair
@davidlair
Jun 12 2017 01:03
MDN has the whole list?
CallMeOrange
@EgnaroDev
Jun 12 2017 01:03
@davidlair Im not sure about bootstrap classes list
You can check it out
Coy Sanders
@coymeetsworld
Jun 12 2017 01:03
and read what I wrote, they show you how to give the 3rd element in each well the bounce class
wizardryhub
@wizardryhub
Jun 12 2017 01:03
thanks @MCTwoDigitZero
CamperBot
@camperbot
Jun 12 2017 01:03
wizardryhub sends brownie points to @mctwodigitzero :sparkles: :thumbsup: :sparkles:
:cookie: 139 | @mctwodigitzero |http://www.freecodecamp.com/mctwodigitzero
Coy Sanders
@coymeetsworld
Jun 12 2017 01:04
you need to give 2nd
CallMeOrange
@EgnaroDev
Jun 12 2017 01:04
@wizardryhub What did I do?
Jorge Luis Vazquez
@zentech
Jun 12 2017 01:05
@coymeetsworld ok.. step by step does this jquery code is correct $("#left-well:nth-child(2)").addClass("animated bounce");
Coy Sanders
@coymeetsworld
Jun 12 2017 01:05
no
:/
when I say look at the example, I'm telling you that your code is going to look similar to that
Jorge Luis Vazquez
@zentech
Jun 12 2017 01:05
@coymeetsworld I know
Coy Sanders
@coymeetsworld
Jun 12 2017 01:06
that code reads for every 2nd element with left-well id, give it animated and bounce classes
there's only one element with id left-well
Jorge Luis Vazquez
@zentech
Jun 12 2017 01:06
@coymeetsworld the only diff is that the code is targeting a class and I'm targeting an id
@coymeetsworld ok hold on let me try again
Coy Sanders
@coymeetsworld
Jun 12 2017 01:06
yes, and that is not what they're asking you to do
Aaron Robbins
@FREExM1ND
Jun 12 2017 01:07
@coymeetsworld if you look at George's code and look at the instructions for the challenge you'll see whats wrong in the beginning of the string
@coymeetsworld *line not string
Coy Sanders
@coymeetsworld
Jun 12 2017 01:08
@FREExM1ND i know exactly what's wrong
James Keyhani
@Kihani
Jun 12 2017 01:08
<div class="container">
<div class="row" style="background-color:grey">
<img class="center-block" src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/be/Carl_Sagan_Planetary_Society.JPG/220px-Carl_Sagan_Planetary_Society.JPG" alt="Carl Sagan Image"></span>
</div>
</div>
How this does not center the image?
CallMeOrange
@EgnaroDev
Jun 12 2017 01:09
@Kihani Where is <span>
Aaron Robbins
@FREExM1ND
Jun 12 2017 01:09
@coymeetsworld okay okay just making sure
James Keyhani
@Kihani
Jun 12 2017 01:09
Do I need to put the span element next to the image?
davidlair
@davidlair
Jun 12 2017 01:09
bbiab
CallMeOrange
@EgnaroDev
Jun 12 2017 01:09
@FREExM1ND A little strict right?
@Kihani You are missing <span>
wizardryhub
@wizardryhub
Jun 12 2017 01:09
@MCTwoDigitZero you helped me apply a class attribute in a roundabout way, which led me to figuring out the difference between CSS and Html style. Indirect help, but help nonethless :) Appreciate it
Aaron Robbins
@FREExM1ND
Jun 12 2017 01:10
@MCTwoDigitZero not sure what you mean
CallMeOrange
@EgnaroDev
Jun 12 2017 01:10
@wizardryhub Oh I see glad to help
@FREExM1ND Never mind :/
Coy Sanders
@coymeetsworld
Jun 12 2017 01:10
he'd rather just post answers than descriptions, hes not a fan of how I'm helping
Manish Giri
@Manish-Giri
Jun 12 2017 01:11
sigh
James Keyhani
@Kihani
Jun 12 2017 01:11
@MCTwoDigitZero so is the span tag required to center an image with center-block class?
CallMeOrange
@EgnaroDev
Jun 12 2017 01:12
@coymeetsworld How am I posting answers?
Coy Sanders
@coymeetsworld
Jun 12 2017 01:12
really?
CallMeOrange
@EgnaroDev
Jun 12 2017 01:12
Where is the proof?
I was alone here like an hour helping people
Coy Sanders
@coymeetsworld
Jun 12 2017 01:12
wrong answer too, btw, again
@MCTwoDigitZero you're not obligated to help
CallMeOrange
@EgnaroDev
Jun 12 2017 01:12
Thats an example and I was not supposed to write </div>
@coymeetsworld And She managed to figure it out herself
@Kihani No its not about that and you are missing <span> because there is a </span>
Coy Sanders
@coymeetsworld
Jun 12 2017 01:13
guess we didn't get through to you, oh well
you can keep confusing people if you want
just makes it hard for others to waste time fixing it
CallMeOrange
@EgnaroDev
Jun 12 2017 01:14
@coymeetsworld Think whatever you want
Coy Sanders
@coymeetsworld
Jun 12 2017 01:14
right now you're also not really helping, the span tag is completely irrelevant to the issue
CallMeOrange
@EgnaroDev
Jun 12 2017 01:15
Then why does that </span> exist?
Dont you need <span>?
James Keyhani
@Kihani
Jun 12 2017 01:15
@MCTwoDigitZero So without the the span tag how would I go about centering an image with bootstrap? I can't seem to get the center-block thing to work.
Coy Sanders
@coymeetsworld
Jun 12 2017 01:15
it shouldn't be there but thats not why his image isn't centering
but you're diverting focus to that
CallMeOrange
@EgnaroDev
Jun 12 2017 01:15
@coymeetsworld Im not helping him with image centering
Coy Sanders
@coymeetsworld
Jun 12 2017 01:15
even though that specifically what he needs help with?
CallMeOrange
@EgnaroDev
Jun 12 2017 01:15
I told him that he is missing <span> then I would help him after that
Coy Sanders
@coymeetsworld
Jun 12 2017 01:16
ok then help
Kyle Holm
@thekholm80
Jun 12 2017 01:16
am I in the main room? it's been arguing in here all day
CallMeOrange
@EgnaroDev
Jun 12 2017 01:16
@thekholm80 I know
@thekholm80 He thought Im posting answers
Kyle Holm
@thekholm80
Jun 12 2017 01:16
i know you know, you've been involved in every argument i've seen
Coy Sanders
@coymeetsworld
Jun 12 2017 01:16
you were, and then throwing snide comments about me to everyone
Manish Giri
@Manish-Giri
Jun 12 2017 01:16

I was alone here like an hour helping people

pretty sure someone else would've stepped up if you weren't here. FCC Help has been on for many months now., don't see how your not being here would've been a problem.

Coy Sanders
@coymeetsworld
Jun 12 2017 01:16
not that anyone cared what you thought. Anyways I'm done w/ it
CallMeOrange
@EgnaroDev
Jun 12 2017 01:16
@Manish-Giri Today..
Then why didnt you step up? I was stuck with helping 3 people
Manish Giri
@Manish-Giri
Jun 12 2017 01:17
point still stands, FCC Help would be fine if you're not here for an hour or something. Lots of people are around.
lol
CallMeOrange
@EgnaroDev
Jun 12 2017 01:17
@Manish-Giri And yet I was alone
Margaret
@Margaret2
Jun 12 2017 01:17
I think @MCTwoDigitZero has been doing pretty good, don't gang up on him too much guys
CallMeOrange
@EgnaroDev
Jun 12 2017 01:17
@Margaret2 Thank you..
CamperBot
@camperbot
Jun 12 2017 01:17
mctwodigitzero sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 2664 | @margaret2 |http://www.freecodecamp.com/margaret2
Manish Giri
@Manish-Giri
Jun 12 2017 01:17
isn't it obvious why I didn't step up?
CallMeOrange
@EgnaroDev
Jun 12 2017 01:18
@Manish-Giri I dont know why dont you?
Coy Sanders
@coymeetsworld
Jun 12 2017 01:18
@Margaret2 yeah then when I'm helping he has to mouth off each time I help someone, just called him out on it
Manish Giri
@Manish-Giri
Jun 12 2017 01:18
I think you do
you're smart enough to figure it out buddy
CallMeOrange
@EgnaroDev
Jun 12 2017 01:18
@coymeetsworld And where is proof for that..
Margaret
@Margaret2
Jun 12 2017 01:18
^
Coy Sanders
@coymeetsworld
Jun 12 2017 01:18
@MCTwoDigitZero its in the chat logs
CallMeOrange
@EgnaroDev
Jun 12 2017 01:18
@coymeetsworld show me?
Coy Sanders
@coymeetsworld
Jun 12 2017 01:19
CallMeOrange
@EgnaroDev
Jun 12 2017 01:19
That it?
Is that what you meant by mouthing off
Manish Giri
@Manish-Giri
Jun 12 2017 01:19
I can also pull the logs from that night when you kept accusing me of editing things, when I actually didn't.
CallMeOrange
@EgnaroDev
Jun 12 2017 01:19
Im done with this argument
Coy Sanders
@coymeetsworld
Jun 12 2017 01:19
thanks
Manish Giri
@Manish-Giri
Jun 12 2017 01:19
but anyway..
CallMeOrange
@EgnaroDev
Jun 12 2017 01:19
@Manish-Giri You actually did
twice
Manish Giri
@Manish-Giri
Jun 12 2017 01:20
there we go
again
CallMeOrange
@EgnaroDev
Jun 12 2017 01:21
@Kihani Sorry we have been arguing, do you need any help?
Daniel Harris
@dh5harris
Jun 12 2017 01:21
I wish I had some popcorn.
CallMeOrange
@EgnaroDev
Jun 12 2017 01:21
@dh5harris lol
@coymeetsworld You were actually nice to me with second account but I guess you are different now
Coy Sanders
@coymeetsworld
Jun 12 2017 01:22
maybe it's you
CallMeOrange
@EgnaroDev
Jun 12 2017 01:23
No it's not
Coy Sanders
@coymeetsworld
Jun 12 2017 01:23
k
Lance
@texas2010
Jun 12 2017 01:23
@MCTwoDigitZero that is enough. no need to cause more drama. and i am been watching you. you trying to give wrong answer to them. btw i am not on anyone's side.
and again. you trying to argue with them for no reason.
Coy Sanders
@coymeetsworld
Jun 12 2017 01:24
its fine @texas2010 I'm done with it
CallMeOrange
@EgnaroDev
Jun 12 2017 01:24
@texas2010 Same here
And I was not trying to give any wrong answer
Manish Giri
@Manish-Giri
Jun 12 2017 01:24
you were
Aaron Robbins
@FREExM1ND
Jun 12 2017 01:24
“If an argument lasts more than five minutes, both sides are wrong” -Neil deGrasse Tyson
wizardryhub
@wizardryhub
Jun 12 2017 01:24
Just to be sure - are we arguing about helping people? I'm pretty sure that's a pointless argument. However, I can fix it. Person X didn't mean to offend Person Y. It was probably playful sarcasm which was taken as mildly offensive. Person X didn't mean it. Person Y doesn't care half as much as he/she's putting on. Life goes on.
Annnnnnnd done!
CallMeOrange
@EgnaroDev
Jun 12 2017 01:25
@wizardryhub :clap:
00jade00
@00jade00
Jun 12 2017 01:25
how do you size your images smaller
wizardryhub
@wizardryhub
Jun 12 2017 01:25
Now, if coding were that easy, i wouldn't be on here
Lance
@texas2010
Jun 12 2017 01:25
@MCTwoDigitZero if you dont know how to provide a help. you dont have to do that. it is fine. i am sure you still learning. okay.
CallMeOrange
@EgnaroDev
Jun 12 2017 01:25
@00jade00 Show me the code
Lance
@texas2010
Jun 12 2017 01:25
it is not required to provide a help all times. no one say that.
Margaret
@Margaret2
Jun 12 2017 01:26
Hey guys, he's doing his best. When you're a new helper, it can sometimes take a while to figure out where people are having problems and get used to interacting with some of the people on here. Also don't blow small things out of proportion. Saying "You're a little strict :joy:" does not qualify as "mouthing off" etc.
CallMeOrange
@EgnaroDev
Jun 12 2017 01:26
I didnt want to leave people alone here when I was alone helping
Jeevan Anand Anne
@anandjann
Jun 12 2017 01:26
image.png
Lance
@texas2010
Jun 12 2017 01:26
well i cant help them with js. because i am too rookie on js.
it is not matter.
Jeevan Anand Anne
@anandjann
Jun 12 2017 01:26
Can you please help me
what mistake I am doing in task 30
CallMeOrange
@EgnaroDev
Jun 12 2017 01:26
@jeevananne Switch </p> and </a>
Coy Sanders
@coymeetsworld
Jun 12 2017 01:27
:/
CallMeOrange
@EgnaroDev
Jun 12 2017 01:27
@jeevananne p element has to be nested in anchor element
Manish Giri
@Manish-Giri
Jun 12 2017 01:27
lol
Margaret
@Margaret2
Jun 12 2017 01:27
:facepalm: @MCTwoDigitZero
Coy Sanders
@coymeetsworld
Jun 12 2017 01:27
gives up
CallMeOrange
@EgnaroDev
Jun 12 2017 01:27
What did I do wrong?
Manish Giri
@Manish-Giri
Jun 12 2017 01:27
man this's been good
Coy Sanders
@coymeetsworld
Jun 12 2017 01:27
have a good night every1
Manish Giri
@Manish-Giri
Jun 12 2017 01:27
fun
Lance
@texas2010
Jun 12 2017 01:27
@MCTwoDigitZero dude. why now? i just told you that is enough.
Margaret
@Margaret2
Jun 12 2017 01:27
@MCTwoDigitZero the a has to be inside the p
CallMeOrange
@EgnaroDev
Jun 12 2017 01:28
@Margaret2 I just realized...
@jeevananne Im sorry old code was correct and I dont see any issue
Unless you are showing full code
Margaret
@Margaret2
Jun 12 2017 01:28
@MCTwoDigitZero best to ask ppl what the name of the challenge is, so you can go check the instructions to refresh your memory
Joelvh1990
@Joelvh1990
Jun 12 2017 01:28
Hey guys I need some help coding CSS
Nathan Beier
@Nathankyle625
Jun 12 2017 01:28
so im just trying to figure something out here. hopefully someone here can help.
CallMeOrange
@EgnaroDev
Jun 12 2017 01:28
@Margaret2 Okay I leave the rest to you...
Someone has to help
Nathan Beier
@Nathankyle625
Jun 12 2017 01:29
if using bootstrap commands, all you do is have to add the designated link for bootstrap in the top of your code editor?
anthonygallina1
@anthonygallina1
Jun 12 2017 01:29
:wave:
Margaret
@Margaret2
Jun 12 2017 01:29
@jeevananne what challenge are you on
Jeevan Anand Anne
@anandjann
Jun 12 2017 01:30
I am unable to submit
@Margaret2
Joelvh1990
@Joelvh1990
Jun 12 2017 01:31
I have a question about sizing your images in CSS.
Margaret
@Margaret2
Jun 12 2017 01:31
@jeevananne what is the name of the challenge
what are you supposed to be doing
Jeevan Anand Anne
@anandjann
Jun 12 2017 01:31
Nest an Anchor Element within a Paragraph
Need to nest anchor in paragraph
Joelvh1990
@Joelvh1990
Jun 12 2017 01:32
I'm to create a class called smaller-image, but I don't know where to put it. I tried putting it in the style but that's not working.
wizardryhub
@wizardryhub
Jun 12 2017 01:32
How do i change the font size of <p> to size 16, inside of the style tags?
Margaret
@Margaret2
Jun 12 2017 01:32
@jeevananne did you remove the other paragraphs?
the ones with the kitty ipsum text
Jeff
@Zen311
Jun 12 2017 01:33
ok coding newb here... trying to nest a form action element in the text... <input type="text" placeholder="cat photo URL">
Jeevan Anand Anne
@anandjann
Jun 12 2017 01:34
@Margaret2 its weird, I did a refresh, I am able to submit now. Sorry .
Margaret
@Margaret2
Jun 12 2017 01:34
ah ok good
Jeff
@Zen311
Jun 12 2017 01:34
what am I doing wrong...<input type="text<form action/submit-cat-photo" placeholder="cat photo URL">
Nathan Beier
@Nathankyle625
Jun 12 2017 01:35
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<div class="col-xs-6">
</div>
</div>
</div>
</div>
how do I nest the 2x <div class="col-xs-6"> in my "row" properly?
Mike scutellaro
@Sk3wty
Jun 12 2017 01:36
come watch me play overwatch inbetween coding if you need a break!
Héctor F. Jiménez.
@h3ct0rjs
Jun 12 2017 01:36
Hooray I just Need to Build a Tribute Page, this seems pretty exciting to me, I think that the most difficult part will be in the design part the colors I'm not the best with the colors.
CallMeOrange
@EgnaroDev
Jun 12 2017 01:37
@texas2010 why did you ban him?
Lance
@texas2010
Jun 12 2017 01:37
because promote stream is not allow.
CallMeOrange
@EgnaroDev
Jun 12 2017 01:37
Oh... I should've warned him
Lance
@texas2010
Jun 12 2017 01:37
huh?
Kyle Holm
@thekholm80
Jun 12 2017 01:38
@h3ct0rjs there's some great resources on the web that will show you colors to use together
CallMeOrange
@EgnaroDev
Jun 12 2017 01:38
I was thinking to tell him "Dude someone is struggling with code and dont post a video here"
Oh well
akatzumi2235
@akatzumi2235
Jun 12 2017 01:38
How do I give the "p" elements font-size of 16xp?
Radovan Vukasović
@solidhead
Jun 12 2017 01:38
Hi everyone, does someone know is there an option to enable or force double click on mobile devices?
wizardryhub
@wizardryhub
Jun 12 2017 01:38
@akatzumi2235 im in the same boat....
akatzumi2235
@akatzumi2235
Jun 12 2017 01:39
@wizardryhub jajaja
Lance
@texas2010
Jun 12 2017 01:39
@MCTwoDigitZero it is not your duty to tell him.
Héctor F. Jiménez.
@h3ct0rjs
Jun 12 2017 01:39
Any specific recomendation @thekholm80 ? It would be helpful
:smile:
akatzumi2235
@akatzumi2235
Jun 12 2017 01:39
@wizardryhub any clue?
Kyle Holm
@thekholm80
Jun 12 2017 01:39
@h3ct0rjs i've been playing a little with this one
wizardryhub
@wizardryhub
Jun 12 2017 01:40
@akatzumi2235 no idea. i have been trying
Héctor F. Jiménez.
@h3ct0rjs
Jun 12 2017 01:40
Wow thanks
CallMeOrange
@EgnaroDev
Jun 12 2017 01:40
@texas2010 I know it is not duty but I could've warn him
Maurice Allen
@rasengankid
Jun 12 2017 01:40
Hi, all. I'm trying to add background color to and id attribute. But from here > #cat-photo-element {
background-color: green;
}
CallMeOrange
@EgnaroDev
Jun 12 2017 01:40
I guess whats done is done
Maurice Allen
@rasengankid
Jun 12 2017 01:40
I don't know what to do> stumped
Lance
@texas2010
Jun 12 2017 01:40
@MCTwoDigitZero dont ask me why he got ban. okay.
CallMeOrange
@EgnaroDev
Jun 12 2017 01:40
Sorry @texas2010
AgarsLord
@AgarsLord
Jun 12 2017 01:40
How do I "Give the text input in your form the class form-control"
akatzumi2235
@akatzumi2235
Jun 12 2017 01:40
How do I create an entry for p elements and set the font-size to 16 pixels (16px).?
Lance
@texas2010
Jun 12 2017 01:40
freecodecamp have a rules...
CallMeOrange
@EgnaroDev
Jun 12 2017 01:40
I just saw him getting banned
akatzumi2235
@akatzumi2235
Jun 12 2017 01:40
@texas2010 wich ones
CallMeOrange
@EgnaroDev
Jun 12 2017 01:41
I dont where is this rules
Manish Giri
@Manish-Giri
Jun 12 2017 01:41
@rasengankid the ID on your form element is something different, check it out.
CallMeOrange
@EgnaroDev
Jun 12 2017 01:41
:/
CallMeOrange
@EgnaroDev
Jun 12 2017 01:41
Thanks
Lance
@texas2010
Jun 12 2017 01:41
@akatzumi2235 what do you mean?
Manish Giri
@Manish-Giri
Jun 12 2017 01:41
cat-photo-element was just an example. @rasengankid
akatzumi2235
@akatzumi2235
Jun 12 2017 01:41
@texas2010 nothing....
Maurice Allen
@rasengankid
Jun 12 2017 01:41
OH!
Thanks all
Lance
@texas2010
Jun 12 2017 01:41
@akatzumi2235 oh ok. alright
Maurice Allen
@rasengankid
Jun 12 2017 01:41
Reading is fundamental
wizardryhub
@wizardryhub
Jun 12 2017 01:41
@MCTwoDigitZero how do i give <p> a font size of 16.....but within the style tags?
Manish Giri
@Manish-Giri
Jun 12 2017 01:42
it is.
akatzumi2235
@akatzumi2235
Jun 12 2017 01:42
How do I create an entry for p elements and set the font-size to 16 pixels?
CallMeOrange
@EgnaroDev
Jun 12 2017 01:42
@wizardryhub You know change an element's text color within the style tags right?
wizardryhub
@wizardryhub
Jun 12 2017 01:43
@MCTwoDigitZero i was able to do it with html but not the CSS style
CallMeOrange
@EgnaroDev
Jun 12 2017 01:43
Do the same way with p element with font-family: ?px;
@wizardryhub In css
You want to apply a class in html or from css?
wizardryhub
@wizardryhub
Jun 12 2017 01:43
<style>
CallMeOrange
@EgnaroDev
Jun 12 2017 01:43
That is css
akatzumi2235
@akatzumi2235
Jun 12 2017 01:43
ok?
CallMeOrange
@EgnaroDev
Jun 12 2017 01:44
How do you change an element's text color? @wizardryhub
Let say I have an h2 element and I want to give it blue from css
How would you do it?
akatzumi2235
@akatzumi2235
Jun 12 2017 01:44
with a class?
CallMeOrange
@EgnaroDev
Jun 12 2017 01:44
No classes
Just within style tags
wizardryhub
@wizardryhub
Jun 12 2017 01:45
<h2 class="red text"> ... but i can't do it within the style tags
CallMeOrange
@EgnaroDev
Jun 12 2017 01:45
@akatzumi2235 If you know dont answer
akatzumi2235
@akatzumi2235
Jun 12 2017 01:45
umm...
CallMeOrange
@EgnaroDev
Jun 12 2017 01:45
@wizardryhub Without classes...
Hold on let me give you an example
wizardryhub
@wizardryhub
Jun 12 2017 01:45
ok
akatzumi2235
@akatzumi2235
Jun 12 2017 01:45
@MCTwoDigitZero I don't know
CallMeOrange
@EgnaroDev
Jun 12 2017 01:46
<style>
h2 {color: red;}
</style>
<h2>Hello</h2>
@wizardryhub Do you understand?
That is how you do it from css
wizardryhub
@wizardryhub
Jun 12 2017 01:46
yes! :) thanks
CallMeOrange
@EgnaroDev
Jun 12 2017 01:46
Inside style tags is considered as CSS @wizardryhub
Just to let you know
@akatzumi2235 Well do you understand how css works?
akatzumi2235
@akatzumi2235
Jun 12 2017 01:48
@MCTwoDigitZero thank you very much! :D
CamperBot
@camperbot
Jun 12 2017 01:48
akatzumi2235 sends brownie points to @mctwodigitzero :sparkles: :thumbsup: :sparkles:
:cookie: 143 | @mctwodigitzero |http://www.freecodecamp.com/mctwodigitzero
CallMeOrange
@EgnaroDev
Jun 12 2017 01:48
To change an element's text color from css
Ah No problem @akatzumi2235
wizardryhub
@wizardryhub
Jun 12 2017 01:48
when do you use the .red-text for example?
CallMeOrange
@EgnaroDev
Jun 12 2017 01:48
```
<style>
.red-text {color: red;}
</style>
<h2 class="red-text">Hello</h2>
```
wizardryhub
@wizardryhub
Jun 12 2017 01:49
thanks @MCTwoDigitZero
CallMeOrange
@EgnaroDev
Jun 12 2017 01:49
The name in css with dot is considered as classes and without the dot is considered as element
CamperBot
@camperbot
Jun 12 2017 01:49
wizardryhub sends brownie points to @mctwodigitzero :sparkles: :thumbsup: :sparkles:
:warning: wizardryhub already gave mctwodigitzero points
CallMeOrange
@EgnaroDev
Jun 12 2017 01:49
You are welcome
@wizardryhub Also you have to use same exactly class name from css
<h2 class="red text"> ... but i can't do it within the style tags
red text without - won't work
wizardryhub
@wizardryhub
Jun 12 2017 01:50
ahhhhhhh ok now i understand
CallMeOrange
@EgnaroDev
Jun 12 2017 01:50
Good
akatzumi2235
@akatzumi2235
Jun 12 2017 01:51
How do I make comments in html?
CallMeOrange
@EgnaroDev
Jun 12 2017 01:51
@akatzumi2235 Start with <!-- and end with -->
akatzumi2235
@akatzumi2235
Jun 12 2017 01:51
@MCTwoDigitZero thanks
CamperBot
@camperbot
Jun 12 2017 01:51
akatzumi2235 sends brownie points to @mctwodigitzero :sparkles: :thumbsup: :sparkles:
:warning: akatzumi2235 already gave mctwodigitzero points
CallMeOrange
@EgnaroDev
Jun 12 2017 01:53
I guess only three of us are here
wizardryhub
@wizardryhub
Jun 12 2017 01:54
your help is much appreciated
Nathan Beier
@Nathankyle625
Jun 12 2017 01:55
hey can i get some help?
CallMeOrange
@EgnaroDev
Jun 12 2017 01:55
@wizardryhub Thank you
CamperBot
@camperbot
Jun 12 2017 01:55
mctwodigitzero sends brownie points to @wizardryhub :sparkles: :thumbsup: :sparkles:
:cookie: 20 | @wizardryhub |http://www.freecodecamp.com/wizardryhub
CallMeOrange
@EgnaroDev
Jun 12 2017 01:55
@Nathankyle625 Sure how can I help?
Nathan Beier
@Nathankyle625
Jun 12 2017 01:56

how do i nest my 2x <div class="col-xs-6"> in my "row" correctly?

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

CallMeOrange
@EgnaroDev
Jun 12 2017 01:57
@Nathankyle625 Can you show me full code and what is name of this challenge
akatzumi2235
@akatzumi2235
Jun 12 2017 01:57
How con I set Lobster as font to my h2 element?
CallMeOrange
@EgnaroDev
Jun 12 2017 01:58
@akatzumi2235 font-___: Fontname;
There should be an example @akatzumi2235
In your challenge
@akatzumi2235 Do you see any given link? if so add it very top of your code
akatzumi2235
@akatzumi2235
Jun 12 2017 01:59
@MCTwoDigitZero I don't see it :/
O right I see it
CallMeOrange
@EgnaroDev
Jun 12 2017 01:59
@akatzumi2235 :)
akatzumi2235
@akatzumi2235
Jun 12 2017 01:59
XD
CallMeOrange
@EgnaroDev
Jun 12 2017 02:00
Did instructions say to add it top of your code?
akatzumi2235
@akatzumi2235
Jun 12 2017 02:00
@MCTwoDigitZero yep
CallMeOrange
@EgnaroDev
Jun 12 2017 02:00
Good sometime you have to read instructions carefully before asking for help
akatzumi2235
@akatzumi2235
Jun 12 2017 02:01
sry
CallMeOrange
@EgnaroDev
Jun 12 2017 02:01
Its no problem
@Nathankyle625 Do you still need help? I can help you if you show me full code and name of the challenge
akatzumi2235
@akatzumi2235
Jun 12 2017 02:06
How can I still use the font Monospace?
on p
element
CallMeOrange
@EgnaroDev
Jun 12 2017 02:06
@akatzumi2235 You remember how to give p element a font size?
akatzumi2235
@akatzumi2235
Jun 12 2017 02:06
yes..
CallMeOrange
@EgnaroDev
Jun 12 2017 02:06
You can do same way just like you did with Lobster...
davidlair
@davidlair
Jun 12 2017 02:07
boops
akatzumi2235
@akatzumi2235
Jun 12 2017 02:07
oh
CallMeOrange
@EgnaroDev
Jun 12 2017 02:07
@davidlair Yo
davidlair
@davidlair
Jun 12 2017 02:07
@MCTwoDigitZero Yo
Kion Stephen
@snorkpete
Jun 12 2017 02:07
Hello everyone
davidlair
@davidlair
Jun 12 2017 02:07
Together, we are a toy!
CallMeOrange
@EgnaroDev
Jun 12 2017 02:07
@snorkpete Sup
davidlair
@davidlair
Jun 12 2017 02:07
Yo-yo
CallMeOrange
@EgnaroDev
Jun 12 2017 02:07
@davidlair lol
davidlair
@davidlair
Jun 12 2017 02:07
Yo-yo's up!
Kion Stephen
@snorkpete
Jun 12 2017 02:07
now getting started with free code camp
akatzumi2235
@akatzumi2235
Jun 12 2017 02:07
?
CallMeOrange
@EgnaroDev
Jun 12 2017 02:07
@snorkpete Nice!
akatzumi2235
@akatzumi2235
Jun 12 2017 02:07
@snorkpete same
Nathan Beier
@Nathankyle625
Jun 12 2017 02:08

@MCTwoDigitZero sorry, my computer died. the challenge name is "Split your Bootstrap Row".
Full Code:

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

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

<div class="col-xs-6">
</div>
</div>
</div>
</div>
Instruction are as follows:
Now that we have a Bootstrap Row, let's split it into two columns to house our elements.

Create two div elements within your row, both with the class col-xs-6.

CallMeOrange
@EgnaroDev
Jun 12 2017 02:08
Create two div elements within your row, both with the class col-xs-6.
Where is other div element with class row
Nathan Beier
@Nathankyle625
Jun 12 2017 02:09
right above both class col-sx-6
CallMeOrange
@EgnaroDev
Jun 12 2017 02:09
There is only one row
One row with col-xs-6 like you did above but you need another row for col-xs-6
anthonygallina1
@anthonygallina1
Jun 12 2017 02:10
it is a 12 column grid
Nathan Beier
@Nathankyle625
Jun 12 2017 02:10
Nest two div class="col-xs-6" elements within your div class="row" element.
anthonygallina1
@anthonygallina1
Jun 12 2017 02:11
The problem is the way it is nested
CallMeOrange
@EgnaroDev
Jun 12 2017 02:11
How?
Nathan Beier
@Nathankyle625
Jun 12 2017 02:11
its only supposed to be one class row with both class col-xs-6 nested
CallMeOrange
@EgnaroDev
Jun 12 2017 02:11
@Nathankyle625 you are right..
Nathan Beier
@Nathankyle625
Jun 12 2017 02:11
in it
anthonygallina1
@anthonygallina1
Jun 12 2017 02:11
One row 6x6
Nathan Beier
@Nathankyle625
Jun 12 2017 02:12
how do i nest them both properly?
CallMeOrange
@EgnaroDev
Jun 12 2017 02:12
@Nathankyle625 I guess the problem is nesting
I dont really see any errors in codepen
anthonygallina1
@anthonygallina1
Jun 12 2017 02:13
@Nathankyle625 close these like this <div class="col-xs-6"></div> then match your divs and make sure you dont have extra
Nathan Beier
@Nathankyle625
Jun 12 2017 02:14

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

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

CallMeOrange
@EgnaroDev
Jun 12 2017 02:14
oh.. You just have to match..
Nathan Beier
@Nathankyle625
Jun 12 2017 02:14
its fixed!
CallMeOrange
@EgnaroDev
Jun 12 2017 02:14
@Nathankyle625 Did you pass?
Nathan Beier
@Nathankyle625
Jun 12 2017 02:15
yes sir! @anthonygallina1 thanks for the help
CamperBot
@camperbot
Jun 12 2017 02:15
nathankyle625 sends brownie points to @anthonygallina1 :sparkles: :thumbsup: :sparkles:
:star2: 5343 | @anthonygallina1 |http://www.freecodecamp.com/anthonygallina1
CallMeOrange
@EgnaroDev
Jun 12 2017 02:15
@anthonygallina1 all staff have a avatar like your?
Nathan Beier
@Nathankyle625
Jun 12 2017 02:15
@MCTwoDigitZero thank for the help
CamperBot
@camperbot
Jun 12 2017 02:15
nathankyle625 sends brownie points to @mctwodigitzero :sparkles: :thumbsup: :sparkles:
:cookie: 146 | @mctwodigitzero |http://www.freecodecamp.com/mctwodigitzero
CallMeOrange
@EgnaroDev
Jun 12 2017 02:15
@Nathankyle625 You are welcome
davidlair
@davidlair
Jun 12 2017 02:16
Anyone need help?
I'm switching between screens right now so just type @davidlair if you do, especially when @MCTwoDigitZero is overwhelmed with questions, lol.
CallMeOrange
@EgnaroDev
Jun 12 2017 02:17
lol
@davidlair You type faster
Whats your WPM?
davidlair
@davidlair
Jun 12 2017 02:17
lol
about 130
anthonygallina1
@anthonygallina1
Jun 12 2017 02:17
@Nathankyle625 your welcome remember 12col grid it will help later
CallMeOrange
@EgnaroDev
Jun 12 2017 02:17
Wow
@anthonygallina1 How do you remember it?
I just remember as box of one 1 col grid each... then add it
anthonygallina1
@anthonygallina1
Jun 12 2017 02:18
@MCTwoDigitZero I have been doing mark up since the 90's
CallMeOrange
@EgnaroDev
Jun 12 2017 02:18
What's mark up?
anthonygallina1
@anthonygallina1
Jun 12 2017 02:19
Hyper Text Mark up Language :)
CallMeOrange
@EgnaroDev
Jun 12 2017 02:19
Oh HTML...
anthonygallina1
@anthonygallina1
Jun 12 2017 02:20
yup mark up
CallMeOrange
@EgnaroDev
Jun 12 2017 02:20
I actually googled mark up and thought you meant to calculate money lol
I didnt know that what mark up means in HTML
Smiles
@Dayleon
Jun 12 2017 02:21
can someone help me out with the Size images code? couse I cant figer it out
CallMeOrange
@EgnaroDev
Jun 12 2017 02:22
@davidlair Average is 80+ and got 90 once :/
Nathan Beier
@Nathankyle625
Jun 12 2017 02:22
@anthonygallina1 i apologize, but im pretty new to "mark up" :wink: and CSS. so if you wouldnt mind elaborating on the 12col, it would be greatly appreciated.
anthonygallina1
@anthonygallina1
Jun 12 2017 02:22
Better to use a IDE and linter
CallMeOrange
@EgnaroDev
Jun 12 2017 02:22
@Dayleon Let me see the code
What do you mean by linter?
anthonygallina1
@anthonygallina1
Jun 12 2017 02:23
A linter can catch code errors
CallMeOrange
@EgnaroDev
Jun 12 2017 02:23
oh like debugger
Smiles
@Dayleon
Jun 12 2017 02:23

@MCTwoDigitZero h2 {
font-family: Lobster, Monospace;
}

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

</style>

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

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

<style>

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

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

anthonygallina1
@anthonygallina1
Jun 12 2017 02:23
Ya like for Atom
CallMeOrange
@EgnaroDev
Jun 12 2017 02:23
@Dayleon <img class src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
What's this class?
anthonygallina1
@anthonygallina1
Jun 12 2017 02:24
Or brackets or which ever one likes
CallMeOrange
@EgnaroDev
Jun 12 2017 02:24
Did you forget to add something?
@anthonygallina1 I see
I like VSC/Brackets
anthonygallina1
@anthonygallina1
Jun 12 2017 02:24
:thumbsup:
Smiles
@Dayleon
Jun 12 2017 02:24
@MCTwoDigitZero I guess. I have to put a code in
CallMeOrange
@EgnaroDev
Jun 12 2017 02:24
@Dayleon Why did you have second </style> and missing <style>
Smiles
@Dayleon
Jun 12 2017 02:25
@MCTwoDigitZero couse I'm kinda trying to put a code in between
CallMeOrange
@EgnaroDev
Jun 12 2017 02:25
Add something something to that class attribute/ remove second </style> then add <style> at top
tjillian87
@tjillian87
Jun 12 2017 02:25
I am having trouble with Challenge #76.
CallMeOrange
@EgnaroDev
Jun 12 2017 02:25
@tjillian87 They are not numbered
What is the name of the challenge?
tjillian87
@tjillian87
Jun 12 2017 02:26
I am supposed to insert a "thumbs-up" icon
It's called, "Add Font Awesome Icons to our Buttons."
CallMeOrange
@EgnaroDev
Jun 12 2017 02:26
Oh I see are you nesting a button element with anchor element?
Or just adding a class to button element?
tjillian87
@tjillian87
Jun 12 2017 02:26
Yes
CallMeOrange
@EgnaroDev
Jun 12 2017 02:27
Let see that line
code
@Dayleon Did you do fine?
tjillian87
@tjillian87
Jun 12 2017 02:27
<i class="fa fa-info-circle">
<button class="btn btn-block btn-primary">Like</button>
</i>
CallMeOrange
@EgnaroDev
Jun 12 2017 02:28
No i element should be inside "text"
<i class="...">Like</i>
Like that
And its thumbs-up not fa-info-circle
Smiles
@Dayleon
Jun 12 2017 02:29

@MCTwoDigitZero

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

</style>

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

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

CallMeOrange
@EgnaroDev
Jun 12 2017 02:29
info-circle should be used for info button
tjillian87
@tjillian87
Jun 12 2017 02:29
But what am I supposed to do with the button class?
CallMeOrange
@EgnaroDev
Jun 12 2017 02:29
@Dayleon Good you are close
tjillian87
@tjillian87
Jun 12 2017 02:29
or the button element
CallMeOrange
@EgnaroDev
Jun 12 2017 02:29
@tjillian87 <i class="...">Like</i> is a part of it
Smiles
@Dayleon
Jun 12 2017 02:29
@MCTwoDigitZero yes but I cant figer it out yet
CallMeOrange
@EgnaroDev
Jun 12 2017 02:30
@Dayleon You forgot to add something to class attribute
in an img element
Smiles
@Dayleon
Jun 12 2017 02:30
I know but were I dont know
CallMeOrange
@EgnaroDev
Jun 12 2017 02:30
@tjillian87
<button class="..."><i class="...">Hello</i></button>
@Dayleon You have that class
tjillian87
@tjillian87
Jun 12 2017 02:31
Ah, I see.
Thanks so much.
CallMeOrange
@EgnaroDev
Jun 12 2017 02:31
@tjillian87 No problem
<img class src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
See that class?
You have to add something to that class
tjillian87
@tjillian87
Jun 12 2017 02:31
Does it matter which element is closed first?
Button or i element?
CallMeOrange
@EgnaroDev
Jun 12 2017 02:32
@tjillian87 Not really as long you finish typing it
tjillian87
@tjillian87
Jun 12 2017 02:32
ok
Thanks again
CallMeOrange
@EgnaroDev
Jun 12 2017 02:32
No problem
@Dayleon Oh I see you dont know what to add to that class
Smiles
@Dayleon
Jun 12 2017 02:33
@MCTwoDigitZero that button?
CallMeOrange
@EgnaroDev
Jun 12 2017 02:33
Does instructions say to add something to img element?
@Dayleon What button?
Smiles
@Dayleon
Jun 12 2017 02:33
@MCTwoDigitZero the class one
CallMeOrange
@EgnaroDev
Jun 12 2017 02:33
Oh Im not talking about button with you
Smiles
@Dayleon
Jun 12 2017 02:33
@MCTwoDigitZero ooow
CallMeOrange
@EgnaroDev
Jun 12 2017 02:34
<img class
That is what you have
dillan stancel
@newgoldendoge
Jun 12 2017 02:34
Is codecamp just for learning website code or for game designing?
CallMeOrange
@EgnaroDev
Jun 12 2017 02:34
Class attribute with nothing
@newgoldendoge You could say both but not really for game designing
There is most languages to learn
dillan stancel
@newgoldendoge
Jun 12 2017 02:35
Ok I want to learn game designing
Does anyone know a great website for learning game design code
CallMeOrange
@EgnaroDev
Jun 12 2017 02:35
@newgoldendoge I guess this website is not right for you but its best learning how to code
I dont know any website for it sorry
dillan stancel
@newgoldendoge
Jun 12 2017 02:36
I could make a website for my game I'm trying to make. So maybe I can use codecamp
I finished 47 coding levels today
CallMeOrange
@EgnaroDev
Jun 12 2017 02:37
@newgoldendoge Nice
You can learn how to make a website first then trying applying a game into it
dillan stancel
@newgoldendoge
Jun 12 2017 02:38
I'm going to try to make it 100 tomorrow
CallMeOrange
@EgnaroDev
Jun 12 2017 02:38
Sure
Good luck making it to 100
dillan stancel
@newgoldendoge
Jun 12 2017 02:38
What was the highest you ever made in one day?
I'm on my iPad right now so I don't know your @ thing MCTwoDigitZero
Claudio Restifo
@Marmiz
Jun 12 2017 02:40
@newgoldendoge one of FCC contributors made a guide about the knowledge to have in order to be a Game Dev, you can find it here:
https://github.com/P1xt/p1xt-guides/blob/master/game-programming.md
anthonygallina1
@anthonygallina1
Jun 12 2017 02:40
@newgoldendoge if you know Javascript this may be helpfull http://phaser.io/tutorials/getting-started/index
CallMeOrange
@EgnaroDev
Jun 12 2017 02:40
@newgoldendoge 67
dillan stancel
@newgoldendoge
Jun 12 2017 02:40
@MCTwoDigitZero just found it
CallMeOrange
@EgnaroDev
Jun 12 2017 02:40
@anthonygallina1 I also know JS and I will find that link helpful :/
Alright gotta go guys
Bye
anthonygallina1
@anthonygallina1
Jun 12 2017 02:41
@Marmiz thank you
CamperBot
@camperbot
Jun 12 2017 02:41
:cookie: 927 | @marmiz |http://www.freecodecamp.com/marmiz
anthonygallina1 sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
anthonygallina1
@anthonygallina1
Jun 12 2017 02:41
@MCTwoDigitZero Happy Coding
dillan stancel
@newgoldendoge
Jun 12 2017 02:43
@anthonygallina1 I want to learn JavaScript
Abhinav Vashisht
@AdiyogiV
Jun 12 2017 02:45
I am not able to change font size. Can someone tell what is wrong this code:
<style>

.red-text {
color: red;
}


p {
font-size = 16px;
}

</style>
CreateTheHype
@CreateTheHype
Jun 12 2017 02:46
That is correct
It must be an error in your HTML
Nvm it's wrong#
It should be font-size: 16px;
Mukul Agrawal
@mukul09
Jun 12 2017 02:46
@AdiyogiV font-size:16px;
CreateTheHype
@CreateTheHype
Jun 12 2017 02:46
Let
Lel
Now give me my friggin cookies
dillan stancel
@newgoldendoge
Jun 12 2017 02:48
Thanks
Thanks @CreateTheHype
CamperBot
@camperbot
Jun 12 2017 02:48
newgoldendoge sends brownie points to @createthehype :sparkles: :thumbsup: :sparkles:
:cookie: 211 | @createthehype |http://www.freecodecamp.com/createthehype
dillan stancel
@newgoldendoge
Jun 12 2017 02:49
Thanks @Newgoldendoge
CamperBot
@camperbot
Jun 12 2017 02:49
sorry newgoldendoge, you can't send brownie points to yourself! :sparkles: :sparkles:
dillan stancel
@newgoldendoge
Jun 12 2017 02:50
Bye goodnight
Smiles
@Dayleon
Jun 12 2017 02:51
@MCTwoDigitZero yes it say to put smaller-image width: 100px;
Abhinav Vashisht
@AdiyogiV
Jun 12 2017 02:52
Thanks @CreateTheHype
CamperBot
@camperbot
Jun 12 2017 02:52
adiyogiv sends brownie points to @createthehype :sparkles: :thumbsup: :sparkles:
:cookie: 212 | @createthehype |http://www.freecodecamp.com/createthehype
AMAN KUMAR
@amank9709
Jun 12 2017 02:52
Give your form element the id of cat-photo-form.
Smiles
@Dayleon
Jun 12 2017 02:52
@MCTwoDigitZero and class someware
Mukul Agrawal
@mukul09
Jun 12 2017 02:53

@amank9709 just like you give class to element same you give id to the element like

<h1 id="">

Claudio Restifo
@Marmiz
Jun 12 2017 02:53
@amank9709
<form id="[my id goes here]" ...>
Cheryl Felton
@Cheryl-Felton
Jun 12 2017 02:54
i am having problems creating a CSS selector
Mukul Agrawal
@mukul09
Jun 12 2017 02:55
@Cheryl-Felton what's the challenge name?
Uriel Guzmán
@Burinson
Jun 12 2017 02:55
Guys, how can I change p's class declaration's color?
I tried <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>
Cheryl Felton
@Cheryl-Felton
Jun 12 2017 02:55
Use CSS Selectors to Style Elements
Uriel Guzmán
@Burinson
Jun 12 2017 02:55
It doesn't work :(
Mukul Agrawal
@mukul09
Jun 12 2017 02:56
@Burinson have u added .red-text class to style element
Uriel Guzmán
@Burinson
Jun 12 2017 02:57
Do I have to add it twice?

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

Johnny Zavala
@j-zavala
Jun 12 2017 02:57
@Burinson Shouldn't your class be in <p>?
Uriel Guzmán
@Burinson
Jun 12 2017 02:57
It wants me to do both h2 and p
Mukul Agrawal
@mukul09
Jun 12 2017 02:57

@Cheryl-Felton look at th example , you have to make a style element like

<style>
h2 {color: red;}
</style>
and the color should be blue

@Burinson it should be <p class="">
Cheryl Felton
@Cheryl-Felton
Jun 12 2017 02:58
do i delete everything else and start over like that
Devinder Thakur
@DevinderThakur
Jun 12 2017 02:58
<script $(document).ready(function(){});></script>
not working
Create a script element making sure it is valid and has a closing tag.
You should add $(document).ready(function() { to the beginning of your script element.
please help
Mukul Agrawal
@mukul09
Jun 12 2017 02:59
@DevinderThakur <script> you jquery code </script>
Uriel Guzmán
@Burinson
Jun 12 2017 02:59
@mukul09 Oh, thank you, looks like I wasn't too far from the answer
CamperBot
@camperbot
Jun 12 2017 02:59
burinson sends brownie points to @mukul09 :sparkles: :thumbsup: :sparkles:
:cookie: 421 | @mukul09 |http://www.freecodecamp.com/mukul09
Mukul Agrawal
@mukul09
Jun 12 2017 02:59
@Cheryl-Felton just click on reset and try again
@Burinson yes :+1:
sumna
@sumna
Jun 12 2017 03:00
<script>
$(document).ready(function() {
});
</script>
try hitting reset
it works
Cheryl Felton
@Cheryl-Felton
Jun 12 2017 03:00
ok thanks
gy8534
@gy8534
Jun 12 2017 03:01
how can i apply both the btn and btn-default classes to a button element.
sumna
@sumna
Jun 12 2017 03:01
<button class="btn btn-default"></button>
by just giving spaces in btw
Mukul Agrawal
@mukul09
Jun 12 2017 03:02

@gy8534 like this

<h1 class="class-name-1 class-name-2> just a space between the two

gy8534
@gy8534
Jun 12 2017 03:03
i am doing same but still i am unable to pass the challange
Devinder Thakur
@DevinderThakur
Jun 12 2017 03:03
@mukul09 thankyou :smile:
CamperBot
@camperbot
Jun 12 2017 03:03
devinderthakur sends brownie points to @mukul09 :sparkles: :thumbsup: :sparkles:
:cookie: 422 | @mukul09 |http://www.freecodecamp.com/mukul09
Mukul Agrawal
@mukul09
Jun 12 2017 03:03
@gy8534 share your code and challenge name?
@DevinderThakur :+1:
gy8534
@gy8534
Jun 12 2017 03:04
Apply the Default Bootstrap Button Style
Mukul Agrawal
@mukul09
Jun 12 2017 03:04
@gy8534 share your code
gy8534
@gy8534
Jun 12 2017 03:05
i got it
Devinder Thakur
@DevinderThakur
Jun 12 2017 03:05
@mukul09 :+1:
Cheryl Felton
@Cheryl-Felton
Jun 12 2017 03:05
its saying the element is blue and it is but it still wont work
Logan Paredes
@greasyburrito
Jun 12 2017 03:05
im having trouble sizing my image. PLZ HELP
gy8534
@gy8534
Jun 12 2017 03:05
i was making a spelling mistake.
sumna
@sumna
Jun 12 2017 03:05

Using .addClass(), add only one class at a time to the same element, three different ways:

Add the animated class to all elements with type button.

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

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

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

});
</script>
gy8534
@gy8534
Jun 12 2017 03:05
@mukul09 thanks
CamperBot
@camperbot
Jun 12 2017 03:05
gy8534 sends brownie points to @mukul09 :sparkles: :thumbsup: :sparkles:
:cookie: 423 | @mukul09 |http://www.freecodecamp.com/mukul09
Mukul Agrawal
@mukul09
Jun 12 2017 03:05
@Cheryl-Felton share your code
sumna
@sumna
Jun 12 2017 03:06
not able to pass the challenge
help me out
Target the same element with multiple jQuery Selectors
Smiles
@Dayleon
Jun 12 2017 03:06
@greasyburrito its the same problem I have
Joshua McCune
@racoon1
Jun 12 2017 03:06
<button class="btn btn-primary" type="submit"> Submit <i class="fa-paper-plane"> </i> </button> I dont understand what i did wrong here.
Cheryl Felton
@Cheryl-Felton
Jun 12 2017 03:07
it wont let me copy it
Claudio Restifo
@Marmiz
Jun 12 2017 03:07
@sumna you should have three . different addClass functions.
Mukul Agrawal
@mukul09
Jun 12 2017 03:07
@Cheryl-Felton u can also share the link
Uriel Guzmán
@Burinson
Jun 12 2017 03:08
Is this correct?
Claudio Restifo
@Marmiz
Jun 12 2017 03:08
and mind that is addClass and not addclass (capitl C). In JQuery matters
Uriel Guzmán
@Burinson
Jun 12 2017 03:08
<style>
.red-text {
color: red;
}
h1 {
font-size: 16px;
}
</style>
Mukul Agrawal
@mukul09
Jun 12 2017 03:08
@greasyburrito share your code
Cheryl Felton
@Cheryl-Felton
Jun 12 2017 03:08
i dont know how to do that
Logan Paredes
@greasyburrito
Jun 12 2017 03:08

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

Mukul Agrawal
@mukul09
Jun 12 2017 03:09
@greasyburrito add smaller-image class to <img> tag like
<img class="" src="" alt="">
Cheryl Felton
@Cheryl-Felton
Jun 12 2017 03:09
?
Uriel Guzmán
@Burinson
Jun 12 2017 03:09
Never mind, I passed it. Had to change h1 to p
Mukul Agrawal
@mukul09
Jun 12 2017 03:10
@Cheryl-Felton just copy(ctrl+c) then paste(ctrl+v) the link
Cheryl Felton
@Cheryl-Felton
Jun 12 2017 03:10
ok thanks
sumna
@sumna
Jun 12 2017 03:11

@Marmiz gotcha you mean i have to declare different .addClass ?

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

});
</script>

different functions?
Logan Paredes
@greasyburrito
Jun 12 2017 03:12

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

like this? @mukul09

Mukul Agrawal
@mukul09
Jun 12 2017 03:13
@greasyburrito it should be only smaller-class in class=".smaller-image" and remove " before src
@greasyburrito this is incorrect
img {
width: 100px;
}
this is correct
.smaller-image {
width: 100px;
}
Nathan Beier
@Nathankyle625
Jun 12 2017 03:14
I need some help pls. the challenge is Learn how Script Tags and Document Ready Work. the code is: <script>
(document).ready(function() {
});
</script>
that i have
Patrick Senter
@patricksenter
Jun 12 2017 03:14

trying to apply multiple classes to the cat img. should it just be like this:

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

?

Nathan Beier
@Nathankyle625
Jun 12 2017 03:15
the challenges are:Create a script element making sure it is valid and has a closing tag.
You should add $(document).ready(function() { to the beginning of your script element.
Close your $(document).ready(function() { function with });
Mukul Agrawal
@mukul09
Jun 12 2017 03:15
@Nathankyle625 you are missing $ before (document)
Johnny Zavala
@j-zavala
Jun 12 2017 03:15
@patricksenter Yep that's perfect
Cheryl Felton
@Cheryl-Felton
Jun 12 2017 03:15
Use CSS Selectors to Style Elements
Nathan Beier
@Nathankyle625
Jun 12 2017 03:15
@mukul09 that was it. thanks
CamperBot
@camperbot
Jun 12 2017 03:15
nathankyle625 sends brownie points to @mukul09 :sparkles: :thumbsup: :sparkles:
:cookie: 424 | @mukul09 |http://www.freecodecamp.com/mukul09
Patrick Senter
@patricksenter
Jun 12 2017 03:15
okay. it isn't working but at least i know where i DIDN'T go wrong lol
thank you
Claudio Restifo
@Marmiz
Jun 12 2017 03:16

@sumna the challenge is asking you to split each one on its own!

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

It should be splitted in 3 different functions:

$("button").addClass([add one class])
$('.btn').addClass([add another class])
...

You got the idea

Logan Paredes
@greasyburrito
Jun 12 2017 03:16

@mukul09

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

<img class=".smaller-class "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>

Wasiuddin
@mwasiuddin
Jun 12 2017 03:17

Override Styles in Subsequent CSS

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

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

Mukul Agrawal
@mukul09
Jun 12 2017 03:17
@greasyburrito remove . from <img class=".smaller-class" and a extra space after class
Héctor F. Jiménez.
@h3ct0rjs
Jun 12 2017 03:17
@thekholm80 After checking your coolors.co site
Wasiuddin
@mwasiuddin
Jun 12 2017 03:18
Is not running...,
Mukul Agrawal
@mukul09
Jun 12 2017 03:18
@mwasiuddin <h1 class="class-name-1 class-name-2> there is a space between the two classes
Claudio Restifo
@Marmiz
Jun 12 2017 03:18
@mwasiuddin adding multiple classes in HTML is made just by separating them with a space:
<div class="class1 class2 class3 ..."
F. Kessler
@TheRiskyChicken
Jun 12 2017 03:19
I keep replacing the href element with # like it tells me to yet it does not run as completed....
Mukul Agrawal
@mukul09
Jun 12 2017 03:19
@TheRiskyChicken share your code
Logan Paredes
@greasyburrito
Jun 12 2017 03:19
@mukul09 not working D:
Claudio Restifo
@Marmiz
Jun 12 2017 03:19
@TheRiskyChicken href element is what comes after the =
Kyle Holm
@thekholm80
Jun 12 2017 03:19
@h3ct0rjs find anything good there?
Smiles
@Dayleon
Jun 12 2017 03:19
this is main
Mukul Agrawal
@mukul09
Jun 12 2017 03:19
@greasyburrito share your code now
Smiles
@Dayleon
Jun 12 2017 03:19

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


</style>

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

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

Wasiuddin
@mwasiuddin
Jun 12 2017 03:20
Well i did space them ..?
Héctor F. Jiménez.
@h3ct0rjs
Jun 12 2017 03:20
@thekholm80 Yes, it's pretty cool, the idea behind the site is generate colors that you can mix(I don't know whats the properly name/word)
Logan Paredes
@greasyburrito
Jun 12 2017 03:20

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

<img class="smaller-class"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>

@mukul09

Héctor F. Jiménez.
@h3ct0rjs
Jun 12 2017 03:21
that's the main idea ? @thekholm80
Johnny Zavala
@j-zavala
Jun 12 2017 03:21
@Dayleon <img class src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> You have a class there with no "=" and quotation marks.
Mukul Agrawal
@mukul09
Jun 12 2017 03:21
@greasyburrito not smaller-class it should be smaller-image
Smiles
@Dayleon
Jun 12 2017 03:22
@j-zavala yes I notis
Logan Paredes
@greasyburrito
Jun 12 2017 03:22
IT WORKED THANK YOU @mukul09
CamperBot
@camperbot
Jun 12 2017 03:22
greasyburrito sends brownie points to @mukul09 :sparkles: :thumbsup: :sparkles:
:cookie: 425 | @mukul09 |http://www.freecodecamp.com/mukul09
Kyle Holm
@thekholm80
Jun 12 2017 03:22
@h3ct0rjs i believe so. you keep hitting the spacebar until you see a color you like, then you click on that color to 'lock it' and hit the spacebar some more until you have all the colors you want
Héctor F. Jiménez.
@h3ct0rjs
Jun 12 2017 03:22
we're given with a set of five different colors, so the idea is to used that in fonts, or it is more specific
Wasiuddin
@mwasiuddin
Jun 12 2017 03:23

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

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

Kyle Holm
@thekholm80
Jun 12 2017 03:23
I think it's up to you to decide how you want to use the colors
Johnny Zavala
@j-zavala
Jun 12 2017 03:23
@Dayleon Great, is it working now?
Wasiuddin
@mwasiuddin
Jun 12 2017 03:23
It mix the colour and showing green rather then blue..?

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

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

Héctor F. Jiménez.
@h3ct0rjs
Jun 12 2017 03:24
Cool, thanks man it's really Useful for me, I just prefer the black backgrounds, Hope to finish my first project this week. I'm searching my Character, because a tribute page is a tribute page :smile:
sumna
@sumna
Jun 12 2017 03:24
@Marmiz
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("shake");
$("#target1").addClass("btn-primary");
});
got it
thank you
CreateTheHype
@CreateTheHype
Jun 12 2017 03:24
@mwasiuddin you don't need class2= in there man
Kyle Holm
@thekholm80
Jun 12 2017 03:24
@h3ct0rjs good deal, can't wait to see the finished product
Claudio Restifo
@Marmiz
Jun 12 2017 03:24
@sumna :+1:
Héctor F. Jiménez.
@h3ct0rjs
Jun 12 2017 03:24
Yeah , I will let you know.
Smiles
@Dayleon
Jun 12 2017 03:24
@j-zavala I'm kinda lost right now. couse everyone are talking in between :worried:
Héctor F. Jiménez.
@h3ct0rjs
Jun 12 2017 03:25
thanks @thekholm80 . see you next.
CamperBot
@camperbot
Jun 12 2017 03:25
h3ct0rjs sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1023 | @thekholm80 |http://www.freecodecamp.com/thekholm80
CreateTheHype
@CreateTheHype
Jun 12 2017 03:25
@mwasiuddin should be <h1 class1="pink-text blue-text">Hello World!</h1>
Makopa
@makopa
Jun 12 2017 03:26
Good day campers :fire: is it possible in javascript to convert numbers to in words? for example, input: 127 output: one-hundred twenty seven, without using any build in methods
Wasiuddin
@mwasiuddin
Jun 12 2017 03:26
Ok let me try ...Thanks..
Timothy Payton
@Tpayton2017
Jun 12 2017 03:26
How
Sandrine
@Sburridge79
Jun 12 2017 03:27
hi everyone, i am having a problem with resizing a picture
<style>
img { .smaller-image {
width: 100px;
}
</style>
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Johnny Zavala
@j-zavala
Jun 12 2017 03:27
@mwasiuddin Looks like the "color" of body may be overriding .blue-text's "color", because from what I can see Body is the parent of whatever element .blue-text belongs to. So trying deleting "color: green" from "body"
CreateTheHype
@CreateTheHype
Jun 12 2017 03:27
@Sburridge79 take out omg {
img {
Mukul Agrawal
@mukul09
Jun 12 2017 03:27
@Sburridge79 remove img in style element and add class smaller-image class to <img> tag
CreateTheHype
@CreateTheHype
Jun 12 2017 03:28
cookies cookies cookies
Sandrine
@Sburridge79
Jun 12 2017 03:28
thank you
@CreateTheHype thank you
CamperBot
@camperbot
Jun 12 2017 03:28
sburridge79 sends brownie points to @createthehype :sparkles: :thumbsup: :sparkles:
:cookie: 214 | @createthehype |http://www.freecodecamp.com/createthehype
CreateTheHype
@CreateTheHype
Jun 12 2017 03:28
YEA BABY
Sandrine
@Sburridge79
Jun 12 2017 03:28
@mukul09 thank you
CamperBot
@camperbot
Jun 12 2017 03:28
sburridge79 sends brownie points to @mukul09 :sparkles: :thumbsup: :sparkles:
:cookie: 426 | @mukul09 |http://www.freecodecamp.com/mukul09
Mukul Agrawal
@mukul09
Jun 12 2017 03:28
@Sburridge79 :+1:
Johnny Zavala
@j-zavala
Jun 12 2017 03:29
@Dayleon Hey that's fine, see if you can work through it and if not, ask again, I'll be on the lookout for your questions :)
Smiles
@Dayleon
Jun 12 2017 03:30
@j-zavala thanks. I give it up for now. couse I'm going to sleep have class tomorrow. I will talk in the morning. bye. :smile:
CamperBot
@camperbot
Jun 12 2017 03:30
dayleon sends brownie points to @j-zavala :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @j-zavala |http://www.freecodecamp.com/j-zavala
Johnny Zavala
@j-zavala
Jun 12 2017 03:30
Hi does anyone know how to center social media icons. I tried "text-align: center" but it doesn't seem to be working and I can't figure out why. This is for the "Personal Webpage" project.
Wasiuddin
@mwasiuddin
Jun 12 2017 03:31
@j-zavala Excuse me i din't understand ...Can you explain it in bit ezzy way..?
Cheryl Felton
@Cheryl-Felton
Jun 12 2017 03:31
no matter what i do i cannot run the test successfully
Johnny Zavala
@j-zavala
Jun 12 2017 03:32
@mwasiuddin Sure what is your class "blue-text" attached to? Is it a div element?
Cheryl Felton
@Cheryl-Felton
Jun 12 2017 03:32
it keeps saying the h2 element should be blue
Wasiuddin
@mwasiuddin
Jun 12 2017 03:32
No

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

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

Mukul Agrawal
@mukul09
Jun 12 2017 03:34
@mwasiuddin when you write two classes to the same element , no need to write class1="" and class2="", you can use class=" class-name-1 class-name-2"
Johnny Zavala
@j-zavala
Jun 12 2017 03:34
Okay so it's attached to the element "h1". The element "h1" is nested inside the element "body". Therefore, any formatting that you apply to the element body will also be applied to any elements inside "body"
CreateTheHype
@CreateTheHype
Jun 12 2017 03:35
don't put class1 or 2 its just class="words other-words"
<h1 class1="pink-text blue-text">Hello World!</h1>
Johnny Zavala
@j-zavala
Jun 12 2017 03:35
@mwasiuddin In this case, "body" has the attribute "color: green" so every element inside "body" including "h1" should also be green
Wasiuddin
@mwasiuddin
Jun 12 2017 03:36
But i have to follow the instructions ..Right..?
CreateTheHype
@CreateTheHype
Jun 12 2017 03:36
<h1 class="pink-text blue-text">Hello World!</h1>
yea
Johnny Zavala
@j-zavala
Jun 12 2017 03:36
@mwasiuddin Check if what I am saying is correct. This is just a guess. So delete "color: blue" from body in your css.
Héctor F. Jiménez.
@h3ct0rjs
Jun 12 2017 03:37
The tribute page is merely in english Language or I could use my mother tongue language
Could I use spanish ?
Johnny Zavala
@j-zavala
Jun 12 2017 03:38
@mwasiuddin Yea you gotta to if I remember correctly.
Wasiuddin
@mwasiuddin
Jun 12 2017 03:38
No i can't because it's in instructions which i have to follow ..?
Johnny Zavala
@j-zavala
Jun 12 2017 03:38
@mwasiuddin Which exercise is this? Can you point me to it
Wasiuddin
@mwasiuddin
Jun 12 2017 03:39
Override Styles in Subsequent CSS

@j-zavala this one ;;;Our "pink-text" class overrode our body element's CSS declaration!

We just proved that our classes will override the body element's CSS. So the next logical question is, what can we do to override our pink-text class?

Create an additional CSS class called blue-text that gives an element the color blue. Make sure it's below your pink-text class declaration.

Apply the blue-text class to your h1 element in addition to your pink-text class, and let's see which one wins.

Applying multiple class attributes to a HTML element is done with a space between them like this:

class="class1 class2"

Note: It doesn't matter which order the classes are listed in the HTML element.

However, the order of the class declarations in the <style> section are what is important. The second declaration will always take precedence over the first. Because .blue-text is declared second, it overrides the attributes of .pink-text

Run tests (ctrl + enter)
Reset Help Bug
Your h1 element should have the class pink-text.
Your h1 element should have the class blue-text.
Both blue-text and pink-text should belong to the same h1 element.
Your h1 element should be blue.

1

2

<style>
3
body {
4
background-color: black;
5
font-family: Monospace;
6
color: green;
7
}
8
.pink-text {
9
color: pink;
10
}
11
.blue-text{
12
color: blue;
13
}
14
</style>
15

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

Sumit Gupta
@123sum
Jun 12 2017 03:40
hello
Cheryl Felton
@Cheryl-Felton
Jun 12 2017 03:40
can anyone please help me
Mukul Agrawal
@mukul09
Jun 12 2017 03:40
@123sum hello
@Cheryl-Felton share your code
Sumit Gupta
@123sum
Jun 12 2017 03:40
i dont understand Give the text input in your form the class form-control.??
can anyone please let me know???
Johnny Zavala
@j-zavala
Jun 12 2017 03:41
@mwasiuddin <h1 class="pink-text""blue-text">Hello World!</h1> This should be <h1 class="pink-text blue-text">Hello World!</h1>
Cheryl Felton
@Cheryl-Felton
Jun 12 2017 03:41
remember it wont let me copy it
Wasiuddin
@mwasiuddin
Jun 12 2017 03:41
Ok let me try..?
Aditya
@adichouhan
Jun 12 2017 03:42
@mwasiuddin yes he is right
Mukul Agrawal
@mukul09
Jun 12 2017 03:42
@123sum what have you done in your code?
Wasiuddin
@mwasiuddin
Jun 12 2017 03:43

like this i tried but it won't look at this Our "pink-text" class overrode our body element's CSS declaration!

We just proved that our classes will override the body element's CSS. So the next logical question is, what can we do to override our pink-text class?

Create an additional CSS class called blue-text that gives an element the color blue. Make sure it's below your pink-text class declaration.

Apply the blue-text class to your h1 element in addition to your pink-text class, and let's see which one wins.

Applying multiple class attributes to a HTML element is done with a space between them like this:

class="class1 class2"

Note: It doesn't matter which order the classes are listed in the HTML element.

However, the order of the class declarations in the <style> section are what is important. The second declaration will always take precedence over the first. Because .blue-text is declared second, it overrides the attributes of .pink-text

Run tests (ctrl + enter)
Reset Help Bug
Your h1 element should have the class pink-text.
Your h1 element should have the class blue-text.
Both blue-text and pink-text should belong to the same h1 element.
Your h1 element should be blue.

1

2

<style>
3
body {
4
background-color: black;
5
font-family: Monospace;
6
color: green;
7
}
8
.pink-text {
9
color: pink;
10
}
11
.blue-text{
12
color: blue;
13
}
14
</style>
15

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

Aditya
@adichouhan
Jun 12 2017 03:45
@mwasiuddin u have to remove double quote between pink-text and blue-text
Cheryl Felton
@Cheryl-Felton
Jun 12 2017 03:47

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

Wasiuddin
@mwasiuddin
Jun 12 2017 03:47
@adichouhan Come on it's an assignment ...How can i delete one of them ..,
Mukul Agrawal
@mukul09
Jun 12 2017 03:47
@Cheryl-Felton where is your <h2></h2>
Aditya
@adichouhan
Jun 12 2017 03:48
@mwasiuddin sorry my mistake
Wasiuddin
@mwasiuddin
Jun 12 2017 03:48
No problem..
Cheryl Felton
@Cheryl-Felton
Jun 12 2017 03:48
i thought it told me to delete the inline style
Aditya
@adichouhan
Jun 12 2017 03:49
@Cheryl-Felton what is task to do
Wasiuddin
@mwasiuddin
Jun 12 2017 03:49
Where are the Mummys and Daddies of coding ..are they sleeping ..?
xxbooter
@xxbooter
Jun 12 2017 03:50
hello!
Johnny Zavala
@j-zavala
Jun 12 2017 03:50
@mwasiuddin When adding multiple classes, all your classes should be under the same quotation marks.
@mwasiuddin Did you try running with double quotation removed?
Aditya
@adichouhan
Jun 12 2017 03:51
@mwasiuddin ya i will override first class with second one
Cheryl Felton
@Cheryl-Felton
Jun 12 2017 03:51

With CSS, there are hundreds of CSS properties that you can use to change the way an element looks on your page.

When you entered <h2 style="color: red">CatPhotoApp</h2>, you were giving that individual h2 element an inline style.

That's one way to add style to an element, but a better way is by using CSS, which stands for Cascading Style Sheets.

At the top of your code, create a style element like this:

<style>
</style>
Inside that style element, you can create a CSS selector for all h2 elements. For example, if you wanted all h2 elements to be red, your style element would look like this:

<style>
h2 {color: red;}
</style>
Note that it's important to have both opening and closing curly braces ({ and }) around each element's style. You also need to make sure your element's style is between the opening and closing style tags. Finally, be sure to add the semicolon to the end of each of your element's styles.

Delete your h2 element's style attribute and instead create a CSS style element. Add the necessary CSS to turn all h2 elements blue.

Run tests (ctrl + enter)
Reset Help Bug
Remove the style attribute from your h2 element.
Create a style element.
Your h2 element should be blue.
Ensure that your stylesheet h2 declaration is valid with a semicolon and closing brace.
Make sure all your style elements are valid and have a closing tag.
With CSS, there are hundreds of CSS properties that you can use to change the way an element looks on your page.

When you entered <h2 style="color: red">CatPhotoApp</h2>, you were giving that individual h2 element an inline style.

That's one way to add style to an element, but a better way is by using CSS, which stands for Cascading Style Sheets.

At the top of your code, create a style element like this:

<style>
</style>
Inside that style element, you can create a CSS selector for all h2 elements. For example, if you wanted all h2 elements to be red, your style element would look like this:

<style>
h2 {color: red;}
</style>
Note that it's important to have both opening and closing curly braces ({ and }) around each element's style. You also need to make sure your element's style is between the opening and closing style tags. Finally, be sure to add the semicolon to the end of each of your element's styles.

Delete your h2 element's style attribute and instead create a CSS style element. Add the necessary CSS to turn all h2 elements blue.

Run tests (ctrl + enter)
Reset Help Bug
Remove the style attribute from your h2 element.
Create a style element.
Your h2 element should be blue.
Ensure that your stylesheet h2 declaration is valid with a semicolon and closing brace.
Make sure all your style elements are valid and have a closing tag.
With CSS, there are hundreds of CSS properties that you can use to change the way an element looks on your page.

When you entered <h2 style="color: red">CatPhotoApp</h2>, you were giving that individual h2 element an inline style.

That's one way to add style to an element, but a better way is by using CSS, which stands for Cascading Style Sheets.

At the top of your code, create a style element like this:

<style>
</style>
Inside that style element, you can create a CSS selector for all h2 elements. For example, if you wanted all h2 elements to be red, your style element would look like this:

<style>
h2 {color: red;}
</style>
Note that it's important to have both opening and closing curly braces ({ and }) around each element's style. You also need to make sure your element's style is between the opening and closing style tags. Finally, be sure to add the semicolon to the end of each of your element's styles.

Delete your h2 element's style attribute and instead create a CSS style element. Add the necessary CSS to turn all h2 elements blue.

Run tests (ctrl + enter)
Reset Help Bug
Remove the style attribute from your h2 element.
Create a style element.
Your h2 element should be blue.
Ensure that your stylesheet h2 declaration is valid with a semicolon and closing brace.
Make sure all your style elements are valid and have a closing tag.

Wasiuddin
@mwasiuddin
Jun 12 2017 03:51
@j-zavala I did that i show that in copy past see it once again ..

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

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

Aditya
@adichouhan
Jun 12 2017 03:53
@mwasiuddin what do u want to do?
rdomjr6
@rdomjr6
Jun 12 2017 03:53
im stuck on using a css class to style an element
Johnny Zavala
@j-zavala
Jun 12 2017 03:53
@mwasiuddin <h1 class="pink-text""blue-text">Hello World!</h1> But you still have it with double quotations. It should be like this: <h1 class="pink-text blue-text">Hello World!</h1>
Wasiuddin
@mwasiuddin
Jun 12 2017 03:53
I want to make my program run ..?
@adichouhan It's not working ?
Ok let me try ...
Aditya
@adichouhan
Jun 12 2017 03:55
@mwasiuddin i told u to remove quote
@rdomjr6 declare style between <style></style>
rdomjr6
@rdomjr6
Jun 12 2017 03:56
@adichouhan just figured it out! thank you!
CamperBot
@camperbot
Jun 12 2017 03:56
rdomjr6 sends brownie points to @adichouhan :sparkles: :thumbsup: :sparkles:
:cookie: 198 | @adichouhan |http://www.freecodecamp.com/adichouhan
Wasiuddin
@mwasiuddin
Jun 12 2017 03:56
@adichouhan Thanks it worked ...
CamperBot
@camperbot
Jun 12 2017 03:56
mwasiuddin sends brownie points to @adichouhan :sparkles: :thumbsup: :sparkles:
:cookie: 199 | @adichouhan |http://www.freecodecamp.com/adichouhan
FYNC227
@FYNC227
Jun 12 2017 03:59
Hello Everyone... Is anyone else stuck on Use RGB to mix colors?
Aditya
@adichouhan
Jun 12 2017 04:00
@FYNC227 Rgb should be like this RGB(R,G,B)
Cheryl Felton
@Cheryl-Felton
Jun 12 2017 04:01
can anyone help me
Aditya
@adichouhan
Jun 12 2017 04:02
@Cheryl-Felton with what
heroiczero
@heroiczero
Jun 12 2017 04:02
@Cheryl-Felton show your code and ask your question
FYNC227
@FYNC227
Jun 12 2017 04:02
ty, it has the color codes there. I typed it exactly and its still asking me to use rgb color
Cheryl Felton
@Cheryl-Felton
Jun 12 2017 04:02
i already did can you scroll up
heroiczero
@heroiczero
Jun 12 2017 04:04
@FYNC227 try refreshing page if you did it according to the example on the left
Cheryl Felton
@Cheryl-Felton
Jun 12 2017 04:05
ok thanks
noahkahkonen
@noahkahkonen
Jun 12 2017 04:06
how do you make an image smaller?
heroiczero
@heroiczero
Jun 12 2017 04:07
@noahkahkonen lets see your code
noahkahkonen
@noahkahkonen
Jun 12 2017 04:07

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

Aditya
@adichouhan
Jun 12 2017 04:07
@noahkahkonen by declaring its width and height of image
@noahkahkonen what is task?
heroiczero
@heroiczero
Jun 12 2017 04:08
@noahkahkonen there are two parts to the exercise first you need to declare a class smaller-image in style and then you have to target the "existing" image with a class="" similar to red-text
noahkahkonen
@noahkahkonen
Jun 12 2017 04:08
I keep trying to enter .smaller-image {width 100px} but i cant advance
heroiczero
@heroiczero
Jun 12 2017 04:08
@noahkahkonen missing width:100px;
@noahkahkonen you are missing : and ;
@noahkahkonen you also have to target your existing image which is <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> with a class="smaller-image" similar to how you did it for red-text
noahkahkonen
@noahkahkonen
Jun 12 2017 04:09

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

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

h2 {
font-family: Lobster, Monospace;
}
.smaller-image class="width: 100px"
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>

like this?
Cheryl Felton
@Cheryl-Felton
Jun 12 2017 04:10
i refreshed it but this keeps coming up
Aditya
@adichouhan
Jun 12 2017 04:11
@noahkahkonen pls tell me what is task on left then it will be easy
Alexis
@Syrin-a
Jun 12 2017 04:11
hey there. how would i give my buttons a unique id?
Cheryl Felton
@Cheryl-Felton
Jun 12 2017 04:11
Remove the style attribute from your h2 element.
Create a style element.
Your h2 element should be blue.
Ensure that your stylesheet h2 declaration is valid with a semicolon and closing brace.
Make sure all your style elements are valid and have a closing tag.
noahkahkonen
@noahkahkonen
Jun 12 2017 04:11
Your img element should have the class smaller-image.
Your image should be 100 pixels wide. Browser zoom should be at 100%.
Aditya
@adichouhan
Jun 12 2017 04:11
@Syrin-a just give id attribute
Alexis
@Syrin-a
Jun 12 2017 04:12
<button class="btn btn-default target" id="target1 ></button>
like that?
Cheryl Felton
@Cheryl-Felton
Jun 12 2017 04:12
everything is checked but the h2 element being blue
Aditya
@adichouhan
Jun 12 2017 04:12
@noahkahkonen u forget to give class atrribute
@Syrin-a yes
heroiczero
@heroiczero
Jun 12 2017 04:12

@Cheryl-Felton you need to use

<style>
h2{
color:green;
}
</style>
<h2>...</h2>

something like this

Alexis
@Syrin-a
Jun 12 2017 04:13
thank you @adichouhan
CamperBot
@camperbot
Jun 12 2017 04:13
syrin-a sends brownie points to @adichouhan :sparkles: :thumbsup: :sparkles:
:cookie: 201 | @adichouhan |http://www.freecodecamp.com/adichouhan
heroiczero
@heroiczero
Jun 12 2017 04:13
@Cheryl-Felton except it si nt green but blue
Cheryl Felton
@Cheryl-Felton
Jun 12 2017 04:13
is this CSS style
heroiczero
@heroiczero
Jun 12 2017 04:14
@Cheryl-Felton you have to put it in between a <style> tag but it is CSS
noahkahkonen
@noahkahkonen
Jun 12 2017 04:14
@adichouhan how do i give a class attribute?
Aditya
@adichouhan
Jun 12 2017 04:14
@noahkahkonen <img src="" class="img-smaller">
heroiczero
@heroiczero
Jun 12 2017 04:15
@noahkahkonen like <img class="" src="" alt="">
Cheryl Felton
@Cheryl-Felton
Jun 12 2017 04:16
wow it worked thanks
noahkahkonen
@noahkahkonen
Jun 12 2017 04:16
okay thank you for your help you guys are awesome! @adichouhan @heroiczero
CamperBot
@camperbot
Jun 12 2017 04:16
noahkahkonen sends brownie points to @adichouhan and @heroiczero :sparkles: :thumbsup: :sparkles:
:cookie: 202 | @adichouhan |http://www.freecodecamp.com/adichouhan
:star2: 1371 | @heroiczero |http://www.freecodecamp.com/heroiczero
Makopa
@makopa
Jun 12 2017 04:18
how can i remove decimals? for example. 3.9 i want to convert it from 3 only
Aditya
@adichouhan
Jun 12 2017 04:19
@makopa in which context
noahkahkonen
@noahkahkonen
Jun 12 2017 04:19
actually this still isn't working

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

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

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

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

Johnny Zavala
@j-zavala
Jun 12 2017 04:20
Can anyone help with my personal webpage? I am trying to center the social media icons under my name but "text-align: center" is not working.
heroiczero
@heroiczero
Jun 12 2017 04:20
@noahkahkonen <img class="smaller-image" scr="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> remove the .
Johnny Zavala
@j-zavala
Jun 12 2017 04:20
Can anyone help with my personal webpage? I am trying to center the social media icons under my name but "text-align: center" is not working. https://codepen.io/johnnyzavala/pen/eROVga
christie101
@christie101
Jun 12 2017 04:21
hello guys, how can I comment h1, and P but leave h2 uncommented?
heroiczero
@heroiczero
Jun 12 2017 04:21
@christie101
do <!-- to begin comment and --> to close comment
Mukul Agrawal
@mukul09
Jun 12 2017 04:21
@christie101 <!-- your code --> is used to comment
Aditya
@adichouhan
Jun 12 2017 04:21
@heroiczero really . matters in alt atrribute
heroiczero
@heroiczero
Jun 12 2017 04:21
@christie101 so do it around for h1 and your p element
noahkahkonen
@noahkahkonen
Jun 12 2017 04:21
that still only satisfies" Your image should be 100 pixels wide. Browser zoom should be at 100%."
Your img element should have the class smaller-image.
heroiczero
@heroiczero
Jun 12 2017 04:22
@adichouhan no the class attribute
christie101
@christie101
Jun 12 2017 04:22
thanks guys @heroiczero @mukul09
CamperBot
@camperbot
Jun 12 2017 04:22
christie101 sends brownie points to @heroiczero and @mukul09 :sparkles: :thumbsup: :sparkles:
:cookie: 428 | @mukul09 |http://www.freecodecamp.com/mukul09
:star2: 1372 | @heroiczero |http://www.freecodecamp.com/heroiczero
noahkahkonen
@noahkahkonen
Jun 12 2017 04:22
is what i still need to do
Your img element should have the class smaller-image.
Aditya
@adichouhan
Jun 12 2017 04:23
@noahkahkonen what happen when u run the code
Mukul Agrawal
@mukul09
Jun 12 2017 04:23
@christie101 :+1:
Aditya
@adichouhan
Jun 12 2017 04:23
@heroiczero he didn't give . in class attribute
noahkahkonen
@noahkahkonen
Jun 12 2017 04:24
when i hit run test nothing changes @adichouhan
heroiczero
@heroiczero
Jun 12 2017 04:24
@adichouhan :point_up: June 12, 2017 12:19 AM look closely at the class attribute there is a . i fixed it in my line of code
rdomjr6
@rdomjr6
Jun 12 2017 04:25
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
struggling with this?
! sorry. anybody able to help?
heroiczero
@heroiczero
Jun 12 2017 04:25
@rdomjr6
how did you do it for h2 and color:blue; attribute in an earlier exercise
Aditya
@adichouhan
Jun 12 2017 04:26
@j-zavala refer w3shools it will definitely help
rdomjr6
@rdomjr6
Jun 12 2017 04:26

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

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

<h2 class="red-text">CatPhotoApp</h2>
this is what i have so far

heroiczero
@heroiczero
Jun 12 2017 04:27
@j-zavala you are trying to center a text but you are really trying to center a div or a block
Johnny Zavala
@j-zavala
Jun 12 2017 04:27
@adichouhan Thanks I'll take a look
CamperBot
@camperbot
Jun 12 2017 04:27
j-zavala sends brownie points to @adichouhan :sparkles: :thumbsup: :sparkles:
:cookie: 203 | @adichouhan |http://www.freecodecamp.com/adichouhan
heroiczero
@heroiczero
Jun 12 2017 04:27
@rdomjr6 do it for p not `h2
noahkahkonen
@noahkahkonen
Jun 12 2017 04:27
@adichouhan i think it was a bug in the software because i redid it and it worked this time
Aditya
@adichouhan
Jun 12 2017 04:28
@noahkahkonen no try and do it properly it u will definitely solve it
Johnny Zavala
@j-zavala
Jun 12 2017 04:28
@heroiczero I see, I'm trying to center each individual href, so I guess I should apply text-align to the href only?
rdomjr6
@rdomjr6
Jun 12 2017 04:28
@heroiczero thanks! i appreciate it
CamperBot
@camperbot
Jun 12 2017 04:28
rdomjr6 sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1373 | @heroiczero |http://www.freecodecamp.com/heroiczero
heroiczero
@heroiczero
Jun 12 2017 04:29
@j-zavala check https://www.w3.org/Style/Examples/007/center.en.html or you could use center-block in bootstrap 3
Johnny Zavala
@j-zavala
Jun 12 2017 04:29
@heroiczero Thanks I'll look into that! Actually center-block worked :)
CamperBot
@camperbot
Jun 12 2017 04:29
j-zavala sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1374 | @heroiczero |http://www.freecodecamp.com/heroiczero
rdomjr6
@rdomjr6
Jun 12 2017 04:38
how do you comment out font?
Aditya
@adichouhan
Jun 12 2017 04:38
@rdomjr6 what is task?
rdomjr6
@rdomjr6
Jun 12 2017 04:39
Now comment out your call to Google Fonts, so that the Lobster font isn't available. Notice how it degrades to the Monospace font.
Aditya
@adichouhan
Jun 12 2017 04:40
@rdomjr6 comment yr link in <!-- -->
Mukul Agrawal
@mukul09
Jun 12 2017 04:41
@j-zavala you can center the icons like this
https://codepen.io/mukul09/pen/zzqLzJ?editors=1000
rdomjr6
@rdomjr6
Jun 12 2017 04:43
thanks man
Jarren
@Jarren5cent
Jun 12 2017 04:43

Hello guys. I've been having touble with script element.
is this right?
'''

<script> $(document).ready(function() {
});
'''

CamperBot
@camperbot
Jun 12 2017 04:43
:bulb: to format code use backticks! ``` more info
Aditya
@adichouhan
Jun 12 2017 04:43
@rdomjr6 man reply on comment for brownie points
@Jarren5cent what is task
Mukul Agrawal
@mukul09
Jun 12 2017 04:44
@Jarren5cent close the script tag using </script>
noahkahkonen
@noahkahkonen
Jun 12 2017 04:44
@adichouhan i did it exactly how you told me and it worked
Jarren
@Jarren5cent
Jun 12 2017 04:45
@mukul09 got it, thanks
CamperBot
@camperbot
Jun 12 2017 04:45
jarren5cent sends brownie points to @mukul09 :sparkles: :thumbsup: :sparkles:
:cookie: 429 | @mukul09 |http://www.freecodecamp.com/mukul09
Mukul Agrawal
@mukul09
Jun 12 2017 04:45
@Jarren5cent :+1:
Johnny Zavala
@j-zavala
Jun 12 2017 04:45
@mukul09 Thanks!
CamperBot
@camperbot
Jun 12 2017 04:45
j-zavala sends brownie points to @mukul09 :sparkles: :thumbsup: :sparkles:
:cookie: 430 | @mukul09 |http://www.freecodecamp.com/mukul09
Jarren
@Jarren5cent
Jun 12 2017 04:46
i didn't really understand where my script ended
Sylvia Cook
@ag-silver107
Jun 12 2017 04:47

Hello,
I've been trying to submit my dead link challenge on the CatPhotoApp .
This is my code:

<p>Click here for <a #="http://www.freecatphotoapp.com">cat photos</a> </p>

Mukul Agrawal
@mukul09
Jun 12 2017 04:47
@Jarren5cent <script> $(document).ready(function(){});
</script>
Sylvia Cook
@ag-silver107
Jun 12 2017 04:47
Does anyone see what may be wrong? It will not pass.
Mukul Agrawal
@mukul09
Jun 12 2017 04:47
@ag-silver107 replace the link with the #
Jarren
@Jarren5cent
Jun 12 2017 04:47
no no, I finished it, just before, i didn't know
Mukul Agrawal
@mukul09