These are chat archives for FreeCodeCamp/Help

15th
Jun 2017
Coy Sanders
@coymeetsworld
Jun 15 2017 00:00
let them say what they have first at least
Allinn Chen
@itsallinn
Jun 15 2017 00:00
@ravikishorethella nvm, all i needed to do was refresh the website and try again...
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 00:00
@coymeetsworld sorry, that's not answer and @itsallinn already solve that
Furnael
@Furnael
Jun 15 2017 00:01
So I'm having issues making my image 100px
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 00:01
@coymeetsworld don't misunderstand @itsallinn already posted the problem 10 min back
Coy Sanders
@coymeetsworld
Jun 15 2017 00:01
that was someone else
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 00:01
@itsallinn :thumbsup:
Sahana Balram
@sahanabalram
Jun 15 2017 00:01
@Furnael post your code
Coy Sanders
@coymeetsworld
Jun 15 2017 00:02
which you also gave the answer to...
Furnael
@Furnael
Jun 15 2017 00:02
@sahanabalram I'm new to this, how do I do that?
Coy Sanders
@coymeetsworld
Jun 15 2017 00:02
just copy and paste into the chat
Sahana Balram
@sahanabalram
Jun 15 2017 00:02
@Furnael just copy your code and paste it to the chat
Furnael
@Furnael
Jun 15 2017 00:02

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

Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 00:02
@coymeetsworld see the question at 19:45, posted by same person.
Coy Sanders
@coymeetsworld
Jun 15 2017 00:03
i see, nvm then @ravikishorethella
they already had that so wasn't sure why you said it again
@Furnael you defined the class fine
Sahana Balram
@sahanabalram
Jun 15 2017 00:03
@Furnael you need to add the class inside your <img> tag in your html code like this <img class="" src="">
Coy Sanders
@coymeetsworld
Jun 15 2017 00:03
but you haven't assigned it to your img tag yet :point_up:
Furnael
@Furnael
Jun 15 2017 00:04
Oh, Okay I'll give that a try. Thank you
Michael Cordero
@CyberPutty
Jun 15 2017 00:04
what should i do if the quote api i used works when i create the website locally but wont work with codepen
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 00:04
@coymeetsworld even I don't know why I gave reply to that :smile:
Coy Sanders
@coymeetsworld
Jun 15 2017 00:05
:)
@CyberPutty hard to troubleshoot without seeing a link to your codepen, can you provide that?
Coy Sanders
@coymeetsworld
Jun 15 2017 00:08
youre using jQuery code without importing the library
Michael Cordero
@CyberPutty
Jun 15 2017 00:08
i imported it using codepen
Coy Sanders
@coymeetsworld
Jun 15 2017 00:08
nope
it is not there
once you do that your next problem is going to be CORS related
Michael Cordero
@CyberPutty
Jun 15 2017 00:09
i re added it
Coy Sanders
@coymeetsworld
Jun 15 2017 00:09
you can't grab content from a non-secure connection through https
itll complain
need to figure that part out too
Furnael
@Furnael
Jun 15 2017 00:10
@sahanabalram I assigned the class to my image text, but its still not showing at 100px
Michael Cordero
@CyberPutty
Jun 15 2017 00:10
im not sure what cors is
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 00:10
@Furnael show the code
Furnael
@Furnael
Jun 15 2017 00:10

<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 img class="width: 100px;"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>

Coy Sanders
@coymeetsworld
Jun 15 2017 00:10
cross-origin resource sharing
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 00:10
@Furnael why <img img there should be only one
Coy Sanders
@coymeetsworld
Jun 15 2017 00:11
@Furnael you need to add the class name, not the definition
Sahana Balram
@sahanabalram
Jun 15 2017 00:11
@Furnael you would have to give the class name such as img class="name "
Coy Sanders
@coymeetsworld
Jun 15 2017 00:11
like how you added red-text
Michael Cordero
@CyberPutty
Jun 15 2017 00:11
i tried using jsonp as well maybe i did it wrong. will jsonp work
Riley
@rilelykaniewski
Jun 15 2017 00:11
my code won't read an alt addition i can't move on to the next page. who wants to help?
Sahana Balram
@sahanabalram
Jun 15 2017 00:11
@rilelykaniewski copy paste your code here
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 00:11
@Furnael remove width: 100px; from the <img> tag
Riley
@rilelykaniewski
Jun 15 2017 00:12
<img src="https://bit.ly/fcc-relaxing-cat" alt="Fuzzy kitten lying upside-down. "> @sahanabalram
Furnael
@Furnael
Jun 15 2017 00:12
okay yeah, but what would I put there instead
Sahana Balram
@sahanabalram
Jun 15 2017 00:13
@rilelykaniewski your code looks fine just try reloading the page
Coy Sanders
@coymeetsworld
Jun 15 2017 00:13
@Furnael read our comments above
Sahana Balram
@sahanabalram
Jun 15 2017 00:13
@Furnael what is the class name that you have given in your css part for the image to be 100% the same name
Furnael
@Furnael
Jun 15 2017 00:14
.smaller-image
Riley
@rilelykaniewski
Jun 15 2017 00:14
@sahanabalram i changed 'upside-down
Dylan Lynch
@Dlynch18
Jun 15 2017 00:14
@Furnael try <img class= "smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Riley
@rilelykaniewski
Jun 15 2017 00:14
' to upside down' and it accepted the code
Coy Sanders
@coymeetsworld
Jun 15 2017 00:14
@Dlynch18 please dont post answers like that
Addy
@TomatoeTime777
Jun 15 2017 00:14
So who is the biggest coder in here? LOL
Dylan Lynch
@Dlynch18
Jun 15 2017 00:14
my bad
Furnael
@Furnael
Jun 15 2017 00:14
@Dlynch18 Trying it now
Coy Sanders
@coymeetsworld
Jun 15 2017 00:14
biggest?
Sahana Balram
@sahanabalram
Jun 15 2017 00:14
@rilelykaniewski oh okay cool please be specific to the naming convention as to what the challenges tells
Mo
@mma960
Jun 15 2017 00:15
image.png
Addy
@TomatoeTime777
Jun 15 2017 00:15
Well...strongest?
Mo
@mma960
Jun 15 2017 00:15
how do i nest the column around the element
Coy Sanders
@coymeetsworld
Jun 15 2017 00:15
need to check your row div @mma960, you have a typo
Riley
@rilelykaniewski
Jun 15 2017 00:15
@sahanabalram sorry? don't know the meaning
Coy Sanders
@coymeetsworld
Jun 15 2017 00:15
@TomatoeTime777 guess its debatable, why do you ask?
Furnael
@Furnael
Jun 15 2017 00:16
@Dlynch18 That isn't working either. I'm really at a loss here haha.
Mo
@mma960
Jun 15 2017 00:16
@coymeetsworld wow don't know how I didn't see that ... ty :)
CamperBot
@camperbot
Jun 15 2017 00:16
mma960 sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2792 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Sahana Balram
@sahanabalram
Jun 15 2017 00:16
@rilelykaniewski when the challenge says type upside down then type it the same way and not like upside-down because it won't pass the challenge even when your code is fine
Coy Sanders
@coymeetsworld
Jun 15 2017 00:16
np
Sahana Balram
@sahanabalram
Jun 15 2017 00:16
@Furnael copy paste the code again
Furnael
@Furnael
Jun 15 2017 00:16
@sahanabalram How do I send it as an image?
Addy
@TomatoeTime777
Jun 15 2017 00:16
No reason. I was sure there were moments when there might be a debate on that.
Dylan Lynch
@Dlynch18
Jun 15 2017 00:16
I "You need an a element that links to http://freecatphotoapp.com" any ideas how? i have a elements and a href just not sure why its not working
Riley
@rilelykaniewski
Jun 15 2017 00:16
@sahanabalram understood. challenge just said add an image with an alt attribute, no other specifications. perhaps a bug, but for next time thanks i will not forget
CamperBot
@camperbot
Jun 15 2017 00:17
rilelykaniewski sends brownie points to @sahanabalram :sparkles: :thumbsup: :sparkles:
:cookie: 281 | @sahanabalram |http://www.freecodecamp.com/sahanabalram
Sahana Balram
@sahanabalram
Jun 15 2017 00:17
@Furnael maybe a screenshot
@rilelykaniewski not an issue
Coy Sanders
@coymeetsworld
Jun 15 2017 00:17
most people here are learning @TomatoeTime777, only a few do it for a living and probably those would be considered the best
Dylan Lynch
@Dlynch18
Jun 15 2017 00:17
@Furnael is your browser zoomed at 100%? i remember it asked something like that
Coy Sanders
@coymeetsworld
Jun 15 2017 00:17
its not so much a topic of interest here where most people are starting at the floor
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 00:18
I'm the biggest coder
I'm like 3 metters
Addy
@TomatoeTime777
Jun 15 2017 00:18
Oh okay . LOL @NahuelOvejero
Dylan Lynch
@Dlynch18
Jun 15 2017 00:18
directions say "You need an a element that links to http://freecatphotoapp.com" any ideas how? i have a elements and a href just not sure why its not working
Sahana Balram
@sahanabalram
Jun 15 2017 00:19
@Dlynch18 please copy paste your code
Dylan Lynch
@Dlynch18
Jun 15 2017 00:19
<p> Here's a<a href='http://freephotoapp.com'> Link to Free Code Camp </a>
<a> Cat photos </a>
Addy
@TomatoeTime777
Jun 15 2017 00:19
@coymeetsworld Got it. :-)
Coy Sanders
@coymeetsworld
Jun 15 2017 00:19
@Dlynch18 yes, check the link again
Sahana Balram
@sahanabalram
Jun 15 2017 00:19
@Dlynch18 you have two anchor tags remove one
Coy Sanders
@coymeetsworld
Jun 15 2017 00:20
you don't have the URL right
Dylan Lynch
@Dlynch18
Jun 15 2017 00:20
oh jeez
thanks so much! @coymeetsworld i was looking at everything else
CamperBot
@camperbot
Jun 15 2017 00:20
dlynch18 sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2793 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 00:20
@Dlynch18 you have a <a> cat photos </a> also
Coy Sanders
@coymeetsworld
Jun 15 2017 00:20
yw
Crystal McLeggon
@MsCheek
Jun 15 2017 00:20
hi all, stuck on 64 atm. im having a hard time with "....nest all of our HTML in a div element with the class container-fluid."
Sahana Balram
@sahanabalram
Jun 15 2017 00:21
@MsCheek please copy paste your code here
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 00:21
@MsCheek you need to put all the HTML ( below the style), in a div, that closes at the end, with a class container-fluid
Crystal McLeggon
@MsCheek
Jun 15 2017 00:21
<div>
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</div>
Sahana Balram
@sahanabalram
Jun 15 2017 00:22
@MsCheek the <div> should be after the </style>
Dylan Lynch
@Dlynch18
Jun 15 2017 00:22
@NahuelOvejero thats for another direction, thanks
CamperBot
@camperbot
Jun 15 2017 00:22
dlynch18 sends brownie points to @nahuelovejero :sparkles: :thumbsup: :sparkles:
:cookie: 639 | @nahuelovejero |http://www.freecodecamp.com/nahuelovejero
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 00:23
no problem x) samll things are the harder things to find x)
Crystal McLeggon
@MsCheek
Jun 15 2017 00:23

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

<p>Things cats love:</p>

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

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

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

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

Sahana Balram
@sahanabalram
Jun 15 2017 00:24
@MsCheek it's after the </style>
@MsCheek before <h2> the opening <div> and then closing </div> would be after the </form>
Crystal McLeggon
@MsCheek
Jun 15 2017 00:25
@sahanabalram thought thats what i did
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 00:25
@sahanabalram </div> is a CLOSING tag
wrong tag
sorry
Sahana Balram
@sahanabalram
Jun 15 2017 00:25
@MsCheek no you didnt
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 00:25
@MsCheek </div> and </elements> that have a slash, are CLOSING ones
@MsCheek you need to START a div
@MsCheek you are already closing it at the end
Sahana Balram
@sahanabalram
Jun 15 2017 00:26
@MsCheek you have given your <div> next to your <style> tag which is incorrect
Crystal McLeggon
@MsCheek
Jun 15 2017 00:26
i did put it in as a start and end.
im not sure if your only seeing the ending tag
Joseph Packham
@JosephPack
Jun 15 2017 00:27
how do i give a div element a class
Sahana Balram
@sahanabalram
Jun 15 2017 00:27
@MsCheek you did put the start and the end tag but they are not at the correct place you have basically put them inside the head and not in your body tag
@JosephPack <div class="">
Joseph Packham
@JosephPack
Jun 15 2017 00:27
thanks @sahanabalram
CamperBot
@camperbot
Jun 15 2017 00:27
josephpack sends brownie points to @sahanabalram :sparkles: :thumbsup: :sparkles:
:cookie: 282 | @sahanabalram |http://www.freecodecamp.com/sahanabalram
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 00:28
@MsCheek style is not HTML, is CSS. you need to nest all HTML. You CANNOT put elements inside Style tags
Sahana Balram
@sahanabalram
Jun 15 2017 00:28
@MsCheek you <style> would always come after the <head> tag and <div> would always come inside <body> tag
@JosephPack not a problem!
Emiricana
@Emiricana3
Jun 15 2017 00:28
Hey team, how do I give the body element the color property of green, this is what I have: body {background-color: green;} ?
Sahana Balram
@sahanabalram
Jun 15 2017 00:28
@Emiricana3 can you please paste the full code here
Emiricana
@Emiricana3
Jun 15 2017 00:29

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

</style>

<center><h1 style="font-family body"> Hello World </h1></center>

Vojislav
@zizuzizz122
Jun 15 2017 00:29

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

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

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

Crystal McLeggon
@MsCheek
Jun 15 2017 00:30
sorry i just started learning today and im completly loss. i went from doing colors and 64 seems to have jumped ship to new things but im not able to relate what ive learned so far.
Sahana Balram
@sahanabalram
Jun 15 2017 00:30
@Emiricana3 what does the challenge tell you to do exactly ?
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 00:30
@Emiricana3 style body is wrong
Vojislav
@zizuzizz122
Jun 15 2017 00:30
how to give the p elements font of 16
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 00:30
@Emiricana3 you are apply to the body element, body is not a class
Crystal McLeggon
@MsCheek
Jun 15 2017 00:30
maybe ill just start over from 1.
Sahana Balram
@sahanabalram
Jun 15 2017 00:30
@zizuzizz122 in your css p{
font-size
}
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 00:30
@zizuzizz122 at css, usep{}
Emiricana
@Emiricana3
Jun 15 2017 00:30
@NahuelOvejero thanks...let me see if it works
CamperBot
@camperbot
Jun 15 2017 00:30
emiricana3 sends brownie points to @nahuelovejero :sparkles: :thumbsup: :sparkles:
:cookie: 640 | @nahuelovejero |http://www.freecodecamp.com/nahuelovejero
sandman2o
@sandman2o
Jun 15 2017 00:30
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
Emiricana
@Emiricana3
Jun 15 2017 00:30
@sahanabalram thank you
CamperBot
@camperbot
Jun 15 2017 00:30
emiricana3 sends brownie points to @sahanabalram :sparkles: :thumbsup: :sparkles:
:cookie: 283 | @sahanabalram |http://www.freecodecamp.com/sahanabalram
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 00:31
@MsCheek check nesting concept
sandman2o
@sandman2o
Jun 15 2017 00:31
still dont know what i have to do
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 00:31
@MsCheek you need to know what is an opening and a closing tag
sandman2o
@sandman2o
Jun 15 2017 00:31
help @NahuelOvejero
Crystal McLeggon
@MsCheek
Jun 15 2017 00:31
@NahuelOvejero thanks
CamperBot
@camperbot
Jun 15 2017 00:31
mscheek sends brownie points to @nahuelovejero :sparkles: :thumbsup: :sparkles:
:cookie: 641 | @nahuelovejero |http://www.freecodecamp.com/nahuelovejero
Sahana Balram
@sahanabalram
Jun 15 2017 00:31
@sandman2o is it asking for radio buttons?
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 00:31
@sandman2o me neither, not knowing the instruction
Episs2man
@Episs2man
Jun 15 2017 00:32
How do you change the color of h2 to blue?
Sahana Balram
@sahanabalram
Jun 15 2017 00:33
@Episs2man please paste your code here
Justin Gu
@Jygu
Jun 15 2017 00:33
hey can someone help with my tribute page code? my navbar doesn't seem to be working
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 15 2017 00:34
@Episs2man give color:blue attribute to your h2 class
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 00:34
@Episs2man there are multiple ways, but I guess that you need to use h2at style
@reddy-bharathkumar nope, that is not a class challange
Episs2man
@Episs2man
Jun 15 2017 00:34

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

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
yah i'm not at class yet

Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 00:35
@Episs2man it is good, but you have half of html in your style
@Episs2man you only need 1 style at the top
Crystal McLeggon
@MsCheek
Jun 15 2017 00:35
@NahuelOvejero i read over nesting but thats not helping me understand what this step means - Your div element should have the class container-fluid
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 00:35
@Episs2man where is your <h2> tag in the <body>
Sahana Balram
@sahanabalram
Jun 15 2017 00:35
@MsCheek <div class = "container-fluid">
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 00:35
and CANNOT have HTML tags INSIDE style, style is CSS
@MsCheek check over the red-text class creation
Sahana Balram
@sahanabalram
Jun 15 2017 00:36
@MsCheek container-fluid is a class
Justin Gu
@Jygu
Jun 15 2017 00:36
anyone?
Sahana Balram
@sahanabalram
Jun 15 2017 00:36
@Jygu copy paste the link to you codepen here
Hangzilla
@Hangzilla
Jun 15 2017 00:36
hi everybody can't figure out how to give your body element the color property of green. Isn't it body { background-color: green; }
sandman2o
@sandman2o
Jun 15 2017 00:36
i have to apply the col-xs-6 class to all three radio buttons separate and also apply the row class to all three of them @NahuelOvejero
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 15 2017 00:37
@Hangzilla is it color or background color?
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 00:37
well, think you have to start to creating the radio buttons
@reddy-bharathkumar
Sahana Balram
@sahanabalram
Jun 15 2017 00:37
@Jygu it is not linked to the proper navbar content please check that
Hangzilla
@Hangzilla
Jun 15 2017 00:37
it says give your body element the color property of green
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 15 2017 00:37
then color:green
Justin Gu
@Jygu
Jun 15 2017 00:38
@sahanabalram what do you mean
Hangzilla
@Hangzilla
Jun 15 2017 00:38
isn't this correct then..<style>
body {
background-color: green;
}
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 15 2017 00:38
just give color:green;
Hangzilla
@Hangzilla
Jun 15 2017 00:39
okay thanks
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 15 2017 00:39
np
sandman2o
@sandman2o
Jun 15 2017 00:39
shoudnt this work?
<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>
Sahana Balram
@sahanabalram
Jun 15 2017 00:39
@Jygu since you won't be having multiple webpages you have to give an anchor tag <a href=""></a> before the <div> tag
@sandman2o that is not radio button it is just a button
@sandman2o radio button would come inside a <label type ="radio">
Justin Gu
@Jygu
Jun 15 2017 00:41
which div?
the one under <nav> ?
penguio
@penguio
Jun 15 2017 00:42
@sahanabalram you need to use col-xs-4 cause your <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>will wrap and end up on the bottom
Sahana Balram
@sahanabalram
Jun 15 2017 00:43
@Jygu <a name="home"></a> before the <div> that you want to link
sandman2o
@sandman2o
Jun 15 2017 00:43
<div class="row">
<div class="col-xs-6">
<label type="radio"><i class="fa fa-thumbs-up"></i> Like</label>
</div>
<div class="col-xs-6">
<label type="radio"><i class="fa fa-info-circle"></i> Info</label>
</div>
<div class="col-xs-6">
<label type="radio"><i class="fa fa-trash"></i> Delete</label>
</div>
</div>
still not working
penguio
@penguio
Jun 15 2017 00:43
@sandman2o use <div class="col-xs-4"></div>
cause your col-xs-6 equals 18 columns in a row, and bootstrap uses a 12 column grid
sandman2o
@sandman2o
Jun 15 2017 00:44
the instructions are to use <div class="col-xs-6"></div>
Sahana Balram
@sahanabalram
Jun 15 2017 00:44
@sandman2o what is the challenge heading
sandman2o
@sandman2o
Jun 15 2017 00:45
Responsively Style Radio Buttons
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 15 2017 00:45
I think you just have to create two buttons instead of 3
Dave
@DL76
Jun 15 2017 00:45
@sandman2o I'm stuck on the same Map level
sandman2o
@sandman2o
Jun 15 2017 00:46
i have been stuck all day
Joseph Packham
@JosephPack
Jun 15 2017 00:46
how do you make a class again
i forgot how to
sandman2o
@sandman2o
Jun 15 2017 00:46
?
Sahana Balram
@sahanabalram
Jun 15 2017 00:46
@sandman2o the radio buttons are inside the form tag
and not inside the <div class ="col-xs-4">
@JosephPack < div class ="name">
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 00:47
@JosephPack example: <h2 class=""></h2>
sandman2o
@sandman2o
Jun 15 2017 00:47
how would you do that
kenangokceke
@kenangokceke
Jun 15 2017 00:47
<label>
<input type="radio" name="indoor-outdoor">indoor
<input type="radio" name="indoor-outdoor">outdoor
</label>
Each of your two radio button elements should be nested in its own label element.
Joseph Packham
@JosephPack
Jun 15 2017 00:47
thankyou @ravikishorethella
CamperBot
@camperbot
Jun 15 2017 00:47
josephpack sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 571 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 00:47
@kenangokceke where is the ending tag
Justin Gu
@Jygu
Jun 15 2017 00:48
@sahanabalram still not working :(
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 00:48
@kenangokceke they are not each own
@kenangokceke they are 1 for 2
Dave
@DL76
Jun 15 2017 00:48
@sandman2o I can get my top two check marks but the last one goes from check mark to X
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 00:48
@kenangokceke you need to nest inside each <label>
Justin Gu
@Jygu
Jun 15 2017 00:48
https://codepen.io/jygu/pen/gWLxeE for anyone else interested in helping
sandman2o
@sandman2o
Jun 15 2017 00:48
ya same @DL76
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 00:48
@Jygu what you need?
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 00:48
@JosephPack :thumbsup:
Nicholan22
@Nicholan22
Jun 15 2017 00:49
where do i put the # to make a dead link
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 00:49
@Nicholan22 href="here"
kenangokceke
@kenangokceke
Jun 15 2017 00:49
@ravikishorethella how? dont undertand?
Nicholan22
@Nicholan22
Jun 15 2017 00:49
thank you
Justin Gu
@Jygu
Jun 15 2017 00:49
@NahuelOvejero i need to fix my navbar
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 00:49

@kenangokceke

<label><input></label>

Sahana Balram
@sahanabalram
Jun 15 2017 00:49

@sandman2o so your code would be something like this

<div class ="col-xs-6">
<label type ="radio"></label>
</div>

Dave
@DL76
Jun 15 2017 00:49
I think the level is broken..lol
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 00:49
@Nicholan22 :thumbsup:
sandman2o
@sandman2o
Jun 15 2017 00:50
ok ill try it
Cripted
@Cripted
Jun 15 2017 00:50
How to add a class to an element again?
Dave
@DL76
Jun 15 2017 00:50
@sahanabalram I think that is partially right...where does the <class ="row"> go?
penguio
@penguio
Jun 15 2017 00:50
@sandman2o
<div class="row">
  <div class="col-xs-6">
    <label><input type="" name=""></label>
  </div>
  <div class="col-xs-6">
    <label><input type="" name=""></label>
  </div>
</div>
Alexander Køpke
@alexanderkopke
Jun 15 2017 00:51
Do or not do. There is no try. - Dumbledore
Sahana Balram
@sahanabalram
Jun 15 2017 00:51
@DL76 on top of the <div class ="row">
</div> would be at the end
@Cripted <h2 class =""></h2>
Dave
@DL76
Jun 15 2017 00:51
@sahanabalram @penguio I have tried that...but I will take a closer look at my code. But I am sure I have that now
kenangokceke
@kenangokceke
Jun 15 2017 00:52
@ravikishorethella again thankss :)
CamperBot
@camperbot
Jun 15 2017 00:52
kenangokceke sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 572 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 00:52
@kenangokceke :smile: :+1:
Sahana Balram
@sahanabalram
Jun 15 2017 00:52
@DL76 yeah sure have a look at it and let me know if it works
Dave
@DL76
Jun 15 2017 00:52
@sahanabalram Thank you...I'm looking things over now
CamperBot
@camperbot
Jun 15 2017 00:52
dl76 sends brownie points to @sahanabalram :sparkles: :thumbsup: :sparkles:
:cookie: 284 | @sahanabalram |http://www.freecodecamp.com/sahanabalram
Sahana Balram
@sahanabalram
Jun 15 2017 00:52
@DL76 :+1:
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 00:53
@Jygu you have ton of code pasted, rigth?
@Jygu do you know what all those classes do?
Cripted
@Cripted
Jun 15 2017 00:53
@sahanabalram Thanks :smile:
CamperBot
@camperbot
Jun 15 2017 00:53
cripted sends brownie points to @sahanabalram :sparkles: :thumbsup: :sparkles:
:cookie: 285 | @sahanabalram |http://www.freecodecamp.com/sahanabalram
kenangokceke
@kenangokceke
Jun 15 2017 00:53
@ravikishorethella
I think I will always thank you ;)
CamperBot
@camperbot
Jun 15 2017 00:53
kenangokceke sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:warning: kenangokceke already gave ravikishorethella points
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 00:54
remember, is the first project, has to be simple
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 00:54
@kenangokceke for what :smile:
Dave
@DL76
Jun 15 2017 00:54
<div class="row">
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Indoor</label></div>
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Outdoor</label></div>
kenangokceke
@kenangokceke
Jun 15 2017 00:54
You are always helping @ravikishorethella
Justin Gu
@Jygu
Jun 15 2017 00:55
@NahuelOvejero i was learning how to make a scrollspy and yes i did learn all of the previous classes
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 00:55
@kenangokceke that's part of learning.
Sahana Balram
@sahanabalram
Jun 15 2017 00:55
@DL76 where is the closing div tag for <div class = "row">
@DL76 have a </div> after this line <label><input type="radio" name="indoor-outdoor"> Outdoor</label></div>
kenangokceke
@kenangokceke
Jun 15 2017 00:55
@ravikishorethella yep
Kyle Holm
@thekholm80
Jun 15 2017 00:55
Do or not do. There is no try. - Dumbledore
lol
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 00:56
@Jygu try to first make the tribute, and have the section, then try the bar, it will be easier that way
plus, try to work with JS and CSS separatly
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 00:56
@kenangokceke :smile:
Dave
@DL76
Jun 15 2017 00:56
@sahanabalram I do have a </div> after the second "radio"
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 00:56
its a mess to read all that code together
Sahana Balram
@sahanabalram
Jun 15 2017 00:57
@DL76 that closing div is for the <div class = "row">
NielEXXCRO
@EkweviIkeobi
Jun 15 2017 00:57
can someone help me with some code?
sandman2o
@sandman2o
Jun 15 2017 00:57
i tried it with a closing tag and it worked @DL76
Sahana Balram
@sahanabalram
Jun 15 2017 00:57
@EkweviIkeobi copy paste your code here
Episs2man
@Episs2man
Jun 15 2017 00:57
how do I save my work so I don't have to do it again?
sandman2o
@sandman2o
Jun 15 2017 00:58
save button?
NielEXXCRO
@EkweviIkeobi
Jun 15 2017 00:58

@sahanabalram var myVar = 11;

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

penguio
@penguio
Jun 15 2017 00:58
@Episs2man when you run the test it saves your work
Sahana Balram
@sahanabalram
Jun 15 2017 00:58
@EkweviIkeobi what is the challenge name
NielEXXCRO
@EkweviIkeobi
Jun 15 2017 00:58
i have too Change the code to use the -- operator on myVar @sahanabalram
sandman2o
@sandman2o
Jun 15 2017 00:58
@DL76 ya get it
Episs2man
@Episs2man
Jun 15 2017 00:58
when I log in again it starts me at the beginning
NielEXXCRO
@EkweviIkeobi
Jun 15 2017 00:59
@sahanabalram Decrement a Number with JavaScript 131
sandman2o
@sandman2o
Jun 15 2017 00:59
idk it should save @Episs2man
penguio
@penguio
Jun 15 2017 00:59
@EkweviIkeobi you have to add the -- to the myvar and and not use -1 in your expression
Sahana Balram
@sahanabalram
Jun 15 2017 00:59
@EkweviIkeobi just add a -- instead of -1
Dave
@DL76
Jun 15 2017 00:59
@sandman2o a closing tag behind what?
Josh Kroslowitz
@citizensnipz
Jun 15 2017 01:00
I'm having trouble getting JSON to parse in codePen:
'''
$.getJSON("http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1", function(a) {
$(".quoteBox").append(a[0].content)
});
'''
CamperBot
@camperbot
Jun 15 2017 01:00
:bulb: to format code use backticks! ``` more info
Sahana Balram
@sahanabalram
Jun 15 2017 01:00
@DL76 i copy pasted as to where you are supposed to have the closing tag please read that comment
sandman2o
@sandman2o
Jun 15 2017 01:00
<div class="row">
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Indoor</label></div>
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Outdoor</label></div>
Dave
@DL76
Jun 15 2017 01:00
@sahanabalram let me scroll up...this chat room is moving rather quickly
Josh Kroslowitz
@citizensnipz
Jun 15 2017 01:00
sorry
$.getJSON("http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1", function(a) {
    $(".quoteBox").append(a[0].content)
  });
Furnael
@Furnael
Jun 15 2017 01:00
So when it's telling me to make my a element to a dead link by making my href attribute to "#". what does it mean?
sandman2o
@sandman2o
Jun 15 2017 01:00
</div>
Michael Rodriguez
@mrod75
Jun 15 2017 01:01
Your a element should be a dead link with a href attribute set to #.
<a herf="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
Sahana Balram
@sahanabalram
Jun 15 2017 01:01
@Furnael change the existing link with #
NielEXXCRO
@EkweviIkeobi
Jun 15 2017 01:01

@sahanabalram like this
var myVar = 11;

// Only change code below this line
myVar = myVar --;

penguio
@penguio
Jun 15 2017 01:01
@Furnael href="pound-sign hash-tag octothorpe"
Furnael
@Furnael
Jun 15 2017 01:01
so the existing link is my attribute?
Sahana Balram
@sahanabalram
Jun 15 2017 01:01
@EkweviIkeobi yea that is correct
Hangzilla
@Hangzilla
Jun 15 2017 01:01
either i'm over thinking this or I'm just doing this wrong but it asks me that my h1 element should have the class pink-text how would that be written out?
sandman2o
@sandman2o
Jun 15 2017 01:01
got it @DL76
NielEXXCRO
@EkweviIkeobi
Jun 15 2017 01:01
just tried it
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:01
@mrod75 href not herf
NielEXXCRO
@EkweviIkeobi
Jun 15 2017 01:01
@sahanabalram doest work
Furnael
@Furnael
Jun 15 2017 01:02
@sahanabalram thank you
CamperBot
@camperbot
Jun 15 2017 01:02
furnael sends brownie points to @sahanabalram :sparkles: :thumbsup: :sparkles:
:cookie: 286 | @sahanabalram |http://www.freecodecamp.com/sahanabalram
penguio
@penguio
Jun 15 2017 01:02
@EkweviIkeobi you have a space in between myVar and the --
Sahana Balram
@sahanabalram
Jun 15 2017 01:02
@Furnael it would be something like this <a href ="#">
Michael Rodriguez
@mrod75
Jun 15 2017 01:02
@ravikishorethella doh! Thank you!!!!
penguio
@penguio
Jun 15 2017 01:02
should be all one word @EkweviIkeobi i-- as an example
Joanna
@Aryei
Jun 15 2017 01:03
How do make the form have a green background. I added it to style but still nothing.
~~Try giving your form, which now has the "id" attribute of "cat-photo-form", a green background.
Sahana Balram
@sahanabalram
Jun 15 2017 01:03
@Aryei paste your code here
NielEXXCRO
@EkweviIkeobi
Jun 15 2017 01:03

@penguio var myVar = 11;

// Only change code below this line
myVar = myVar--; still wrong

Dave
@DL76
Jun 15 2017 01:03
@sahanabalram @sandman2o ...I got it..although, I did have the closing </div> tags as you all said, I somehow added a second closing tag to my last line of code and it worked.
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:04
@mrod75 :thumbsup:
Sahana Balram
@sahanabalram
Jun 15 2017 01:04
@Aryei your html code should be something like this <form id="name">
@DL76 that is goof
good
NielEXXCRO
@EkweviIkeobi
Jun 15 2017 01:04
@sahanabalram stilll doesnt work
kenangokceke
@kenangokceke
Jun 15 2017 01:04
Your first radio button on your form should be checked by default.
Your first checkbox on your form should be checked by default.
penguio
@penguio
Jun 15 2017 01:04
@Aryei heres an example var i = 1; i--;
Joanna
@Aryei
Jun 15 2017 01:04
<form action="/submit-cat-photo" id="cat-photo-form">
kenangokceke
@kenangokceke
Jun 15 2017 01:05
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"cehcked> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"cehcked> Lazy</label>
<label><input type="checkbox" name="personality"cehcked> Energetic</label>
Sahana Balram
@sahanabalram
Jun 15 2017 01:05
@kenangokceke spelling of checked is wrong
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:05
@kenangokceke check the spelling of checked
@sahanabalram too fast :smile:
kenangokceke
@kenangokceke
Jun 15 2017 01:05
:)
Dave
@DL76
Jun 15 2017 01:06
@sahanabalram thanks
CamperBot
@camperbot
Jun 15 2017 01:06
dl76 sends brownie points to @sahanabalram :sparkles: :thumbsup: :sparkles:
:warning: dl76 already gave sahanabalram points
NielEXXCRO
@EkweviIkeobi
Jun 15 2017 01:06
@sahanabalram no lucke
penguio
@penguio
Jun 15 2017 01:06
@EkweviIkeobi var i = 1; i--;
Sahana Balram
@sahanabalram
Jun 15 2017 01:06
@EkweviIkeobi that is the code to run it
penguio
@penguio
Jun 15 2017 01:06
totally tagged the wrong person sorry
David Rouzes
@DaveRoze
Jun 15 2017 01:06
hey all im new , is this correct
<div class= "silver-background">
Alberto Gonzalez
@phoenixpersonc137
Jun 15 2017 01:06
hi everyone, im having trouble understanding this " 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 }); "
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:06
@DaveRoze yes
David Rouzes
@DaveRoze
Jun 15 2017 01:07
div
.silver-background {
background-color: silver;
}
Josh Kroslowitz
@citizensnipz
Jun 15 2017 01:07
any trick to getting JSON to parse in code pen?
David Rouzes
@DaveRoze
Jun 15 2017 01:07
this aswell
?
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:07
@DaveRoze you need to select the class selector and give the background-color property in the <style> tag
@DaveRoze remove div
Boby Y.
@Boobsled
Jun 15 2017 01:08
what does href mean exactly?
penguio
@penguio
Jun 15 2017 01:08
@Boobsled hypertext reference
David Rouzes
@DaveRoze
Jun 15 2017 01:08
ahhh thanks @ravikishorethella :)
CamperBot
@camperbot
Jun 15 2017 01:08
daveroze sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 574 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:08
@DaveRoze :thumbsup:
Boby Y.
@Boobsled
Jun 15 2017 01:08
@penguio Thank you penguio!
CamperBot
@camperbot
Jun 15 2017 01:08
:cookie: 335 | @penguio |http://www.freecodecamp.com/penguio
boobsled sends brownie points to @penguio :sparkles: :thumbsup: :sparkles:
Boby Y.
@Boobsled
Jun 15 2017 01:09
I wonder if i can give myself brownie points if I thank myself? :D
@Boobsled thank you!
CamperBot
@camperbot
Jun 15 2017 01:09
sorry boobsled, you can't send brownie points to yourself! :sparkles: :sparkles:
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:09
@Boobsled :smile:
Boby Y.
@Boobsled
Jun 15 2017 01:09
Nope I cant lol
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 01:10
That is cheating
penguio
@penguio
Jun 15 2017 01:10
@boobsled thankyou
CamperBot
@camperbot
Jun 15 2017 01:10
penguio sends brownie points to @boobsled :sparkles: :thumbsup: :sparkles:
:cookie: 28 | @boobsled |http://www.freecodecamp.com/boobsled
Michael
@acetousk
Jun 15 2017 01:10
do you need a <a> </a> inside an <img></img> I'm on the bootstrap css portion (the second tutorial)? I'm just
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:11
@acetousk depends on the challenge
@acetousk what is the challenge about?
Boby Y.
@Boobsled
Jun 15 2017 01:11
@acetousk what do you mean? <a "insert link here"> "insert text that directs user to link here"</a> is the format
Michael
@acetousk
Jun 15 2017 01:12
it's have atotal of 2 images and, make sure your img element has a closing angle bracket
Sahana Balram
@sahanabalram
Jun 15 2017 01:12
@EkweviIkeobi it should be myVar--; and not myVar = myVAr--;
davidlair
@davidlair
Jun 15 2017 01:12
How are all my little coders doing?
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:12
@acetousk <img src="" alt="">
davidlair
@davidlair
Jun 15 2017 01:12
Anyone need some help?
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:12
@acetousk probably you are missing >
Michael
@acetousk
Jun 15 2017 01:12
@ravikishorethella thanks
CamperBot
@camperbot
Jun 15 2017 01:12
acetousk sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 575 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:13
@acetousk :thumbsup:
Michael
@acetousk
Jun 15 2017 01:13
@Boobsled thanks
CamperBot
@camperbot
Jun 15 2017 01:13
acetousk sends brownie points to @boobsled :sparkles: :thumbsup: :sparkles:
:cookie: 29 | @boobsled |http://www.freecodecamp.com/boobsled
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:13
@davidlair here :smile:
@davidlair How are you?
davidlair
@davidlair
Jun 15 2017 01:14
I'm good!
How about yourself?
Daniel Shillinglaw
@GiraffeFFA
Jun 15 2017 01:14
im confused at what is wrong here

<style>
h2 {color:blue;}

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

Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:15
@davidlair I am fine
Michael
@acetousk
Jun 15 2017 01:15
@ravikishorethella it didn't help the response has two images but, it doesn't work wait...
davidlair
@davidlair
Jun 15 2017 01:15
Did it ask for blue or red, @GiraffeFFA ?
Sahana Balram
@sahanabalram
Jun 15 2017 01:15
@GiraffeFFA remove your html tag from your css
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:15
@GiraffeFFA <h2>CatPhotoApp</h2> should be outside the </style>
Daniel Shillinglaw
@GiraffeFFA
Jun 15 2017 01:15
blue
davidlair
@davidlair
Jun 15 2017 01:15
oh good catch ravik
I'm dying from lack of sleep lol!
Michael
@acetousk
Jun 15 2017 01:15
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></img></a>
tjillian87
@tjillian87
Jun 15 2017 01:16
I have a jQuery question.
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:16
@davidlair don't spend too much time on this
Michael
@acetousk
Jun 15 2017 01:16
why is there an error on /img & /a
davidlair
@davidlair
Jun 15 2017 01:16
Oh that's not why I haven't slept, lol
Sahana Balram
@sahanabalram
Jun 15 2017 01:16
@acetousk img doen't have a closing tag hence remove it
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:16
@acetousk there is no </img> tag in html. <img> is a self closing tag
Michael
@acetousk
Jun 15 2017 01:16
@ravikishorethella ok thanks
CamperBot
@camperbot
Jun 15 2017 01:16
acetousk sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:warning: acetousk already gave ravikishorethella points
Michael
@acetousk
Jun 15 2017 01:16
@sahanabalram thanks
davidlair
@davidlair
Jun 15 2017 01:17
@ravikishorethella Thanks! I'm just thanking you for helping so many people.
CamperBot
@camperbot
Jun 15 2017 01:17
davidlair sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 576 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:17
@davidlair :smile:
Daniel Shillinglaw
@GiraffeFFA
Jun 15 2017 01:17
still doesnt work
tjillian87
@tjillian87
Jun 15 2017 01:17

The directions say that we should add this code: $("button").addClass("animated bounce"); into my code, which is this:
$(document).ready(function() {

});

Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:17
@GiraffeFFA what is the challenge?
davidlair
@davidlair
Jun 15 2017 01:17
@GiraffeFFA Can you post your code, and the URL to the challenge you're on?
Daniel Shillinglaw
@GiraffeFFA
Jun 15 2017 01:17

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

<h2>CatPhotoApp</h2>
</style>

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

davidlair
@davidlair
Jun 15 2017 01:17
Take the second </style> tag out
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 01:18
@tjillian87 you need to put the ode INSIDE the function brackets
davidlair
@davidlair
Jun 15 2017 01:18
Then you'll be fine @GiraffeFFA
Daniel Shillinglaw
@GiraffeFFA
Jun 15 2017 01:18
ok thanks so much!
davidlair
@davidlair
Jun 15 2017 01:18
The </style> tag under <h2>CatPhotoApp</h2> needs to be removed, @GiraffeFFA
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:18

@tjillian87 $("button").addClass("animated bounce") should go inside the

$(document).ready(function() {
add here
});

davidlair
@davidlair
Jun 15 2017 01:18
Yea no prob!
Let me know if that works for you.
And please let me know if that makes sense to you. If you don't understand why, let me know and I'll do my best to explain to you.
TylerDeSouza
@TylerDeSouza
Jun 15 2017 01:18
Hi, I'm wondering if someone could help me out. I'm just now getting started on my Weather App and I'm having trouble using the Dark Sky API. I'm using the same geolocation code from the previous challenge. Does anyone know what I'm doing incorrectly?
if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(function(position) {
    $("#data").html("latitude: " + position.coords.latitude + "<br>longitude: " + position.coords.longitude);
$.getJSON('https://api.darksky.net/forecast/55ecd9d1e1aa0104fbf070b4562630a5/'+position.coords.latitude+","+position.coords.longitude, function(forecast) {
      $("#temp").html(forecast);
    });
  });
}
Daniel Shillinglaw
@GiraffeFFA
Jun 15 2017 01:18
it worked
davidlair
@davidlair
Jun 15 2017 01:18
Awesome :)
tjillian87
@tjillian87
Jun 15 2017 01:18
Why? Does that mean the start of the jQuery function?
Daniel Shillinglaw
@GiraffeFFA
Jun 15 2017 01:19
i understand why now
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:19
@tjillian87 yes
davidlair
@davidlair
Jun 15 2017 01:19
Perfect
tjillian87
@tjillian87
Jun 15 2017 01:19
Thanks, that makes sense
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:19
@tjillian87 :thumbsup:
Jamie
@I3arber
Jun 15 2017 01:19
how to "Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide."?
davidlair
@davidlair
Jun 15 2017 01:19
Before I Explain, Jamie, have you tried to understand the challenge yourself?
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:20
@I3arber show your code
davidlair
@davidlair
Jun 15 2017 01:20
I'm only asking to make sure you're attempting to grasp the concept before asking for help.
If so, please post your code...yeah what ravi said
You gotta get your feet wet before you can swim :D
Well.. that was a terrible analogy. Sorry :(
Assist me in Seppuku please, I don't deserve this life after that statement.
Jamie
@I3arber
Jun 15 2017 01:21
@davidlair I appreciate that, yes I did. I added the text inside of the <style> Tags and nothing happened.
davidlair
@davidlair
Jun 15 2017 01:21
Perfect. Can you paste your code pleaseee
You may need to add the class to your img element
But we shall see!
Jamie
@I3arber
Jun 15 2017 01:22
<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
img .smaller-image{
width: 100px;
}
</style>
davidlair
@davidlair
Jun 15 2017 01:22
take the img out of there
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:22
@I3arber remove img
davidlair
@davidlair
Jun 15 2017 01:22
just put .smaller-image{width:100px;}
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:22
@davidlair :clap:
davidlair
@davidlair
Jun 15 2017 01:22
When you create a class, it's ambiguous as to where it will be going later.
Episs2man
@Episs2man
Jun 15 2017 01:22
How do I get to 100% zoom?
davidlair
@davidlair
Jun 15 2017 01:22
You only need to add class="smaller-image" to your img element after the fact.
If you'd like me to explain further, please let me know.
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:23
@Episs2man I think the browser will automatically take care of the zoom
Jamie
@I3arber
Jun 15 2017 01:23
<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
.smaller-image{
width: 100px;
}
</style>
davidlair
@davidlair
Jun 15 2017 01:23
That looks perfect.
But have you added the .smaller-image class to your <img> element??
Jamie
@I3arber
Jun 15 2017 01:23
i took img out and it still is not saying that it is working
davidlair
@davidlair
Jun 15 2017 01:24
Please post your whole code.
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:24
@I3arber yep, now you need to add the class to your <img> element
sharathki442gmailcom
@sharathki442gmailcom
Jun 15 2017 01:24
Can anyone help me how to turn an Image into a Link.
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:24
@sharathki442gmailcom yes
davidlair
@davidlair
Jun 15 2017 01:24
Post your code please, @sharathki442gmailcom
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 01:24
@sharathki442gmailcom you nest your <img> into <a>
davidlair
@davidlair
Jun 15 2017 01:24
I'll let you take this one, lol
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:24
@davidlair on :fire:
davidlair
@davidlair
Jun 15 2017 01:24
Hah, thanks turns to ashes
Jamie
@I3arber
Jun 15 2017 01:25

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

davidlair
@davidlair
Jun 15 2017 01:25
There we go
Michael
@acetousk
Jun 15 2017 01:25
how do you make a button element with the text like?
davidlair
@davidlair
Jun 15 2017 01:25
@I3arber See how you added the class to your <p class="red-text"> ?
Michael
@acetousk
Jun 15 2017 01:25
and how do you make a button have a class be btn
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:25
@I3arber add class
<img src="" class="" alt="">
Michael
@acetousk
Jun 15 2017 01:25
?????
davidlair
@davidlair
Jun 15 2017 01:26
Thanks @ravikishorethella , that made it very simple to explain. I was fishing for a way to show him that it's all contained in the same element, separated only by spaces. That was beautifully written :P
CamperBot
@camperbot
Jun 15 2017 01:26
davidlair sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:warning: davidlair already gave ravikishorethella points
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:26
@acetousk <button class="add the class here"></button>
Jamie
@I3arber
Jun 15 2017 01:26
@davidlair so i put it in the wrong place then?
Michael
@acetousk
Jun 15 2017 01:26
oh ok thanks @ravikishorethella
CamperBot
@camperbot
Jun 15 2017 01:26
acetousk sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:warning: acetousk already gave ravikishorethella points
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:26
@davidlair thank you
@davidlair thanks
CamperBot
@camperbot
Jun 15 2017 01:27
ravikishorethella sends brownie points to @davidlair :sparkles: :thumbsup: :sparkles:
:cookie: 107 | @davidlair |http://www.freecodecamp.com/davidlair
davidlair
@davidlair
Jun 15 2017 01:27
@I3 No no no, you did not. By adding the .smaller-image class to your <style> element (or CSS - Cascading STYLE Sheet), you've simply given a name to those parameters (100 pixel width)
mayoorika
@mayoorika
Jun 15 2017 01:27
how to Givethe form element the id of cat-photo-form.
davidlair
@davidlair
Jun 15 2017 01:27
@I3arber Now you need to tell your <img> element that it needs to call upon that.
Episs2man
@Episs2man
Jun 15 2017 01:27
I'm stuck on the change the font size of an element
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 01:27
@mayoorika there must be a code on the instructions
davidlair
@davidlair
Jun 15 2017 01:27
@I3barber In order to do this, you need to add the attribute class="smaller-image" inside of your <img> element.
Episs2man
@Episs2man
Jun 15 2017 01:28
My font sized changed for both paragraph's
sharathki442gmailcom
@sharathki442gmailcom
Jun 15 2017 01:28

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

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

Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 01:28
@mayoorika but if nt id="idvalue"
Michael
@acetousk
Jun 15 2017 01:28
@ravikishorethella do you put the the button element inside or seperate to the <img> </img>
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 01:28
@Episs2man and that is good
davidlair
@davidlair
Jun 15 2017 01:28
@I3arber Would it be better if we went to one on one chat for a moment? To avoid the spam. It can be confusing when the explanations aren't next to each other.
Episs2man
@Episs2man
Jun 15 2017 01:29
but it won't recognize
Michael
@acetousk
Jun 15 2017 01:29
<button class="add the class here"></button>do you put the the button element inside or seperate to the <img> </img>
davidlair
@davidlair
Jun 15 2017 01:29
@I3arber Or have you understood?
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 01:29
@Episs2man what have you done?
davidlair
@davidlair
Jun 15 2017 01:29
Separate. The button is its own entity.
sickjokerr
@sickjokerr
Jun 15 2017 01:30
WHats up my geek ass niggahs!
Michael
@acetousk
Jun 15 2017 01:30
ok @davidlair thanks
CamperBot
@camperbot
Jun 15 2017 01:30
acetousk sends brownie points to @davidlair :sparkles: :thumbsup: :sparkles:
:cookie: 108 | @davidlair |http://www.freecodecamp.com/davidlair
Jamie
@I3arber
Jun 15 2017 01:30
I just fixed it, thank you @davidlair @ravikishorethella how do I send brownie points?
CamperBot
@camperbot
Jun 15 2017 01:30
i3arber sends brownie points to @davidlair and @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 109 | @davidlair |http://www.freecodecamp.com/davidlair
:cookie: 577 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
davidlair
@davidlair
Jun 15 2017 01:30
You just did :P
by taking thanks @personsname
CamperBot
@camperbot
Jun 15 2017 01:30
davidlair sends brownie points to @personsname :sparkles: :thumbsup: :sparkles:
:warning: @personsname's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:30
@I3arber :thumbsup:
davidlair
@davidlair
Jun 15 2017 01:30
I'll brb!
Jamie
@I3arber
Jun 15 2017 01:30
lol nice
Boby Y.
@Boobsled
Jun 15 2017 01:31
Hey How can I take a screenshot of my code?
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:31
@sharathki442gmailcom what is the error?
Albert Cardona II
@daddycardona
Jun 15 2017 01:31
okay how come I can't use the font awesome second largest one that I want for like google square etc.. anyone?
sickjokerr
@sickjokerr
Jun 15 2017 01:31
i have an app idea: nigger stew
Albert Cardona II
@daddycardona
Jun 15 2017 01:31
yes you can also use three of these @Boobsled
`
use three ` next to the ~ button top left of your keyboard
I mean the same button
@Boobsled
Boby Y.
@Boobsled
Jun 15 2017 01:33
@daddycardona Thank you cardona!
CamperBot
@camperbot
Jun 15 2017 01:33
boobsled sends brownie points to @daddycardona :sparkles: :thumbsup: :sparkles:
:cookie: 129 | @daddycardona |http://www.freecodecamp.com/daddycardona
Albert Cardona II
@daddycardona
Jun 15 2017 01:34
you welcome boss
Michael Rodriguez
@mrod75
Jun 15 2017 01:34
is there more than one of these chatrooms? I seem to have lost the person that was helping me.
TylerDeSouza
@TylerDeSouza
Jun 15 2017 01:34
@daddycardona try using <i class="fa-google-plus-square fa-4x"></i>
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 01:34
@mrod75 check the rooms to the left
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:34
@mrod75 yes there are some more rooms
mayoorika
@mayoorika
Jun 15 2017 01:35
@NahuelOvejero thq
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 01:35
@mayoorika the?
Albert Cardona II
@daddycardona
Jun 15 2017 01:35
I did but it's a little smaller I tried the fa-5 but nope but tried fa-5x woks just not as big
TylerDeSouza
@TylerDeSouza
Jun 15 2017 01:36
thats odd
Albert Cardona II
@daddycardona
Jun 15 2017 01:36
I tried 6x through 9x too
sharathki442gmailcom
@sharathki442gmailcom
Jun 15 2017 01:36
Hi Ravikishore I would like to Turn an Image into a Link <img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Justin Gu
@Jygu
Jun 15 2017 01:36
https://codepen.io/jygu/full/gWLxeE/ i have the general tribute page structure, can someone show me how to fix the navbar?
Albert Cardona II
@daddycardona
Jun 15 2017 01:36
add <a href></a>
@sharathki442gmailcom
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:37
@sharathki442gmailcom <a href="#"><img tag></a>
Boby Y.
@Boobsled
Jun 15 2017 01:39
outof curiosity, how long ago did you guys start?
Justin Gu
@Jygu
Jun 15 2017 01:39
a month ago
Kyle Holm
@thekholm80
Jun 15 2017 01:39
february 22nd
Albert Cardona II
@daddycardona
Jun 15 2017 01:39
@Jygu try <nav></nav> without a class it might help I use that in my portfolio site I am working on don't need that other stuff yet
Boby Y.
@Boobsled
Jun 15 2017 01:40
@Jygu That's p cool looking at the run pen project you shared
Albert Cardona II
@daddycardona
Jun 15 2017 01:40
about a few weeks ago
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 01:40
I started in 1992
Kyle Holm
@thekholm80
Jun 15 2017 01:40
lol
Albert Cardona II
@daddycardona
Jun 15 2017 01:40
he owns half of freecodecamp LOL
Kyle Holm
@thekholm80
Jun 15 2017 01:40
just the left half
Boby Y.
@Boobsled
Jun 15 2017 01:40
@NahuelOvejero LOL
Kyle Holm
@thekholm80
Jun 15 2017 01:40
nasty custody battle
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 01:40
My system is working since 24 years
Justin Gu
@Jygu
Jun 15 2017 01:42
@daddycardona it made it worse D:
Boby Y.
@Boobsled
Jun 15 2017 01:42
@daddycardona Who, Nahuel?
mayoorika
@mayoorika
Jun 15 2017 01:42
how to do form element should have the background-color of green???.
Albert Cardona II
@daddycardona
Jun 15 2017 01:42
LMAO okay let me see what you doing
TylerDeSouza
@TylerDeSouza
Jun 15 2017 01:42
Hi I'm working on my Weather App and I'm having trouble using the Dark Sky API with my geolocation. Could someone help me out please?
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 01:42
oh, you mean here? in free codecamp? I thought you mean in life
Boby Y.
@Boobsled
Jun 15 2017 01:43
@NahuelOvejero Yaa!
No I actually meant in life
Joseph Packham
@JosephPack
Jun 15 2017 01:44
how do you close an image
Albert Cardona II
@daddycardona
Jun 15 2017 01:45
yah look at my stuff I did not use anything crazy in my nav just <a> links
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:45
@JosephPack <img> is a self-closing tag
Joseph Packham
@JosephPack
Jun 15 2017 01:45
thankyou
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:46
I am still working on it but my navigational bar is three links no divs
Justin Gu
@Jygu
Jun 15 2017 01:47
at least urs is horizontal :)
Albert Cardona II
@daddycardona
Jun 15 2017 01:48
you put a nav bar and then a bunch of divs in it I just used a links
Kyle Holm
@thekholm80
Jun 15 2017 01:48
bleh i need an adult
so stuck
Unnathi
@unnathiv
Jun 15 2017 01:48
Hello everyone. can u please say what this mean-Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4.
Garret Nisley
@gnisley54
Jun 15 2017 01:50
Trying to figure out font size in between the style tags.
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:50
@unnathiv read this Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4
Albert Cardona II
@daddycardona
Jun 15 2017 01:50
you can try to put a css like
 .box2 {
  display: inline-block;
  width: 200px;
  height: 100px;
  margin: 1em;
}
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:50
@gnisley54 show the code
Albert Cardona II
@daddycardona
Jun 15 2017 01:51
with out the div being so big
Garret Nisley
@gnisley54
Jun 15 2017 01:51
<style>
.red-text {
color: red;
font-size:16px;


}
</style>
Justin Gu
@Jygu
Jun 15 2017 01:51
ugh idk why it's doing this
Garret Nisley
@gnisley54
Jun 15 2017 01:51
trying to be specific to the p elements not sure how
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:51
@gnisley54 font-size is to be given for the p elements
Albert Cardona II
@daddycardona
Jun 15 2017 01:52
<p class="something">
Justin Gu
@Jygu
Jun 15 2017 01:52

<body data-spy="scroll" data-target=".navbar" data-offset="50">

<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">leCorubusier</a>
</div>
<div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li><a href="#section1">About</a></li>
<li><a href="#section2">Timeline</a></li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#"> Ideas <span class="caret"></span></a>
<ul class="dropdown menu">
<li><a href="#section31">The Five Points of Modern Architecture></a><li>
<li><a href="#section32">The "Architectural Promenade"</a></li>
<li><a href="#section33">The Ville Radiuese and Urbanism</a></li>
<li><a href="#section34">Modulor</a></li>
<li><a href="#section35">Open Hand</a></li>
</ul>
</li>
<li><a href="#section4">Famous Works</a><li>
</ul>
</div>
</div>
</div>
</nav>

Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:52
@gnisley54 inside the <style> tags
p{
propertyname: propertyvalue;
}
Unnathi
@unnathiv
Jun 15 2017 01:52
@ravikishorethella what did you say?
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:53
@unnathiv the div should have a class="col-xs-4" and each button should be nested inside one div
Justin Gu
@Jygu
Jun 15 2017 01:54
what did i do wrong?
Stephen
@NudePotatoes
Jun 15 2017 01:54
How do you put both the .red-text and .font-size within <style>?
Sorry, I'm just starting today
Garret Nisley
@gnisley54
Jun 15 2017 01:54
<style>
.red-text {
color: red;
p{
font-size: 16px;
}


}
</style>
like so?
Stephen
@NudePotatoes
Jun 15 2017 01:55
I had done that
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:55
@gnisley54 missing } after red;
Garret Nisley
@gnisley54
Jun 15 2017 01:55
thank you
penguio
@penguio
Jun 15 2017 01:55
@Jygu use bootstrap 3
walid sehil
@walidsehil
Jun 15 2017 01:55
you can add as a attrubute
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:55
@NudePotatoes show what you have done
walid sehil
@walidsehil
Jun 15 2017 01:55
like
penguio
@penguio
Jun 15 2017 01:55
but u have to set it in the settings, not in the <head></head> with code pen
Unnathi
@unnathiv
Jun 15 2017 01:56
@ravikishorethella You mean we should create one button for one div?
Stephen
@NudePotatoes
Jun 15 2017 01:56
<style>
.font-size {font-size: 16px;}

.red-text {
color: red;
}
</style>
Garret Nisley
@gnisley54
Jun 15 2017 01:56
@ravikishorethella thank you sir was driving me crazy
CamperBot
@camperbot
Jun 15 2017 01:56
gnisley54 sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 579 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Justin Gu
@Jygu
Jun 15 2017 01:56
@penguio i am
Brisket1
@Brisket1
Jun 15 2017 01:56
Hi, any idea why this:<li class="pull-right">
<a href="#">Contact Me</a>
</li> doesn't pull my text to the right on the navbar i'm working on for my portfolio?
penguio
@penguio
Jun 15 2017 01:56
@Jygu no your not
walid sehil
@walidsehil
Jun 15 2017 01:56
<p style="font-size:16px;color:red;"> a paragraphe </p>
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:56
@unnathiv one <div> for one <button>
@gnisley54 :thumbsup:
penguio
@penguio
Jun 15 2017 01:57
@Jygu you have to set bootstrap 3 in the settings. You shouldnt even have a <head></head> in code pen
Brisket1
@Brisket1
Jun 15 2017 01:57
if displays but doesn't pull-right
Stephen
@NudePotatoes
Jun 15 2017 01:57
what did I do wrong there?
Unnathi
@unnathiv
Jun 15 2017 01:57
ok @ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 01:57
@NudePotatoes .font-size is not a class
Brisket1
@Brisket1
Jun 15 2017 01:57
any ideas on this?
Justin Gu
@Jygu
Jun 15 2017 01:58
@penguio still didn't help
Stephen
@NudePotatoes
Jun 15 2017 01:58
thanks!
TylerDeSouza
@TylerDeSouza
Jun 15 2017 01:58
Does anyone know why my API calls aren't working for the weather app?
/*Acquires location */
if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(function(position){
$("#data").html("latitude: " + position.coords.latitude + "<br>longitude: " + position.coords.longitude);

 /*Makes call to the Dark Sky API*/  $.getJSON('https://api.darksky.net/forecast/55ecd9d1e1aa0104fbf070b4562630a5/'+position.coords.latitude+","+position.coords.longitude, function(forecast) {
      $("#temp").html(forecast);
    });

  });
}
Brisket1
@Brisket1
Jun 15 2017 01:59
<li class="pull-right">
<a href="#">Contact Me</a>
</li> doesn't work?
penguio
@penguio
Jun 15 2017 01:59
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u use this
Albert Cardona II
@daddycardona
Jun 15 2017 01:59
hey @Jygu your using divs in a navigational bar why?
that is messing up your navigation section
penguio
@penguio
Jun 15 2017 01:59
@Jygu can you relink me your code pen
@daddycardona he has classes that are linked to bootstrap, the <div class="container-fluid"></div> is so it uses the full width and makes it fluid
Brisket1
@Brisket1
Jun 15 2017 02:01
I sure could use a hand :)
Albert Cardona II
@daddycardona
Jun 15 2017 02:01
yes but he is adding crazy divs in his nav tag. Why would you do that?
@Brisket1 what is your code
can i view your pen
Brisket1
@Brisket1
Jun 15 2017 02:02
<li class="pull-right">
<a href="#">Contact Me</a>
</li> for the navbar but it doesn't pull right, it doesn't move
Justin Gu
@Jygu
Jun 15 2017 02:02
@daddycardona so i can make one of the tabs open and collapse among other things
Albert Cardona II
@daddycardona
Jun 15 2017 02:02
    <nav id="navi">
      <a href="#about">About Me</a> |
      <a href="/js/">My Work</a> |
      <a href="/jquery/">Connect To Me </a>|
    </nav>
so that is all I did for the nave bar inside my div with class
Justin Gu
@Jygu
Jun 15 2017 02:03
that doesn't let me have a dropdown menu
Albert Cardona II
@daddycardona
Jun 15 2017 02:03
link your pen here @Brisket1
Okay let me help you find a simple drop down menu like you want, because there is a lot of stuff going on in your nave bar you want horizontal
@Jygu
Jamie
@I3arber
Jun 15 2017 02:05

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

<p>Things cats love:</p>

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

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

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

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

trying to fix form action
Beto
@Beethoven22
Jun 15 2017 02:06
Hello alll. So I'm building my tribute page and I can't seem to center my image...align="middle" is not doing it.
Brisket1
@Brisket1
Jun 15 2017 02:06
@daddycardona Thanks
CamperBot
@camperbot
Jun 15 2017 02:06
brisket1 sends brownie points to @daddycardona :sparkles: :thumbsup: :sparkles:
:cookie: 130 | @daddycardona |http://www.freecodecamp.com/daddycardona
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 02:06
@I3arber close the <form>. missing > before <input>
@Beethoven22 there is no middle
Albert Cardona II
@daddycardona
Jun 15 2017 02:08
what did I do?
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 02:08
Albert Cardona II
@daddycardona
Jun 15 2017 02:08
@Brisket1
Beto
@Beethoven22
Jun 15 2017 02:08
@ravikishorethella I also tried center.
Brisket1
@Brisket1
Jun 15 2017 02:08
can't figure out why my pull-right isn't working. I was following a Youtube tutorial on building the portfolio and it goes a section at a time starting with the navbar so I was following along and it seemed to be working until i tried to pull-right and then nothing
Beto
@Beethoven22
Jun 15 2017 02:09
@ravikishorethella I'll follow the link!
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 02:09
@Beethoven22 text-align not align
@Beethoven22 :thumbsup:
Brisket1
@Brisket1
Jun 15 2017 02:09
@daddycardona you told me to link my pen here and i did, sorry i thought you asked to take a look at it.
Albert Cardona II
@daddycardona
Jun 15 2017 02:09
oh I am looking at it and it seems to be working just fine your navigational bar looks awesome too ;) love the colors you have on it
Brisket1
@Brisket1
Jun 15 2017 02:10
mine?
Albert Cardona II
@daddycardona
Jun 15 2017 02:10
I would recommend that you add <body> tags
yes @Brisket1
and also HTML tags etc.. so you get use to writing it all or you will start skipping those simple steps that codepen allows blue and white ;A
saturdaylife
@saturdaylife
Jun 15 2017 02:11
I am stuck at CSS Selectors to Style Elements how do I add color to the text?
Brisket1
@Brisket1
Jun 15 2017 02:11
hmmm, ok but when i look at it nothing is on the right side, like pull-right didn't work. maybe i need to refresh?
Jamie
@I3arber
Jun 15 2017 02:11
@ravikishorethella brownie points
saturdaylife
@saturdaylife
Jun 15 2017 02:11

this is what i have written

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

still it doesn't appear on the text

Brisket1
@Brisket1
Jun 15 2017 02:11
ah ok
Albert Cardona II
@daddycardona
Jun 15 2017 02:11
so do you not want your navigation bar to be on the top of the page you want it right aligned?
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 02:12
@saturdaylife text should be outside of the <style> tags
Brisket1
@Brisket1
Jun 15 2017 02:12
well i want it on the top with my name on the left and all other elements on the right side at the top
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 02:12
@saturdaylife CatPhotoApp</h2> should be outside of </style>
@I3arber :smile:
Albert Cardona II
@daddycardona
Jun 15 2017 02:13
blob
shelmanjunior
@shelmanjunior
Jun 15 2017 02:13
had same problem thank you
Albert Cardona II
@daddycardona
Jun 15 2017 02:13
oh you can try float right
you can try taking it out your list
Brisket1
@Brisket1
Jun 15 2017 02:14
ah ok i will try that thanks again @daddycardona back to the salt mines now :)
CamperBot
@camperbot
Jun 15 2017 02:14
brisket1 sends brownie points to @daddycardona :sparkles: :thumbsup: :sparkles:
:warning: brisket1 already gave daddycardona points
Albert Cardona II
@daddycardona
Jun 15 2017 02:14
LOL
saturdaylife
@saturdaylife
Jun 15 2017 02:15
i got it. thanks! :D
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 02:15
@saturdaylife :thumbsup:
Albert Cardona II
@daddycardona
Jun 15 2017 02:15
@shelmanjunior who are you thanking?
Brisket1
@Brisket1
Jun 15 2017 02:21
cool i figured out what was wrong. I had added bootstrap3 and bootstrap 4 twice each so I guess it was confusing it. so when i removed all bootstrap entries from css and reselected just bootstrap 3, pull-right works now awesome!https://codepen.io/brisket1/pen/VWKgNQ
Addy
@TomatoeTime777
Jun 15 2017 02:22

Hello. How to apply this code correctly? Your h2 element should have the class red-text.

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

<h2>CatPhotoApp</h2>

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

Chase
@Xzenergy
Jun 15 2017 02:22
Can someone answer a question about jQuery element functions for me?
Crystal McLeggon
@MsCheek
Jun 15 2017 02:22
i created a div closing tag for each div elements but its saying im still missing one. Can anyone help?

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

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

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

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

Episs2man
@Episs2man
Jun 15 2017 02:23
What am I doing wrong here?
Albert Cardona II
@daddycardona
Jun 15 2017 02:23
@Brisket1 I thought I figured it out I was working on it I added pull left etc.. lol
Crystal McLeggon
@MsCheek
Jun 15 2017 02:23
i got it.
penguio
@penguio
Jun 15 2017 02:24
@Episs2man what's your issue
Habitat16kc
@Habitat16kc
Jun 15 2017 02:24
@TomatoeTime777 you need to add class="red-text" to your h2 element
Crystal McLeggon
@MsCheek
Jun 15 2017 02:24
well ive been at this for too long now. nite!
Albert Cardona II
@daddycardona
Jun 15 2017 02:25
after </form>try one more </div>
@MsCheek
Crystal McLeggon
@MsCheek
Jun 15 2017 02:25
yes thanks @daddycardona thats what i did and it worked.
CamperBot
@camperbot
Jun 15 2017 02:25
mscheek sends brownie points to @daddycardona :sparkles: :thumbsup: :sparkles:
:cookie: 131 | @daddycardona |http://www.freecodecamp.com/daddycardona
Albert Cardona II
@daddycardona
Jun 15 2017 02:25
man I was late I just finished looking at it lol
Episs2man
@Episs2man
Jun 15 2017 02:25

<style>

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

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

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

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

penguio
@penguio
Jun 15 2017 02:26
@MsCheek you didn't close your </div> for your row. a trick would be to use <div class="row"></div><!--/.row--> so you can tell which closing div's go with which
Chase
@Xzenergy
Jun 15 2017 02:26
Why exactly do you have to use true in .prop("disabled",true);??
Jonas Hernandez
@Jhernandez29
Jun 15 2017 02:26

Not every class needs to have corresponding CSS. Sometimes we create classes just for the purpose of selecting these elements more easily using jQuery.

Give each of your button elements the class target.

Albert Cardona II
@daddycardona
Jun 15 2017 02:26
@penguio I dod that all the time because i had the sam problem ;)
penguio
@penguio
Jun 15 2017 02:26
@Xzenergy you're passing it a boolean. sort of like a light switch, if it's false the light is not on. if it's true the light is on
Jonas Hernandez
@Jhernandez29
Jun 15 2017 02:26
i dont understand.
Episs2man
@Episs2man
Jun 15 2017 02:27
I think I did what it said, closed the ptags , changed the font size my browser is at 100%
Chase
@Xzenergy
Jun 15 2017 02:27
@penguio what kind of function would this be used for?
Michael
@acetousk
Jun 15 2017 02:27
Add an i element with the classes fa and fa-thumbs-up.
Your fa-thumbs-up icon should be located within the Like button. <button class="btn btn-block btn-primary">Like<i class="fa fa-info-circle"></i></button>
penguio
@penguio
Jun 15 2017 02:27
@daddycardona it makes life a whole lot easier
Michael
@acetousk
Jun 15 2017 02:27
what's wrong
Habitat16kc
@Habitat16kc
Jun 15 2017 02:27
@Episs2man You dont need to put a font size to p2. Delete it and add it to your p style
penguio
@penguio
Jun 15 2017 02:27
@Xzenergy truthfully it all depends on you, could be disabling certain things till a certain criteria is met.
Albert Cardona II
@daddycardona
Jun 15 2017 02:27
I know I have done web desing before and say hell with it then I come back to it but it is time to make my dream a reality :)
Chase
@Xzenergy
Jun 15 2017 02:28
Ah, makes sense. Thank you
@penguio
Jonas Hernandez
@Jhernandez29
Jun 15 2017 02:28
it says to add class target
Episs2man
@Episs2man
Jun 15 2017 02:28
ok
Jonas Hernandez
@Jhernandez29
Jun 15 2017 02:28
but i dont understand it.
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<div class="well">
<button class="btn btn-default" class="target"></button>
<button class="btn btn-default" class="target"></button>
<button class="btn btn-default" class="target"></button>
</div>
</div>
<div class="col-xs-6">
<div class="well">
<button class="btn btn-default" id="target"></button>
<button class="btn btn-default" id="target"></button>
<button class="btn btn-default" id="target"></button>
</div>
</div>
</div>
</div>
is not taking it as i wrote it
Episs2man
@Episs2man
Jun 15 2017 02:29
How do I add it to my p style?
Michael
@acetousk
Jun 15 2017 02:29
@anyone look at my comment I'm stuck
Habitat16kc
@Habitat16kc
Jun 15 2017 02:29
@Episs2man p {
font-size: 16px; }
@Episs2man
Episs2man
@Episs2man
Jun 15 2017 02:30
Did that
Habitat16kc
@Habitat16kc
Jun 15 2017 02:31
add a space front size:(space)16px;
Stephen
@NudePotatoes
Jun 15 2017 02:31
what did I do wrong here?
<p>Click here for <a #="http://www.freecatphotoapp.com">cat photos</a>.</p>
Episs2man
@Episs2man
Jun 15 2017 02:32
ok
Still ain't working
Chinmay
@clonkified
Jun 15 2017 02:33

should be href?

"#" should be href
penguio
@penguio
Jun 15 2017 02:34
@NudePotatoes it should be View more cat photos
Stephen
@NudePotatoes
Jun 15 2017 02:34
I am supposed to replace the href with a # to make it a dead link
did I do it wrong?
penguio
@penguio
Jun 15 2017 02:34
@NudePotatoes href="#"
Stephen
@NudePotatoes
Jun 15 2017 02:34
thanks
penguio
@penguio
Jun 15 2017 02:34
whoops didn't realize you were at that part
Robert Brinkley Jr
@robertTHEbrinkley
Jun 15 2017 02:35
Can anyone tell me why my image won't show up on a mobile device?
Habitat16kc
@Habitat16kc
Jun 15 2017 02:35
@Episs2man did you get rid of the p2? <p2> Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p2> change it to just <p>
penguio
@penguio
Jun 15 2017 02:35
@robertTHEbrinkley is it mobile-responsive
DeakRDR
@DeakRDR
Jun 15 2017 02:35
how do i nest input type="text" into form?
penguio
@penguio
Jun 15 2017 02:35
@DeakRDR <form> PUT INSIDE HERE</form>
Robert Brinkley Jr
@robertTHEbrinkley
Jun 15 2017 02:35
@penguio I wrote "image-responsive" is there a difference? https://codepen.io/SonofBob/pen/mwVENM
DeakRDR
@DeakRDR
Jun 15 2017 02:36
Nest your text input element within a form element.
Make sure your form has an action attribute which is set to /submit-cat-photo
Make sure your form element has a closing tag.
challenge 33
<form action="/submit-cat-photo"></form>
Adam
@Khados
Jun 15 2017 02:37
I am currently working on making the image size smaller and what i have is
Justin Gu
@Jygu
Jun 15 2017 02:37
hey guys my h2 line of text isn't changing font
Addy
@TomatoeTime777
Jun 15 2017 02:37
@Habitat16kc thanks :smile:
CamperBot
@camperbot
Jun 15 2017 02:37
tomatoetime777 sends brownie points to @habitat16kc :sparkles: :thumbsup: :sparkles:
:cookie: 23 | @habitat16kc |http://www.freecodecamp.com/habitat16kc
Adam
@Khados
Jun 15 2017 02:38
.smaller-image { width: 100px;} is there something wrong with that?
Habitat16kc
@Habitat16kc
Jun 15 2017 02:38
@TomatoeTime777 no problem.
Justin Gu
@Jygu
Jun 15 2017 02:38
i have <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed" rel="stylesheet" type="text/css"> and h2{font-family:Open Sans Condensed;
font-size:32px;}
penguio
@penguio
Jun 15 2017 02:38
@robertTHEbrinkley it's visible but pushed extremely to the left
right i mean
Anirudh Raghuwanshi
@AnirudhRaghuwanshi
Jun 15 2017 02:40
<label><input type"radio"name="indoor-outdoor"> Indoor</label>
<label><input type"radio"name="indoor-outdoor"> Outdoor</label>
Errors : Your Page Should have two radio button elements.
Give your radio buttons the name attribute of indoor-outdoor.
Each of your two radio button elements should be nested in its own label element.
Addy
@TomatoeTime777
Jun 15 2017 02:41

Your style sheet should declare a red-text class and have its color set to red. ????

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

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

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

matthewbanther
@matthewbanther
Jun 15 2017 02:41
Its asking me to nest my text field in a form element. How would one do that?
Robert Brinkley Jr
@robertTHEbrinkley
Jun 15 2017 02:42
@penguio thank you for checking; perhaps the broser on my phone needs updating.
CamperBot
@camperbot
Jun 15 2017 02:42
robertthebrinkley sends brownie points to @penguio :sparkles: :thumbsup: :sparkles:
:cookie: 338 | @penguio |http://www.freecodecamp.com/penguio
Vojislav
@zizuzizz122
Jun 15 2017 02:42

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

pink-text {
color: pink;
}

</style>

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

Adam
@Khados
Jun 15 2017 02:42
image.png
What am I doing wrong?
Habitat16kc
@Habitat16kc
Jun 15 2017 02:42
@TomatoeTime777 Put "red-text" in parentheses
Justin Gu
@Jygu
Jun 15 2017 02:43
guys i have <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed" rel="stylesheet" type="text/css"> and h2{font-family:Open Sans Condensed;
font-size:32px;}
how is this wrong??
Habitat16kc
@Habitat16kc
Jun 15 2017 02:43
@TomatoeTime777 <h2 class="red-text">CatPhotoApp</h2>
Anirudh Raghuwanshi
@AnirudhRaghuwanshi
Jun 15 2017 02:45

<label><input type"radio"name="indoor-outdoor"> Indoor</label>
<label><input type"radio"name="indoor-outdoor"> Outdoor</label>
Errors : Your Page Should have two radio button elements.

Give your radio buttons the name attribute of indoor-outdoor.
Each of your two radio button elements should be nested in its own label element.

Somebody help me out!
penguio
@penguio
Jun 15 2017 02:45
@robertTHEbrinkley i feel like you might even have a tag that's not closed. cause your container-fluid is not working
also if you want to center your image perfectly, do this . img { display: block; margin: auto; } and get rid of your image div
NTG9
@NTG9
Jun 15 2017 02:46
Hey guys, how do I add the !important tag to a css class?
penguio
@penguio
Jun 15 2017 02:46
But i think you have an open div somewhere @robertTHEbrinkley
Justin Gu
@Jygu
Jun 15 2017 02:47
@AnirudhRaghuwanshi you forgot an =
Michael
@acetousk
Jun 15 2017 02:48
how do you link font awesome to non-freecodecamp files?
NTG9
@NTG9
Jun 15 2017 02:49
I have tried adding !important or !important; to the CSS class itself
Anirudh Raghuwanshi
@AnirudhRaghuwanshi
Jun 15 2017 02:49
Ha! My Bad. Thanks @Jygu
CamperBot
@camperbot
Jun 15 2017 02:49
anirudhraghuwanshi sends brownie points to @jygu :sparkles: :thumbsup: :sparkles:
:cookie: 119 | @jygu |http://www.freecodecamp.com/jygu
Michael
@acetousk
Jun 15 2017 02:49
@camperbot thanks
Addy
@TomatoeTime777
Jun 15 2017 02:49
@Habitat16kc thats what I did I got all of the challenges except this one. <h2 class=red-text>CatPhotoApp</h2> Right?
Michael
@acetousk
Jun 15 2017 02:50
how do you link font awesome to non-freecodecamp files?
Habitat16kc
@Habitat16kc
Jun 15 2017 02:50
@TomatoeTime777 you need to change it to look like this <h2 class="red-text">CatPhotoApp</h2>
Jason
@jpnwriter
Jun 15 2017 02:50

Can someone tell me why this isn't changing to the color blue?

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

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

Habitat16kc
@Habitat16kc
Jun 15 2017 02:50
@TomatoeTime777 where the red-text is add " "
Addy
@TomatoeTime777
Jun 15 2017 02:52
OMG. Duh. Thank you
@Habitat16kc Sorry
Adam
@Khados
Jun 15 2017 02:52
@jpnwriter You may have you add a .blue-text before the bracket
Boby Y.
@Boobsled
Jun 15 2017 02:52
helloo
Michael
@acetousk
Jun 15 2017 02:52
@jpnwriter you need to put the cat photo app in style <h2>catphotoapp</h2>
penguio
@penguio
Jun 15 2017 02:52
@jpnwriter <style> h2 {color: blue;} CatPhotoApp </style> heres your issue
Michael
@acetousk
Jun 15 2017 02:52
@Boobsled hi
Boby Y.
@Boobsled
Jun 15 2017 02:52
does anyone know whats the relevance of setting the attribute "type" to submit in one of the earlier assignments about the form
Habitat16kc
@Habitat16kc
Jun 15 2017 02:53
@TomatoeTime777 No problem :-)
penguio
@penguio
Jun 15 2017 02:53
@Boobsled so you can submit the data and send it to the server when the time comes
Boby Y.
@Boobsled
Jun 15 2017 02:54
Your submit button should have the attribute type set to submit.
Robert Brinkley Jr
@robertTHEbrinkley
Jun 15 2017 02:54
@penguio You were right I had my <div></div> closed at the top. rookie move
Boby Y.
@Boobsled
Jun 15 2017 02:54
Yea but let's say I wrote this code instead:
Jason
@jpnwriter
Jun 15 2017 02:54

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

Like that?

penguio
@penguio
Jun 15 2017 02:55
@robertTHEbrinkley a trick with that would be to use here's an example cause it's easy to lose track. <div class="container-fluid"></div><!--/.container-fluid--> i have that after all my closing div's so it's easier
Michael
@acetousk
Jun 15 2017 02:55
@jpnwriter look at my earlier comment
Jason
@jpnwriter
Jun 15 2017 02:55
Does it matter if it's on multiple lines or does the code have be on a single line?
penguio
@penguio
Jun 15 2017 02:56
@jpnwriter CatPhotoApp that should not be in your style tag
Michael
@acetousk
Jun 15 2017 02:56

@jpnwriter

<style>
h2 {color: blue;}

</style>

<h2> catphotoapp </h2>

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

Boby Y.
@Boobsled
Jun 15 2017 02:56
<form action="/URL"><button type = "lasagna"> submit</button><input type="text"></form>
what would happen then?@penguio
@penguio
Jason
@jpnwriter
Jun 15 2017 02:57
@acetousk ahhh it works! awesome thanks michael
CamperBot
@camperbot
Jun 15 2017 02:57
jpnwriter sends brownie points to @acetousk :sparkles: :thumbsup: :sparkles:
:cookie: 82 | @acetousk |http://www.freecodecamp.com/acetousk
penguio
@penguio
Jun 15 2017 02:57
@Boobsled it won't submit basically
Boby Y.
@Boobsled
Jun 15 2017 02:57
would changing "submit" to "lasagna" not make it submit
Michael
@acetousk
Jun 15 2017 02:57
thanks @jpnwriter
CamperBot
@camperbot
Jun 15 2017 02:57
acetousk sends brownie points to @jpnwriter :sparkles: :thumbsup: :sparkles:
:warning: @jpnwriter's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Addy
@TomatoeTime777
Jun 15 2017 02:57
found it .red-text. @Habitat16kc LOL :smile: :+1:
Boby Y.
@Boobsled
Jun 15 2017 02:57
okay so it's a built in function, I see!
Thanks @penguio
CamperBot
@camperbot
Jun 15 2017 02:57
boobsled sends brownie points to @penguio :sparkles: :thumbsup: :sparkles:
:cookie: 339 | @penguio |http://www.freecodecamp.com/penguio
Michael
@acetousk
Jun 15 2017 02:58
what are "brownie points?"
penguio
@penguio
Jun 15 2017 02:58
@Boobsled <button type="submit">Submit</button> would work, it's just an attribute
Boby Y.
@Boobsled
Jun 15 2017 02:59
@penguio I think I'm a bit confused on the meaning of an attribute... can you tell me what it exactly means?
penguio
@penguio
Jun 15 2017 02:59
@Boobsled well elements have a thing called attributes. let's tag the href="some-url" href is the attribute, while some-url is the value
Adam
@Khados
Jun 15 2017 03:00
image.png
Boby Y.
@Boobsled
Jun 15 2017 03:00
@penguio so in the code you sent, what would be the element?? type?
Adam
@Khados
Jun 15 2017 03:00
Can anyone help me with what i'm doing wrong>?
penguio
@penguio
Jun 15 2017 03:01
type is the attribute submit is the value
just think of it like this attribute="value" when you use it with an element.
@Khados what's your issue
Hybrid45
@Hybrid45
Jun 15 2017 03:02
what is a src attritbute that points to kitten image?
Boby Y.
@Boobsled
Jun 15 2017 03:02
@Khados Adam, you have to code in class="smaller-image"
penguio
@penguio
Jun 15 2017 03:03
@Hybrid45 <img src="point-me-at-the-kittens">
their should be a url to your left, just copy paste that in the src
Boby Y.
@Boobsled
Jun 15 2017 03:03
so it would be <img class="smaller-image">
@penguio I see, but the value has to be a defined function right?
Kaltman91
@Kaltman91
Jun 15 2017 03:04

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

CatPhotoApp</h2>

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

Boby Y.
@Boobsled
Jun 15 2017 03:05
we can't just say attribute="lasagna" without having defined lasagne previously
Kaltman91
@Kaltman91
Jun 15 2017 03:05
im really confused in adding css class
Boby Y.
@Boobsled
Jun 15 2017 03:05
@Kaltman91 hey! I think you're missing a semi colon after red
penguio
@penguio
Jun 15 2017 03:05
@Boobsled no, the type values are already set. you can only define classes and ids
Boby Y.
@Boobsled
Jun 15 2017 03:07
@Kaltman91 Also your style shouldn't be in between <h2> and </h2>
Adam
@Khados
Jun 15 2017 03:07
@Boobsled Got it thanks so much!
CamperBot
@camperbot
Jun 15 2017 03:07
khados sends brownie points to @boobsled :sparkles: :thumbsup: :sparkles:
:cookie: 40 | @boobsled |http://www.freecodecamp.com/boobsled
Boby Y.
@Boobsled
Jun 15 2017 03:08
@penguio And since "submit" is an already defined function, we can't interchangeably use it with any other work then right
@Khados You got it!
Kaltman91
@Kaltman91
Jun 15 2017 03:08
@Boobsled awesome thanks
CamperBot
@camperbot
Jun 15 2017 03:08
kaltman91 sends brownie points to @boobsled :sparkles: :thumbsup: :sparkles:
:cookie: 41 | @boobsled |http://www.freecodecamp.com/boobsled
Boby Y.
@Boobsled
Jun 15 2017 03:09
@Kaltman91 you got it boss
penguio
@penguio
Jun 15 2017 03:09
@Boobsled im confused... do you mean like rename submit, no you cant
Boby Y.
@Boobsled
Jun 15 2017 03:10
@penguio nvm... no worries
i explained what I meant poorly
Hybrid45
@Hybrid45
Jun 15 2017 03:10
<img src="https://bt.ly/fcc-relaxing-cat"alt="A cat laying upside down."> -this is my submitted code , but it says my image should have a src attribute that points to the kitten image
Stephen
@NudePotatoes
Jun 15 2017 03:10
I'm supposed to nest this input into a form, can someone tell me what I'm doing wrong here?

</ol>

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

ignore the </ol>
Boby Y.
@Boobsled
Jun 15 2017 03:11
@NudePotatoes You're missing a > after photo"
penguio
@penguio
Jun 15 2017 03:11
@Boobsled no worries
Stephen
@NudePotatoes
Jun 15 2017 03:11
oh, thanks!
it still isn't working
Boby Y.
@Boobsled
Jun 15 2017 03:12
@NudePotatoes Plz mention me Im hungry for cookies sir
Stephen
@NudePotatoes
Jun 15 2017 03:13
@Boobsled but how do I fix it? it has everything after <input highlighted
Boby Y.
@Boobsled
Jun 15 2017 03:13
<form action="/submit-cat-photo">
  <input type="text" placeholder="cat photo URL">
  <button type="submit">Submit</button>
</form>
You should always make sure you're closing <> and quotes
Robert Vickens
@M4sterM1nd
Jun 15 2017 03:13
Hi! I'm attempting to loop through an array of objects and can't seem to burrow into the object properties. Can someone assist me with what may be wrong with my code?
Stephen
@NudePotatoes
Jun 15 2017 03:14
http://prntscr.com/fjxdh9 this is exactly what I have, what am I doing wrong? I can't see what it is
Justin Gu
@Jygu
Jun 15 2017 03:15
guys i have <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed" rel="stylesheet" type="text/css"> and h2{font-family:Open Sans Condensed;
font-size:32px;}
how is this wrong????
Robert Vickens
@M4sterM1nd
Jun 15 2017 03:15
//Iterate through the array and print out:
//"You have watched + Movie title + Rating"
//"You have not watched + Movie Title + Rating"
//var i, property;
function listMovieRatings(arr){
for(var i = 0; i < arr.length; i++){
for(var property in arr[i]){
if(arr[i].property[2] === true){
console.log("You have watched " + arr[i].property[0] + " - " + arr[i].property[1] + " stars");
}
else if(arr[i].property[2] === false){
console.log("You have not watched " + arr[i].property[0] + " - " + arr[i].property[1] + " stars");
}
}
}
}
Boby Y.
@Boobsled
Jun 15 2017 03:15
@NudePotatoes You're still missing a > after photo"
Stephen
@NudePotatoes
Jun 15 2017 03:16
I got that
Habitat16kc
@Habitat16kc
Jun 15 2017 03:16
@Jygu put a space after family:
Stephen
@NudePotatoes
Jun 15 2017 03:16
but it says I don't have an action attribute set to /submit-cat-photo
would I need to replace the spaces with -'s?
Justin Gu
@Jygu
Jun 15 2017 03:17
@Habitat16kc that didn't work
Boby Y.
@Boobsled
Jun 15 2017 03:17
@NudePotatoes <form action="submit cat photo">
Stephen
@NudePotatoes
Jun 15 2017 03:17
I got it, nevermind
I needed to replace the spaces with a -
Boby Y.
@Boobsled
Jun 15 2017 03:18
what happened to line 47
Habitat16kc
@Habitat16kc
Jun 15 2017 03:18
@Jygu from the way you put it, to me it seems like you are missing spaces after family: and font-size:
Justin Gu
@Jygu
Jun 15 2017 03:19
that shouldn't matter
it worked for my <p> and h1 text
lance barisdale
@lancebar
Jun 15 2017 03:19
Anyone do challenge 139 yet? I can't figure out what I'm doing wrong
var myStr="firstLine\n\SecondLine\\rThirdLine"; // Change this line
myStr should have encoded text with the proper escape sequences and no spacing.
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 03:21
@lancebar you need to scape a backslash also
@lancebar backslash a n, you had, backslash a r, you had, backslash a \ , you didn't.
jerry
@jerrycali
Jun 15 2017 03:22
how do I give a background color to a div element? thanks
lance barisdale
@lancebar
Jun 15 2017 03:22
I do but it's not showing up
"var myStr="firstLine\n\SecondLine\\rThirdLine"; // Change this line"
hmm it's escaping it
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 03:23
where are you scaping it?
@jerrycali using css at style tags
CamperBot
@camperbot
Jun 15 2017 03:23
:bulb: to format code use backticks! ``` more info
lance barisdale
@lancebar
Jun 15 2017 03:23
when I paste it into this window it gets escaped
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 03:23
creating a class or inline, or to all elements
lance barisdale
@lancebar
Jun 15 2017 03:23
but I have to backslasshes in front of SecondLine
two
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 03:24
@lancebar then put two
saturdaylife
@saturdaylife
Jun 15 2017 03:25
how do I add a class to an image? I;m still on CSS
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> Do I insert it here?
Mirza
@mirzamehdiraza
Jun 15 2017 03:26
.smaller-image {
width= 100px;
}
Your image should be 100 pixels wide. Browser zoom should be at 100%.
Robert Vickens
@M4sterM1nd
Jun 15 2017 03:26
function listMovieRatings(arr){
    for(var i = 0; i < arr.length; i++){
        for(var property in arr[i]){
            if(arr[i].property[2] === true){
                console.log("You have watched " + arr[i].property[0] + " - " + arr[i].property[1] + " stars");
            }
            else if(arr[i].property[2] === false){
                console.log("You have not watched " + arr[i].property[0] + " - " + arr[i].property[1] + " stars");
            }
        }
    }
}
Any idea why this function may not be looping through my Array of movies?
Mohamed Amin Afeddan Zmizem
@aminki
Jun 15 2017 03:26
<img class="nameoftheclass" href="....">
Mirza
@mirzamehdiraza
Jun 15 2017 03:26
how can i make my css class "smaller-image" 100% wide?
Mohamed Amin Afeddan Zmizem
@aminki
Jun 15 2017 03:27
width: 100%;
Faith.ifeyemi
@FancyFaith
Jun 15 2017 03:27
hello everyone on board
Mohamed Amin Afeddan Zmizem
@aminki
Jun 15 2017 03:27
.smaller-image {
width: 100%;
}
Mirza
@mirzamehdiraza
Jun 15 2017 03:27
@aminki Thanks
CamperBot
@camperbot
Jun 15 2017 03:27
mirzamehdiraza sends brownie points to @aminki :sparkles: :thumbsup: :sparkles:
:cookie: 102 | @aminki |http://www.freecodecamp.com/aminki
lance barisdale
@lancebar
Jun 15 2017 03:28
''' var myStr="firstLine\n\SecondLine\\rThirdLine"; // Change this line '''
CamperBot
@camperbot
Jun 15 2017 03:28
:bulb: to format code use backticks! ``` more info
lance barisdale
@lancebar
Jun 15 2017 03:28
var myStr="firstLine\n\\SecondLine\\\rThirdLine"; // Change this line
I can't figure out what is wrong with the above line.
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 03:28
so, what the test says?
lance barisdale
@lancebar
Jun 15 2017 03:29
myStr should have encoded text with the proper escape sequences and no spacing.
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 03:29
is firstLine? or FirstLine?
check it @lancebar
lance barisdale
@lancebar
Jun 15 2017 03:29
Oh that's it! Thanks!
Thanks Nahuel
Ravi Kishore Thella
@ravikishorethella
Jun 15 2017 03:30
@mirzamehdiraza width: 100px; not width= 100px;
Stephen
@NudePotatoes
Jun 15 2017 03:33
whenever I try to type more on to this, it doesn't work... the text I'm typing just stays like this: http://prntscr.com/fjxi2a
Azam Abidjanov
@Azamabidjanov
Jun 15 2017 03:35
Hey everyone!
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 03:37
@NudePotatoes I don't get it, refresh the page if its not loading /showing well
@Azamabidjanov hello
Stephen
@NudePotatoes
Jun 15 2017 03:37
ok
Azam Abidjanov
@Azamabidjanov
Jun 15 2017 03:38
I am going through bootstrap right now and Im stuck on btn classes on grid layout. Although I completed the challenge, buttons dont look good on the phone screen on right (Last Button).
DregonDeus
@DregonDeus
Jun 15 2017 03:40
Is it just me or does the cursor on the code doesn't go where your click or appear in different spots when you try to paste?
Azam Abidjanov
@Azamabidjanov
Jun 15 2017 03:41
<div class="row">
    <div class="col-xs-4">
  <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
    </div> 
    <div class="col-xs-4">
      <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
    </div>
    <div class="col-xs-4">
      <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
    </div>
  </div>
@DregonDeus
@DregonDeus
Same issue
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 03:42
@DregonDeus try to don't paste, is better to write
Rik Marz
@rikmarz
Jun 15 2017 03:43
how many stages are there in free code camp?
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 03:43
@rikmarz you can check the map at nav var
Azam Abidjanov
@Azamabidjanov
Jun 15 2017 03:44
@DregonDeus
What I found helpful is just hit space every time you start typing and then do what you want
N0LIFEE
@N0LIFEE
Jun 15 2017 03:46
im working on the first project, how do you center bullets on a page?
Rik Marz
@rikmarz
Jun 15 2017 03:48
@NahuelOvejero so you dont know.
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 03:49
no, I don't, but you can check the progress there , there are not numerated
@rikmarz there are quite a few tho, like 400+ for sure
one are short and done in minutes, but for projects you will take hours, even days
Naveen Sharma
@Naveenbitw
Jun 15 2017 03:51

guys how can i make my h1 element orange not giving style attribute? #orange-text {color: orange;}
</style>

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

<h1 id="orange-text">

Stefan Milicevic
@spidifo
Jun 15 2017 03:52
Give your form element the id .. what to do?
Abhishek Vyas
@abhishek-vyas96
Jun 15 2017 03:52
can anyone help me out ?
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 03:52
@Naveenbitw t is good like that, but h1 is empty
Abhishek Vyas
@abhishek-vyas96
Jun 15 2017 03:53
Im at "Turn an image into a link"
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 03:53
@spidifo using the id = "idyouwanttohave" at the tag you want
@abhishek-vyas96 nest your image between <a> </a>
Stefan Milicevic
@spidifo
Jun 15 2017 03:55
thx
Mukul Agrawal
@mukul09
Jun 15 2017 03:55
@Naveenbitw you can have both id and class in same h1 element
Shayne McIlvoy
@Riouk
Jun 15 2017 03:57
Hey guys, I'm not sure why when I put my class onto my h1 element it does not recognize the class feature. can anyone help me out?
var-ela
@var-ela
Jun 15 2017 03:57

Here's how you would rewrite and emphasize the text of our heading:
$("h3").html("<em>jQuery Playground</em>");
Change the button with id target4 by emphasizing its text.
Make sure to select button id="target4" with jQuery.

This is what I have and I'm not sure whats wrong:
$("button").html("<em>#target4</em>");

Mukul Agrawal
@mukul09
Jun 15 2017 03:58
@Riouk share your code
@var-ela there should be #target4 instead of button because you have to change the text from #target4 to emphasized #target4
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 04:00
@var-ela you are targeting button object, and not #target4
var-ela
@var-ela
Jun 15 2017 04:01
Makes sense, seemed counter intuitive to add #target 4 twice at first.
thanks guys
Shayne McIlvoy
@Riouk
Jun 15 2017 04:02

@mukul09<style>
body {
background-color:black;
Font-family: Monospace;
color: green;
}
.pink-text {
color:pink;
}
</style>

<h1 class:”pink-text”>Hello World</h1>

Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 04:02
@var-ela remember, first thing you put is the target
Mukul Agrawal
@mukul09
Jun 15 2017 04:02
@Riouk class="pink-text"
@Riouk and f in Font-family should be small like font-family
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 04:03
@Riouk is not class:is class=
Shayne McIlvoy
@Riouk
Jun 15 2017 04:03
@mukul09 @NahuelOvejero Derp. thank you
CamperBot
@camperbot
Jun 15 2017 04:03
riouk sends brownie points to @mukul09 and @nahuelovejero :sparkles: :thumbsup: :sparkles:
:cookie: 448 | @mukul09 |http://www.freecodecamp.com/mukul09
:cookie: 642 | @nahuelovejero |http://www.freecodecamp.com/nahuelovejero
Mukul Agrawal
@mukul09
Jun 15 2017 04:03
@Riouk :+1:
Dan
@danimalplanet
Jun 15 2017 04:04

I'm supposed to add
.smaller-image {
width: 100px;

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

h2 {
font-family: Lobster, Monospace;
}

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

What am I doing wrong?
Naveen Sharma
@Naveenbitw
Jun 15 2017 04:05

@NahuelOvejero @mukul09 finally its done like this, #orange-text {color: orange;}
</style>

<h1 id="orange-text">

<h1 class="pink-text blue-text"> but its still blue not orange look this https://tinyurl.com/ycxsuolc

Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 04:06
@Naveenbitw like I said, the h1 you are giving the id, is empty
@Naveenbitw you should give it to the one with the class
@Naveenbitw or maybe add some text to your h1, idk
@danimalplanet What you have to do?
@danimalplanet you have a CSS class outside the style?
Naveen Sharma
@Naveenbitw
Jun 15 2017 04:07
@NahuelOvejero h1 has already it,s text "hello world" and in h1 i have given id = "orange-text">
-David Durán
@DavidDuran01
Jun 15 2017 04:08
@danimalplanet I have the same problem
Dan
@danimalplanet
Jun 15 2017 04:08
It's in the style im pretty sure. Ive moved it all over

<style>
.red-text {
color: red;
}
h2 {
font-family: Lobster, Monospace;
}

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

Still doesn't run

Mukul Agrawal
@mukul09
Jun 15 2017 04:09

@Naveenbitw add that id attribute to that h1 tah which containes the classes like

<h1 id="" class=""></h1>

Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 04:09
@Naveenbitw you can have a million h1, but id will only apply to one
@danimalplanet what the test says?
@Naveenbitw h1 is a element, not something unique, and each tag is another h1
Mukul Agrawal
@mukul09
Jun 15 2017 04:10
@danimalplanet have you added smaller-image class to <img> tag??
Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 04:11
<h1 id="hello">Hello</h1>
<h1 class="color-blue">World</h1>
<h1 class="random">!!!!</h1>
the h1 with id hello, will only target to the h1 wich contain hello. @Naveenbitw
Abhishek Vyas
@abhishek-vyas96
Jun 15 2017 04:12
@NahuelOvejero Thanks!!
CamperBot
@camperbot
Jun 15 2017 04:12
abhishek-vyas96 sends brownie points to @nahuelovejero :sparkles: :thumbsup: :sparkles:
:cookie: 643 | @nahuelovejero |http://www.freecodecamp.com/nahuelovejero
Dan
@danimalplanet
Jun 15 2017 04:12
Ah, yes I need to add th smaller-image class to the img @mukul09
Aditya
@adichouhan
Jun 15 2017 04:13

//Setup
var contacts = [
{
"firstName": "Akira",
"lastName": "Laine",
"number": "0543236543",
"likes": ["Pizza", "Coding", "Brownie Points"]
},
{
"firstName": "Harry",
"lastName": "Potter",
"number": "0994372684",
"likes": ["Hogwarts", "Magic", "Hagrid"]
},
{
"firstName": "Sherlock",
"lastName": "Holmes",
"number": "0487345643",
"likes": ["Intriguing Cases", "Violin"]
},
{
"firstName": "Kristian",
"lastName": "Vos",
"number": "unknown",
"likes": ["Javascript", "Gaming", "Foxes"]
}
];

function lookUpProfile(firstName, prop){
// Only change code below this line
for(var i=0; i<=contacts.length; i++){
if(firstName==contacts[i].firstName){
if(contacts[i].prop==prop){
return contacts[i].prop;
}else{
return "No such property";
}
}else{
return "No such contact";
}
}
// Only change code above this line
}

// Change these values to test your function
lookUpProfile("Akira", "number");
whats wrong with my code

Nahuel Ovejero
@NahuelOvejero
Jun 15 2017 04:14
@adichouhan you need to check if the property is own by the object using .hasOwnProperty
@adichouhan the excercise states that
Naveen Sharma
@Naveenbitw
Jun 15 2017 04:14
finally it,s done guys @mukul09 @NahuelOvejero thanks for the help
CamperBot
@camperbot
Jun 15 2017 04:14
naveenbitw sends brownie points to @mukul09 and @nahuelovejero :sparkles: :thumbsup: :sparkles:
:cookie: 449 | @mukul09 |http://www.freecodecamp.com/mukul09
:cookie: 644 | @nahuelovejero |http://www.freecodecamp.com/nahuelovejero
<