These are chat archives for FreeCodeCamp/Help

28th
Feb 2017
Niklas Dubbelmann
@niklasdubbelmann
Feb 28 2017 00:00
@CJXXVll use an element like: width: 50px; and height: 50px; in your style css sheet
fangstar
@fangstar
Feb 28 2017 00:01
@niklasdubbelmann it looks right. maybe something else like potos spelled wrong?
Niklas Dubbelmann
@niklasdubbelmann
Feb 28 2017 00:03
@fangstar changed it sorry for that mistake :smile: but i cannot continue
Leleon65
@Leleon65
Feb 28 2017 00:03
I'm having trouble giving a background color to a div element. I have. <div>
.silver-background {
background-color: silver;
}
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
</div>
fangstar
@fangstar
Feb 28 2017 00:05
@niklasdubbelmann hmm is there a space between more and <a
__mifflin__
@cdrainxv
Feb 28 2017 00:06

@Leleon65: This:

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

Is CSS … it should only be in your style tags.


You also need to add the class attribute with a value of silver-background to your div element.

Niklas Dubbelmann
@niklasdubbelmann
Feb 28 2017 00:08
@fangstar yes and I tryed removing it but it didn't change anything
@fangstar well it changed someting but i can still not continue :worried:
fangstar
@fangstar
Feb 28 2017 00:11
@niklasdubbelmann I'd guess the problem is somewhere else then and not that line
Niklas Dubbelmann
@niklasdubbelmann
Feb 28 2017 00:12
@fangstar should I try to restart browser or reload site and write it new?
Jakumozo
@Jakumozo
Feb 28 2017 00:13
Could someone please have a look at the code? I cannot get the geoposition
$(document).ready(function(){
  navigator.geolocation.getCurrentPosition(function(position){
      console.log(position);
  })
})
Carson Michael
@Carson2003
Feb 28 2017 00:21
My navbar's home button is always a certain color, how do I change it
David
@Golko
Feb 28 2017 00:22
try giving it a class and changing the background color in css
Royalgriffin
@Royalgriffin
Feb 28 2017 00:23
?
How do i use this
Andrew Shieh
@andrewlikes
Feb 28 2017 00:23
?
Carson Michael
@Carson2003
Feb 28 2017 00:25
my navbar's home buton is always a certain color, how do i change it
Jakumozo
@Jakumozo
Feb 28 2017 00:25
@Carson2003 if you want it to change color when your mouse is on it, you may use
.yourclass:hover {
background-color: #color;
}
Royalgriffin
@Royalgriffin
Feb 28 2017 00:25
I am stuck on a problem involving CSS anyone know anything? I did all the other steps correctly
Carson Michael
@Carson2003
Feb 28 2017 00:26
No i know that it is always that color and i dont know how to change it
It is bootstrap
Manish Giri
@Manish-Giri
Feb 28 2017 00:26
@Carson2003 you can give it an ID and define a color
that will change it
Jakumozo
@Jakumozo
Feb 28 2017 00:26
use id to your button
ArchivalBoat50
@ArchivalBoat50
Feb 28 2017 00:27
I need help with GitHub
How do you create a page on GitHub?
Royalgriffin
@Royalgriffin
Feb 28 2017 00:28
<style>
fangstar
@fangstar
Feb 28 2017 00:28
@ArchivalBoat50 you don't usually. that's not what it's intended for
Royalgriffin
@Royalgriffin
Feb 28 2017 00:28
I have everything correct except the final step
Ernest Belen
@ernesttivann
Feb 28 2017 00:29

how do i nest all of our HTML in a div element with the class container-fluid?

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>

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

Carson Michael
@Carson2003
Feb 28 2017 00:29
Thank you @Manish-Giri and @Jakumozo
CamperBot
@camperbot
Feb 28 2017 00:29
carson2003 sends brownie points to @manish-giri and @jakumozo :sparkles: :thumbsup: :sparkles:
:cookie: 268 | @jakumozo |http://www.freecodecamp.com/jakumozo
:star2: 4488 | @manish-giri |http://www.freecodecamp.com/manish-giri
Niichie
@Niichie
Feb 28 2017 00:29

@andrewlikes

what is all this lol

That's the css I had to use to make the shadows appear to give the white text a black outline.

Royalgriffin
@Royalgriffin
Feb 28 2017 00:29
Anyone know anything?
Andrew Shieh
@andrewlikes
Feb 28 2017 00:30
@Niichie ah interesting
David
@Golko
Feb 28 2017 00:30
@Royalgriffin you start a new project and create a repository
Andrew Shieh
@andrewlikes
Feb 28 2017 00:31
You mean @ArchivalBoat50
Royalgriffin
@Royalgriffin
Feb 28 2017 00:32
@David everything is checked green except
Make sure all your style elements are valid and have a closing tag.
ArchivalBoat50
@ArchivalBoat50
Feb 28 2017 00:32
@andrewlikes Hm?
Timothy Nwachukwu
@codertim17
Feb 28 2017 00:34
my anchor element with my anchor text is not running on the challenge it still tells me I need an a element that links to http://freecatphotoapp.com
this is what I have soo far

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

<p 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>
<a> http://freecatphotoapp.com<p>cat photos </p> </a>

rcdonah
@rcdonah
Feb 28 2017 00:35

Hello all. Would you be able to advise me on why I keep getting “SyntaxError: Unexpected end of output” when trying to submit the code for Trigger Click Events with jQuery (first lesson under Jason APIs and AJAX). It is my understanding that only one line of code is to be added on line 5 for this exercise:

$("#getMessage").on("click", function(){

Carson Michael
@Carson2003
Feb 28 2017 00:35
can someone tell me why my div is above the nav bar here http://codepen.io/Carson--2003/pen/KWpPLj
fangstar
@fangstar
Feb 28 2017 00:35
@codertim17 you missing the href in the <a href
Corvell Hassell
@vellhassell
Feb 28 2017 00:37
can someone help me with my radio buttons please?
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
<label input type="radio" name="Indoor">Indoor</label>
<label input type="Outdoor"></label>
</form>
Timothy Nwachukwu
@codertim17
Feb 28 2017 00:39
@fangstar thanks
CamperBot
@camperbot
Feb 28 2017 00:39
codertim17 sends brownie points to @fangstar :sparkles: :thumbsup: :sparkles:
:cookie: 35 | @fangstar |http://www.freecodecamp.com/fangstar
Jakumozo
@Jakumozo
Feb 28 2017 00:40
@rcdonah do you have it like ?
$("#getMessage").on("click", function(){
your code
});
fangstar
@fangstar
Feb 28 2017 00:40
@vellhassell the input type is wrong for outdoor
rcdonah
@rcdonah
Feb 28 2017 00:41
// Only change code below this line.
$("#getMessage").on("click", function(){
// Only change code above this line.
});
Corvell Hassell
@vellhassell
Feb 28 2017 00:41
thanks @fangstar
CamperBot
@camperbot
Feb 28 2017 00:41
vellhassell sends brownie points to @fangstar :sparkles: :thumbsup: :sparkles:
:cookie: 38 | @fangstar |http://www.freecodecamp.com/fangstar
rcdonah
@rcdonah
Feb 28 2017 00:42
yes, i only added that one line of code - the rest was already there
Carson Michael
@Carson2003
Feb 28 2017 00:43
can someone tell me why my div is above my nav bar when in the code it is below
Jakumozo
@Jakumozo
Feb 28 2017 00:43
@rcdonah , you should carefully watch what bracket relates to which function
rcdonah
@rcdonah
Feb 28 2017 00:44
thank you very much @Jakumozo !
CamperBot
@camperbot
Feb 28 2017 00:44
rcdonah sends brownie points to @jakumozo :sparkles: :thumbsup: :sparkles:
:cookie: 269 | @jakumozo |http://www.freecodecamp.com/jakumozo
Zach
@virus200
Feb 28 2017 00:44
I restarted my tribute project because I was having to many issues with the code I originally wrote. What do you guys think of version 2.0 http://codepen.io/Virus200/pen/EWjBoZ
idk why my stuff always screws up viewing it on here

looks fine on codepen
....
fml
Carson Michael
@Carson2003
Feb 28 2017 00:45
@virus200 you should make it more responsive
the image for example
Zach
@virus200
Feb 28 2017 00:46
@Carson2003 <img src="https://lh3.googleusercontent.com/lviuiKeKp3sfoMWnVyxkkM6WFvetT7XOMwH0qoZMDRmLChh_skg" class="img-responsive center-block" alt="Elon Musk portrait"> this is my image code my responsive class isn't working idk why
Jen Nelson
@Pinnkky
Feb 28 2017 00:46
I'm having a little trouble trying to figure out where to place the i element inside of my like button. Any pointers?
<button class="btn btn-block btn-primary"><i class="fa fa-info-circle"</i>Like</button>
Carson Michael
@Carson2003
Feb 28 2017 00:46
give it the class img fluid
img-fluid
gtbama0813
@gtbama0813
Feb 28 2017 00:47
hey guys, I am doing one of the challenges where I am changing an href to a # to make my link dead; however, the program wont proceed. I checked to make sure yhe link is dead, not sure what else to do.
Zach
@virus200
Feb 28 2017 00:47
@Carson2003 changed img-responsive to img-fluid and it did nothing
Carson Michael
@Carson2003
Feb 28 2017 00:48
@virus200 copy and paste it again
into here
Zach
@virus200
Feb 28 2017 00:48
my image code or the codepen link
Carson Michael
@Carson2003
Feb 28 2017 00:48
codepen
Carson Michael
@Carson2003
Feb 28 2017 00:49
It looks fine now
did you click run
Zach
@virus200
Feb 28 2017 00:49
weird it just doesn't look any different on the codepen site
yea
Carson Michael
@Carson2003
Feb 28 2017 00:50
refresh your page
Zach
@virus200
Feb 28 2017 00:50
it still doesn't do anything responsive like the image stays the same size
Carson Michael
@Carson2003
Feb 28 2017 00:51
change the veiw to full page\
brookeicher
@brookeicher
Feb 28 2017 00:51
how do I make my p element red
Zach
@virus200
Feb 28 2017 00:51
no difference
I'm finding codepen very inconsistent with how it displays content between posting it here and viewing it on the website
its irritating
i can't find out whats supposed to be accurate
Manish Giri
@Manish-Giri
Feb 28 2017 00:52
@brookeicher what challenge are you on
Carson Michael
@Carson2003
Feb 28 2017 00:52
@brookeicher give it a class red-text then in your css put your class into it and give it this color:red;
Zach
@virus200
Feb 28 2017 00:53
@brookeicher <p style="color: red"> </p>
Carson Michael
@Carson2003
Feb 28 2017 00:53
@virus200 i agree
brookeicher
@brookeicher
Feb 28 2017 00:53
thank guys
ill see if it works
Zach
@virus200
Feb 28 2017 00:53
@Carson2003 agree about the inconsistency?
Carson Michael
@Carson2003
Feb 28 2017 00:53
yes
Zach
@virus200
Feb 28 2017 00:54
glad its not just me
I love the idea of code pen i just wish it would quit jerking me around with this code
Amit Patel
@AmitP88
Feb 28 2017 00:54
hey guys, I'm creating my own mobile game for the first time. I'm primarily skilled in front end dev, but I wanna give this a shot. I eventually want to launch this on the Google Play Store. my question is, should I create my own graphic assets, or should I use free ones?
IntricateGaming
@IntricateGaming
Feb 28 2017 01:00
Which of the courses on here is best for learning how to code games?
Royalgriffin
@Royalgriffin
Feb 28 2017 01:00

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

<h2>CatPhotoApp</h2>

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

Manish Giri
@Manish-Giri
Feb 28 2017 01:01
I don't think there are gaming courses here
IntricateGaming
@IntricateGaming
Feb 28 2017 01:01
oh ok
Manish Giri
@Manish-Giri
Feb 28 2017 01:01
@Royalgriffin lowercase the s
Royalgriffin
@Royalgriffin
Feb 28 2017 01:01
Not sure how it is incomplete
Ok
Thanks
Christopher List
@christopherlist
Feb 28 2017 01:03
@diomed just was your mention and yes. I didn't build it but its my company.
anyone use codeine pro?
Manish Giri
@Manish-Giri
Feb 28 2017 01:04
i do
Eric Leung
@erictleung
Feb 28 2017 01:05
@IntricateGaming you can check out this for a start if you want to do web browser kind of games https://developer.mozilla.org/en-US/docs/Games
coder4L1
@coder4L1
Feb 28 2017 01:05
Hello all! It is telling me "Between the Style tags, give the p elements a font-size of 16px." Anyone know how to?
anyone mind showing me where i'm messing up on this. my api looks great and i'm using the code from the lesson on freecodecamp, which worked great. but I'm just not getting any results.
Manish Giri
@Manish-Giri
Feb 28 2017 01:11
@cubbeye88 works for me
32.png
cubbeye88
@cubbeye88
Feb 28 2017 01:12
could it be my brower settings maybe?
Elijah
@eli555809
Feb 28 2017 01:12
<p>Click here for <a href="http://www.freecatphotoapp.com">cat photos</a>.</p> how do i make this a dead link using #?
Christopher List
@christopherlist
Feb 28 2017 01:13
replace the url with # @eli555809
Ned478
@Ned478
Feb 28 2017 01:13
Hey! I've been having some troubles with Css image backgrounds. I dont understand if the url for the photo has to be a saved image or if it can be off of the internet. Any help?
Gulsvi
@gulsvi
Feb 28 2017 01:16
@Ned478 It has to be from the internet if you're using codepen
drewwzzy
@drewwzzy
Feb 28 2017 01:17
whewww I must say this tribute page lesson is intimidating
Manish Giri
@Manish-Giri
Feb 28 2017 01:17
O.o
Gulsvi
@gulsvi
Feb 28 2017 01:18
@cubbeye88 No, everyone hits this problem. navigator.geolocation only works over HTTPS on some browsers and openweathermap only works over HTTP. Need to use a different way to get location or a different Weather API.
Royalgriffin
@Royalgriffin
Feb 28 2017 01:21

<style>
.red-text {
color: red;
}
</style>
h2 class="red-text">CatPhotoApp</h2>

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

Ned478
@Ned478
Feb 28 2017 01:21
@SkyCoder01 I'm using repl.it for coding. Know much about that?
Gulsvi
@gulsvi
Feb 28 2017 01:22
@Ned478 You'll need to use an image from the internet for that. You can upload an image to https://postimage.io and get a link to use
Royalgriffin
@Royalgriffin
Feb 28 2017 01:23
Anyone know anything about the above?
Gulsvi
@gulsvi
Feb 28 2017 01:23
@Royalgriffin I think you're missing a < before h2
Jakumozo
@Jakumozo
Feb 28 2017 01:24
@SkyCoder01 what are the other ways to get location? :)
Royalgriffin
@Royalgriffin
Feb 28 2017 01:24
Let me try it out thanks
Gulsvi
@gulsvi
Feb 28 2017 01:26
@Jakumozo I used https://ipinfo.io/json :)
Royalgriffin
@Royalgriffin
Feb 28 2017 01:26
It helped but now it says "your h2 element should be red"

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

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

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

Jakumozo
@Jakumozo
Feb 28 2017 01:28
@SkyCoder01 as always many thanks!
CamperBot
@camperbot
Feb 28 2017 01:28
jakumozo sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:cookie: 368 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Gulsvi
@gulsvi
Feb 28 2017 01:29
@Royalgriffin If it's this challenge, I copy/pasted your code and it worked for me :/ https://www.freecodecamp.com/challenges/use-a-css-class-to-style-an-element
Maybe try the reset button and paste it back in?
Amit Patel
@AmitP88
Feb 28 2017 01:30
Hey guys, I'm planning on creating my own mobile game app similar to candy crush, but with more of an rpg adventure game element to it. Since i'm primarily trained in front end dev, should I try to create my own game graphics or should I use free stock graphics found online for my game?
Manish Giri
@Manish-Giri
Feb 28 2017 01:32
@AmitP88 try asking in the main room
Amit Patel
@AmitP88
Feb 28 2017 01:32
@Manish-Giri will do, thank you
CamperBot
@camperbot
Feb 28 2017 01:32
amitp88 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4489 | @manish-giri |http://www.freecodecamp.com/manish-giri
Jen Nelson
@Pinnkky
Feb 28 2017 01:34
Can someone please help me with this. Ive tried everything I can think of trying to place this icon <div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-info-circle">
</i>Like</button>
</div>
Alexander Køpke
@alexanderkopke
Feb 28 2017 01:36
@Pinnkky what does the error message say?
Jen Nelson
@Pinnkky
Feb 28 2017 01:36
Add an i element with the classes fa and fa-thumbs-up.
Your fa-thumbs-up icon should be located within the Like button.
Alexander Køpke
@alexanderkopke
Feb 28 2017 01:37
@Pinnkky ok seems you have fa-info-circle instead of fa-thumbs-up
Jen Nelson
@Pinnkky
Feb 28 2017 01:38
Yep time for me to get some sleep. TY @alexanderkopke
CamperBot
@camperbot
Feb 28 2017 01:38
pinnkky sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star2: 1135 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
Alexander Køpke
@alexanderkopke
Feb 28 2017 01:38
np sleep well
Gilbertpolanco
@Gilbertpolanco
Feb 28 2017 01:50
<script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addclass("shake");
$("#target1").addClass("btn-primary");

});
</script>
help pls?
Use the $("button") selector.
Use the $(".btn") selector.
Use the $("#target1") selector.
Only add one class with each of your three selectors.
Your #target1 element should have the classes animated‚ shake and btn-primary.
hello by the way
Manish Giri
@Manish-Giri
Feb 28 2017 01:51
@Gilbertpolanco uppercase C
Gilbertpolanco
@Gilbertpolanco
Feb 28 2017 01:54
haha. you are amazing
thank you
tyxpow
@tyxpow
Feb 28 2017 01:55
how do I italicize in html?
Digitaldecimator
@Digitaldecimator
Feb 28 2017 02:00
Okay, I am having trouble putting an icon element within a button element. Where within the button element does this go?
Do I have to anchor it?
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 02:01
Hey, i'm a beginner and it says this and dont really understand it
rcdonah
@rcdonah
Feb 28 2017 02:01
<em></em> (italics)
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 02:01
Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.
I have to do it in <p>
<pkitty ispum text></p>
How do I fix it?
Digitaldecimator
@Digitaldecimator
Feb 28 2017 02:03
@GoogleOrMicrosoft Put the text between your <p></p> tags like so <p>Kitty Ipsum</p>
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 02:04
Yeah I got it thx
Digitaldecimator
@Digitaldecimator
Feb 28 2017 02:04
@GoogleOrMicrosoft
NP
dwex36
@dwex36
Feb 28 2017 02:11
Hi guys. I was having a problem with how to make a button with Bootstrap. Can someone send an example pls?
never mind i got it
cabreu12
@cabreu12
Feb 28 2017 02:14

Hello guys im struggling with the un bulleted un ordered exercise. it says im missing my u1 elements, and three missing li....

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

<u1>
<li>touch</li>
<li>feet</li>
<li>hair</li>
</u1>

mitron6
@mitron6
Feb 28 2017 02:17
@cabreu12 Are you using u1(u one) instead of ul (u ell)?
cabreu12
@cabreu12
Feb 28 2017 02:17
pahahah lmao that was it @mitron6 thanks
CamperBot
@camperbot
Feb 28 2017 02:17
cabreu12 sends brownie points to @mitron6 :sparkles: :thumbsup: :sparkles:
:cookie: 535 | @mitron6 |http://www.freecodecamp.com/mitron6
ydelbys
@ydelbys
Feb 28 2017 02:18
Hello everybody!!! i have an error that i can´t find. I have this instruction that i can´t do. Create a script element making sure it is valid and has a closing tag.
And this is my code script {
$(document).ready(function() {
});
}
mitron6
@mitron6
Feb 28 2017 02:18
@dwex36 oh nevermind my link.
@ydelbys What is the name of this exercise if it is an FCC exercise?
ydelbys
@ydelbys
Feb 28 2017 02:19
@mitron6 Learn how Script Tags and Document Ready Work
Chris Jantzen
@XXiphias
Feb 28 2017 02:20
@ydelbys you're missing some closing tags. You need a closing );
to close the ready( portion
James Scott
@scottj1426
Feb 28 2017 02:21
Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide. having any issue with this
Caleb Brenner
@cwborion
Feb 28 2017 02:21

I have an <img> in a <p> element. I cannot figure out how to pad the image's left side so that all of the text in the <p> is kept at the same distance as the initial padding of the whole <p> element. should I have not nexted the <img> in the <p> element? when I change the padding of the <img> it warps the picture.

http://codepen.io/Calebwill91/pen/ggENbG

cabreu12
@cabreu12
Feb 28 2017 02:21
any other website you should check out if youre new to coding besides w3schools?
mitron6
@mitron6
Feb 28 2017 02:22
@ydelbys <script>$(document)... </script>
ydelbys
@ydelbys
Feb 28 2017 02:24
oh yes!!!! thanks @mitron6
CamperBot
@camperbot
Feb 28 2017 02:24
:cookie: 536 | @mitron6 |http://www.freecodecamp.com/mitron6
ydelbys sends brownie points to @mitron6 :sparkles: :thumbsup: :sparkles:
mitron6
@mitron6
Feb 28 2017 02:24
@XXiphias I think the parens are matched on @ydelbys problem.
@ydelbys Hooray!
Elijah
@eli555809
Feb 28 2017 02:25
<p>Click here for <a #="http://www.freecatphotoapp.com">cat photos</a>.</p>
mitron6
@mitron6
Feb 28 2017 02:25
@ydelbys The word tag usually means something in angle brackets.
Elijah
@eli555809
Feb 28 2017 02:25
did i do this wrong
mitron6
@mitron6
Feb 28 2017 02:25
@eli555809 Yes. use the exact wording in the instruction with the exact spacing.
ydelbys
@ydelbys
Feb 28 2017 02:26
ok!! i see it thanks again @mitron6
CamperBot
@camperbot
Feb 28 2017 02:26
ydelbys sends brownie points to @mitron6 :sparkles: :thumbsup: :sparkles:
:warning: ydelbys already gave mitron6 points
brookeicher
@brookeicher
Feb 28 2017 02:26
hey guys I am on lesson style multiple elements with a css class an it is saying my lesson should be red and your p element should have the class red-text but I can't get it to work
Manish Giri
@Manish-Giri
Feb 28 2017 02:27
@brookeicher show your code?
brookeicher
@brookeicher
Feb 28 2017 02:27
<style>
Anh Nguyen
@tiremon112
Feb 28 2017 02:27
@Manish-Giri I just google you on google you are top 2 manish gigri
:laughing:
Manish Giri
@Manish-Giri
Feb 28 2017 02:27
lel
haha
:trollface:
Anh Nguyen
@tiremon112
Feb 28 2017 02:28
:trollface:
brookeicher
@brookeicher
Feb 28 2017 02:28
oops didn't mean to just submit just \ style lol it won't let me copy it
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 02:28
<img src="<img src="https://www.your-image-source.com/your-image.jpg"alt="Author standing on a beach with two thumbs up. >
Help pls?
brookeicher
@brookeicher
Feb 28 2017 02:29

.

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

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

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

cant figure out how to make my element p red and elemtn p have class red-text?
Manish Giri
@Manish-Giri
Feb 28 2017 02:29
@brookeicher this needs to have the class too
<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>
like the h2 - <h2 class="red-text">CatPhotoApp</h2>
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 02:30
<style>
.red-text {
color: red;
} Add a space?
Mike Boardley
@Boardley
Feb 28 2017 02:30
@brookeicher
<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>
tyxpow
@tyxpow
Feb 28 2017 02:32
how do i center a box on an html?
Mike Boardley
@Boardley
Feb 28 2017 02:33
@ydelbys
<script>
$(document).ready(function() {
});
</script>
brookeicher
@brookeicher
Feb 28 2017 02:33
thanks! @Boardley it worked
CamperBot
@camperbot
Feb 28 2017 02:33
brookeicher sends brownie points to @boardley :sparkles: :thumbsup: :sparkles:
:cookie: 311 | @boardley |http://www.freecodecamp.com/boardley
Mike Boardley
@Boardley
Feb 28 2017 02:33
@brookeicher - NP
Zach
@virus200
Feb 28 2017 02:34
I finally think I finished my tribute page and I'm pooped. Feedback appreciated! http://codepen.io/Virus200/pen/EWjBoZ
atjuch
@atjuch
Feb 28 2017 02:34
<h2 class="red-text" family="Lobster">CatPhotoApp</h2>
<h2 class="red-text" font-family="Lobster">CatPhotoApp</h2>
<h2 class="red-text" font-family="Lobster">CatPhotoApp</h2>
Manish Giri
@Manish-Giri
Feb 28 2017 02:35
@atjuch it goes in the style tags
William Reynolds
@snaketooth10k
Feb 28 2017 02:35
Hey all. I’ve been working on the frontend coding challenges, and I’m having a little trouble with codepen. It seems that the bootstrap column offsets are not working. Anyone have any idea why this might be?
Manish Giri
@Manish-Giri
Feb 28 2017 02:35
not on the element
ydelbys
@ydelbys
Feb 28 2017 02:35
@Boardley yes!!! Ready!! thanks
CamperBot
@camperbot
Feb 28 2017 02:35
ydelbys sends brownie points to @boardley :sparkles: :thumbsup: :sparkles:
:cookie: 312 | @boardley |http://www.freecodecamp.com/boardley
Manish Giri
@Manish-Giri
Feb 28 2017 02:35
@snaketooth10k try to use bootstrap v3.3.7
Mike Boardley
@Boardley
Feb 28 2017 02:35
@ydelbys - Good job. You can do it!
Manish Giri
@Manish-Giri
Feb 28 2017 02:36
the default codepen version links to v4
@snaketooth10k
William Reynolds
@snaketooth10k
Feb 28 2017 02:36
Ahhhhh. Is there an analogous class in v4?
Thanks, btw @Manish-Giri
CamperBot
@camperbot
Feb 28 2017 02:36
snaketooth10k sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4490 | @manish-giri |http://www.freecodecamp.com/manish-giri
mitron6
@mitron6
Feb 28 2017 02:36
@Manish-Giri What is the easiest way to fix the bootstrap version, I've been inserting link element under head setting.
Manish Giri
@Manish-Giri
Feb 28 2017 02:36
read the docs, there should be
Michael Grinshpun
@MGrinshpun
Feb 28 2017 02:36
<style>
h2 {color: blue;}
</style>
what am i missing here
should these all be on the same line
Manish Giri
@Manish-Giri
Feb 28 2017 02:37
@mitron6 you can make a template in codepen with the 3.3.7 version (in either the head tags or through quickadd). Then every time you make a new pen, select it from the template..
that way you don't have to swap v4 with v3.3.7 each time..
@MGrinshpun show the rest of your code..
William Reynolds
@snaketooth10k
Feb 28 2017 02:37
@Manish-Giri it turns out the v4 class is .offset-xx-*
Manish Giri
@Manish-Giri
Feb 28 2017 02:38
@snaketooth10k okay
William Reynolds
@snaketooth10k
Feb 28 2017 02:38
Thank you once again!
Michael Grinshpun
@MGrinshpun
Feb 28 2017 02:38

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

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

trying to switch it to css
Manish Giri
@Manish-Giri
Feb 28 2017 02:38
there's no h2 element in the html
Luis Arellano
@tleasbc
Feb 28 2017 02:38
What is Data Visualization?
AndyPalamba
@AndyPalamba
Feb 28 2017 02:38
Guys, i'am new at programming code so someone tell me please what i have to do with this
<h1>Hello</h1>
mitron6
@mitron6
Feb 28 2017 02:39
@Manish-Giri Got it. Thanks.
CamperBot
@camperbot
Feb 28 2017 02:39
mitron6 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4491 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Feb 28 2017 02:39
@AndyPalamba what do the instructions say?
AndyPalamba
@AndyPalamba
Feb 28 2017 02:39

Note that the only difference between opening tags and closing tags is that closing tags have a slash after their opening angle bracket.

Each challenge has tests that you can run at any time by clicking the "Run tests" button. Once you get all tests passing, you can advance to the next challenge.

To pass the test on this challenge, change your h1 element's text to say "Hello World" instead of "Hello". Then click the "Run tests" button.

Manish Giri
@Manish-Giri
Feb 28 2017 02:40
To pass the test on this challenge, change your h1 element's text to say "Hello World" instead of "Hello"
you didn't do this
@mitron6 welcome
Miguel-Castrejon
@Miguel-Castrejon
Feb 28 2017 02:40
It should be changed to <h1>Hello World</h1>. @AndyPalamba Just click inside and add the word "World".
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 02:41

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

Can you help withthe smaller image part
Manish Giri
@Manish-Giri
Feb 28 2017 02:41
@GoogleOrMicrosoft <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
you need to add the smaller-image class there
Ryan
@Sm1tty33
Feb 28 2017 02:41
Can someone hep me?
help
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 02:41
where iinside
Manish Giri
@Manish-Giri
Feb 28 2017 02:41
like the way it s here <h2 class="red-text">CatPhotoApp</h2>
Ryan
@Sm1tty33
Feb 28 2017 02:42
I'm on where you comment in html and it says to delete all the trailing comment tags what does that mean?
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 02:42
ah ok thx
AndyPalamba
@AndyPalamba
Feb 28 2017 02:42
Thank You It work ...
Miguel-Castrejon
@Miguel-Castrejon
Feb 28 2017 02:42
Delete !<-- and -->
Ryan
@Sm1tty33
Feb 28 2017 02:42
okay thanks
ydelbys
@ydelbys
Feb 28 2017 02:44
oh oh, i am in lesson Target Elements by Class Using jQuery. And i don´t remember how to select the button :worried:
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 02:44
<img .smaller-image{ width: 100px } src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
help
Miguel-Castrejon
@Miguel-Castrejon
Feb 28 2017 02:44
$("button") @ydelbys
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 02:44
?
Chris Jantzen
@XXiphias
Feb 28 2017 02:44
Could someone test this beta exercise out for me? I cannot pass the last test although im fairly positive I should. https://beta.freecodecamp.com/en/challenges/basic-javascript/global-scope-and-functions
ydelbys
@ydelbys
Feb 28 2017 02:45
@Miguel-Castrejon where?
Miguel-Castrejon
@Miguel-Castrejon
Feb 28 2017 02:45
@ydelbys Inside your script tag, and then inside your $document.ready(function{]);
@GoogleOrMicrosoft delete .smaller-image{ width: 100px } from there, and just keep it inside your <style> tags.
Mike Boardley
@Boardley
Feb 28 2017 02:46
@ydelbys
$(document).ready(function(){
$('button')
}):
ydelbys
@ydelbys
Feb 28 2017 02:46

@Miguel-Castrejon this is ready

<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
});
</script>

Miguel-Castrejon
@Miguel-Castrejon
Feb 28 2017 02:46
@GoogleOrMicrosoft after that go inside your <img> tag and add class="smaller-image"
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 02:47
<h2 class="red-text">CatPhotoApp</h2>
<img .smaller-image{ width: 100px }src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
pls help with smaller image
Mike Boardley
@Boardley
Feb 28 2017 02:47
@ydelbys - That looks like it should work
Manish Giri
@Manish-Giri
Feb 28 2017 02:47
@GoogleOrMicrosoft how did you add the class here? <h2 class="red-text">CatPhotoApp</h2>
does it have any of color: red?
it only has the class name red-text
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 02:48
ahhh
ok thx
ydelbys
@ydelbys
Feb 28 2017 02:48
this is what is missing @Boardley
Use the jQuery addClass() function to give the classes animated and shake to all your elements with the class well.
Miguel-Castrejon
@Miguel-Castrejon
Feb 28 2017 02:48
@GoogleOrMicrosoft <img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Manish Giri
@Manish-Giri
Feb 28 2017 02:48
@ydelbys can you post what code you have?
@Miguel-Castrejon pls don't post answers.
ydelbys
@ydelbys
Feb 28 2017 02:48

<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
$("button");
});
</script>

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

Miguel-Castrejon
@Miguel-Castrejon
Feb 28 2017 02:49
@ydelbys Select your well class with $("") and then add the classes animated and shake.
Manish Giri
@Manish-Giri
Feb 28 2017 02:49
@ydelbys well, you added the classes animated and bounce to the button selector here
$("button").addClass("animated bounce");
similarly, select the well class
Mike Boardley
@Boardley
Feb 28 2017 02:49
@ydelbys
<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
$(".well").addclass("shake");
});
</script>
__mifflin__
@cdrainxv
Feb 28 2017 02:49

addClass

Manish Giri
@Manish-Giri
Feb 28 2017 02:50
@Boardley could you quit posting answers?
Mike Boardley
@Boardley
Feb 28 2017 02:50
@Manish-Giri - Sorry
I'm out
Osha Johnson
@osha211
Feb 28 2017 02:50

Hi guys I'm stuck on the smaller-image can someone please help

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

Manish Giri
@Manish-Giri
Feb 28 2017 02:51
@cdrainxv go post something
Anh Nguyen
@tiremon112
Feb 28 2017 02:51

Manish you know how to do this ?
Calculate the moment when someone has lived for 10^9 seconds.

A gigasecond is 10^9 (1,000,000,000) seconds.

Manish Giri
@Manish-Giri
Feb 28 2017 02:51
O.o
wow
Anh Nguyen
@tiremon112
Feb 28 2017 02:52
:shipit:
question in C#, hint in ruby
:-1:
Caleb Brenner
@cwborion
Feb 28 2017 02:54

can anyone tell me why I can only affect the margins of my <p> element but when I change the margins of the <img> in the p element it warps the image?

http://codepen.io/Calebwill91/pen/ggENbG

GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 02:54
class="smaller-image" have this part how to add the widht
width*
Anh Nguyen
@tiremon112
Feb 28 2017 02:55
@Manish-Giri maybe Use for loop would work ha
Vizij
@Vizij
Feb 28 2017 02:56
@GoogleOrMicrosoft You have to add the class declaration in the <style> tags. Reference the .red-text class that's already there. It's like that.
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 02:56
ah thx
Manish Giri
@Manish-Giri
Feb 28 2017 02:57
@tiremon112 yeah I think so
try it out :muscle:
jacob
@bjh2012
Feb 28 2017 02:57
Hello, all. I'm trying to see if I can use an image from my hard drive such as a screenshot as opposed to an image from the web.
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 02:58
.smaller-image[
width:100px
]
not workig
working*
DirtyNapk1ns
@DirtyNapk1ns
Feb 28 2017 02:59
ihi
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 02:59
pls help
jacob
@bjh2012
Feb 28 2017 03:00
@GoogleOrMicrosoft it looks like you are using brackets [ ] instead of elipses { }
Sorin Ruse
@sorinr
Feb 28 2017 03:01
@GoogleOrMicrosoft think you r missing some ; somewere
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 03:02
Yeah I got it thx
Sorin Ruse
@sorinr
Feb 28 2017 03:02
@GoogleOrMicrosoft :+1:
Caleb Brenner
@cwborion
Feb 28 2017 03:04
should I not be nesting an image tag in a paragraph tag?
Anh Nguyen
@tiremon112
Feb 28 2017 03:04
@Manish-Giri not work anymore after i read this , lol
  public void First_date()
    {
        var date = Gigasecond.Date(new DateTime(2011, 4, 25, 0, 0, 0, DateTimeKind.Utc));
        Assert.That(date, Is.EqualTo(new DateTime(2043, 1, 1, 1, 46, 40, DateTimeKind.Utc)));
    }

    [Test]
    [Ignore("Remove to run test")]
    public void Another_date()
    {
        var date = Gigasecond.Date(new DateTime(1977, 6, 13, 0, 0, 0, DateTimeKind.Utc));
        Assert.That(date, Is.EqualTo(new DateTime(2009, 2, 19, 1, 46, 40, DateTimeKind.Utc)));
    }

    [Test]
    [Ignore("Remove to run test")]
    public void Yet_another_date()
    {
        var date = Gigasecond.Date(new DateTime(1959, 7, 19, 0, 0, 0, DateTimeKind.Utc));
        Assert.That(date, Is.EqualTo(new DateTime(1991, 3, 27, 1, 46, 40, DateTimeKind.Utc)));
    }
}
ydelbys
@ydelbys
Feb 28 2017 03:05

@Manish-Giri @Boardley @Miguel-Castrejon i am so confused. i can´t see what´s missing please. this is the code:

<script>
$(document).ready(function() {
$("button").addClass("animated bounce shake");
$(".well").addclass("animated shake");
});

</script>

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

Mike K Mutabazi
@mkmike07
Feb 28 2017 03:06
hello
Patrick Bentley
@Bentley912
Feb 28 2017 03:06
Hey guys. New to Free code camp
ydelbys
@ydelbys
Feb 28 2017 03:06
how do you put the code in black background?
Mike K Mutabazi
@mkmike07
Feb 28 2017 03:06
what websites do you use to upload an image
?
Manish Giri
@Manish-Giri
Feb 28 2017 03:06
@ydelbys $(".well").addclass("animated shake");
capital C here
@ydelbys $("button").addClass("animated bounce shake");
and why shake here?
@tiremon112 lemme see
ydelbys
@ydelbys
Feb 28 2017 03:08
@Manish-Giri no?
Anh Nguyen
@tiremon112
Feb 28 2017 03:08
@ydelbys b @ydelbys unce shake
is what wrong
Manish Giri
@Manish-Giri
Feb 28 2017 03:09
@ydelbys didnt they want animated bounce only?
Caleb Brenner
@cwborion
Feb 28 2017 03:09
is there a way to give an image that is already nested in a <p> tag specific padding if the <p> already has its own padding? Everytime I do it changes my image from being circular to some odd irregular shape. Should I not even have the image nested in the <p>?
ydelbys
@ydelbys
Feb 28 2017 03:09
@Manish-Giri hum ok
Vizij
@Vizij
Feb 28 2017 03:10

@ydelbys For black background formatting:

``           // Use  three of these, they're backticks, same key as tilde
code
``

Shift + Enter to add a new line. The backticks need to be on their own lines or it won't work.

ydelbys
@ydelbys
Feb 28 2017 03:10
@Manish-Giri but it doesn´t run yet :(
Manish Giri
@Manish-Giri
Feb 28 2017 03:11
@ydelbys post your challenge URL here, click "run tests" first
ydelbys
@ydelbys
Feb 28 2017 03:12
https://www.freecodecamp.com/challenges/target-elements-by-class-using-jquery#?solution=%0Afccss%0A%20%20%24(document).ready(function()%20%7B%0A%20%20%20%20%24(%22button%22).addClass(%22animated%20bounce%22)%3B%0A%20%20%20%20%24(%22.well%22).addclass(%22animated%20shake%22)%3B%0A%20%20%7D)%3B%0A%20%20%0A%20%20%0Afcces%0A%0A%3C!--%20Only%20change%20code%20above%20this%20line.%20--%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Ch3%20class%3D%22text-primary%20text-center%22%3EjQuery%20Playground%3C%2Fh3%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23left-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22left-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target1%22%3E%23target1%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target2%22%3E%23target2%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target3%22%3E%23target3%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23right-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22right-well%22%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target4%22%3E%23target4%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target5%22%3E%23target5%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target6%22%3E%23target6%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%0A
Manish Giri
@Manish-Giri
Feb 28 2017 03:13
@ydelbys $(".well").addclass("animated shake");
Anh Nguyen
@tiremon112
Feb 28 2017 03:13
dem DateTime object is new
:angry:
to me
Manish Giri
@Manish-Giri
Feb 28 2017 03:13
whats the problem here
I already told you
@ydelbys
@tiremon112 :trollface:
Anh Nguyen
@tiremon112
Feb 28 2017 03:15
and i don't know how to use var in static language
ydelbys
@ydelbys
Feb 28 2017 03:15
@Manish-Giri thanks
CamperBot
@camperbot
Feb 28 2017 03:15
:star2: 4494 | @manish-giri |http://www.freecodecamp.com/manish-giri
Anh Nguyen
@tiremon112
Feb 28 2017 03:15
@Manish-Giri is there any differenet between js var vs c# var
CamperBot
@camperbot
Feb 28 2017 03:15
ydelbys sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
Anh Nguyen
@tiremon112
Feb 28 2017 03:15
:trollface:
masansgaard
@masansgaard
Feb 28 2017 03:16
Hey everyone :)
Manish Giri
@Manish-Giri
Feb 28 2017 03:16
@tiremon112 I dont think it's var in c#
masansgaard
@masansgaard
Feb 28 2017 03:16

I need your help!!!
Trying to make a function to find the largest number in an array of arrays
function largestOfFour(arr) {

var largest =0;
var i=0;
while (i>(arr.length-1)) {
var a=0;
while (a > (arr[i].length-1)) {
if (arr[i][a] > largest) {
largest = arr[i][a];
}
a++;
}
i++;
}
return largest;
} @Margaret2

@tiremon112
Michael Grinshpun
@MGrinshpun
Feb 28 2017 03:18

any idea what i should include here to ensure all elements are blue?<style>
h2 color:blue;
</style>

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

jkmack000
@jkmack000
Feb 28 2017 03:18
This code wont pass "run test", says "use rgb for the color x"

<style>
.red-text {
color: rgb(255,0,0)
}
.orchid-text {
color: rgb(218,112,214)
}
.sienna-text {
color: rgb(160,82,45)
}
.blue-text {
color: rgb(0,0,255)
}
</style>

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

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

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

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

Manish Giri
@Manish-Giri
Feb 28 2017 03:18
@jkmack000 closing ;
is missing
Kamofa
@Kamofa
Feb 28 2017 03:19
so help? I cant get my h2 element to degrade to the monospace font when lobster is not available

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

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

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

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

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

MROB0T
@MROB0T
Feb 28 2017 03:19

hey could someone help me it tells me to Give your form element the id of cat-photo-form. and this is my code

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

AndyPalamba
@AndyPalamba
Feb 28 2017 03:21

<h1>Hello World</h1>

<h2>CatPhotoApp</h2>
<!--CatPhotoApp-->

<p>Hello Paragraph</p>
<!--Hello Paragraph-->

it say
Comment out your h1 element so that it is not visible on your page.
Leave your h2 element uncommented so that it is visible on your page.
Comment out your p element so that it is not visible on your page.
Be sure to close each of your comments with -->.
Do not change the order of the h1 h2 or p in the code.
so what i have to do ?

jkmack000
@jkmack000
Feb 28 2017 03:21
thanks
Ryan
@Sm1tty33
Feb 28 2017 03:22

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

<img class="smaller-image"/>

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

can anyone help me figure out why it says I haven't created the class "smaller-image"?
hahahehelol
@hahahehelol
Feb 28 2017 03:23
Yeah I am in the same situation
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 03:23
Delete the /
Ryan
@Sm1tty33
Feb 28 2017 03:23
still isn't working
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 03:23
Can anyone show me an example of nesting
<img class="smaller-image"/> the back slash here
masansgaard
@masansgaard
Feb 28 2017 03:25
figured out my question.
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 03:26
CAN SOMEONE SHOW ME AN EXAMPLE OF NESTING PLS
Moisés Man
@moigithub
Feb 28 2017 03:26
<tag>
</tag>
<tag>
      <tag>
      </tag>
</tag>
2nd is tag inside (nested) another tag @GoogleOrMicrosoft
yaenn1
@yaenn1
Feb 28 2017 03:27

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

can someone tell me how to add multiple classes
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 03:27
thx
hahahehelol
@hahahehelol
Feb 28 2017 03:27
lol
Manish Giri
@Manish-Giri
Feb 28 2017 03:28
@hahahehelol good user name :+1:
hahahehelol
@hahahehelol
Feb 28 2017 03:28
Thanks brother
Ryan
@Sm1tty33
Feb 28 2017 03:28
@hahahehelol did you need help on something?
hahahehelol
@hahahehelol
Feb 28 2017 03:29
My question was just answered thank you ryan
Ryan
@Sm1tty33
Feb 28 2017 03:29
alright
James Pacquing
@jpacquing
Feb 28 2017 03:29
<script $(document).ready(function() { });>
</script> What am I missing?
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 03:30
<p> "View More"
<a href="https://freecodecamp.com"> link to Free Code Camp </a>.
</p> help
Manish Giri
@Manish-Giri
Feb 28 2017 03:30
@jpacquing close the script tag first
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 03:31
<p> "View More"
<a href="https://freecodecamp.com"> link to Free Code Camp </a>.
</p> is that nesting?
Moisés Man
@moigithub
Feb 28 2017 03:31
@GoogleOrMicrosoft remove quotes on view more..
i think the instructions uses more with lowercase
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 03:31
ok thx
Moisés Man
@moigithub
Feb 28 2017 03:31
and probably it wants in a single line.. or maybe not
James Pacquing
@jpacquing
Feb 28 2017 03:32
@Manish-Giri i thought i did with the </script>
Manish Giri
@Manish-Giri
Feb 28 2017 03:32
@jpacquing the opening script tag
<script>
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 03:32
its saying its not nested @moigithub
Anh Nguyen
@tiremon112
Feb 28 2017 03:32

@Manish-Giri

using System;

public class GigasecondTest
{
    public static void Main()
    {

        DateTime myTime = DateTime.UtcNow;
        double timeCounter = Math.Pow(9,10);
        Console.WriteLine(myTime.AddSeconds(-timeCounter).ToString());



    }      //9/2/1906 8:18:40 PM
}

almost got it right gotta find some thing that allow me set time i want

Moisés Man
@moigithub
Feb 28 2017 03:32
ur javacript code should be nested inside te script tag
not part of the open tag @jpacquing
@GoogleOrMicrosoft what are the instructoin ?
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 03:33
Your a element should be nested within your new p element.
Quelina
@Quelina
Feb 28 2017 03:33
Hi everyone ^_^ I asked about this problem last night, but before I figured it out, I took a break to read my kid a bedtime story snd fell asleep. Back again, to ask: how do I turn on the audio for Youtube videos? I put a video on my Tribute Page , but the audio isn't working. Thanks again!
Stove Jeebs
@TheToastyAlmond
Feb 28 2017 03:33
I'm working on the "Turning an image into a link" it say to nest the image within the anchor, and I wrote this:
James Pacquing
@jpacquing
Feb 28 2017 03:34
@Manish-Giri @moigithub ahh duh im miss reading the instructions . I've been sitting in front of this screen for too long thank you for your help!
CamperBot
@camperbot
Feb 28 2017 03:34
jpacquing sends brownie points to @manish-giri and @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 4495 | @manish-giri |http://www.freecodecamp.com/manish-giri
:star2: 2754 | @moigithub |http://www.freecodecamp.com/moigithub
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 03:35
Now nest your existing a element within a new p element (just after the existing h2 element) so that the surrounding paragraph says "View more cat photos", but where only "cat photos" is a link, and the rest of the text is plain text.
@moigithub
Ryan
@Sm1tty33
Feb 28 2017 03:35
how do you put 2 or more classes into an element?
bryunx
@bryunx
Feb 28 2017 03:35
I'm new
Stove Jeebs
@TheToastyAlmond
Feb 28 2017 03:35
mkay thanks
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 03:35
class="Classes in here"
Moisés Man
@moigithub
Feb 28 2017 03:36
saw many ppl named "new" seems its a common name
@bryunx
Ryan
@Sm1tty33
Feb 28 2017 03:36
thanks @GoogleOrMicrosoft
CamperBot
@camperbot
Feb 28 2017 03:36
sm1tty33 sends brownie points to @googleormicrosoft :sparkles: :thumbsup: :sparkles:
:warning: @googleormicrosoft's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Anh Nguyen
@tiremon112
Feb 28 2017 03:39

@Manish-Giri

using System;

public class GigasecondTest
{
    public static void Main()
    {

        DateTime myTime = new DateTime(2011, 4, 25, 0, 0, 0, DateTimeKind.Utc);
        double timeCounter = Math.Pow(10,9);
        Console.WriteLine(myTime.AddSeconds(timeCounter).ToString());



    } //1/1/2043 1:46:40 AM
}

i got it. :trollface: never know the answer was that short

Moisés Man
@moigithub
Feb 28 2017 03:39
@GoogleOrMicrosoft soo "cat photos" should be the text of the anchor element
<a href="........">cat photos</a>
and that anchor must be nested inside a <p> tag
with a View more text
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 03:41
example pls?
oh wait nevermind
Got it thx
anikisei
@anikisei
Feb 28 2017 03:41
@tiremon112 is that a JS or Java?
Anh Nguyen
@tiremon112
Feb 28 2017 03:41
C#
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 03:42
<p> View more
<a href="http://www.freecatphotoapp.com">cat photos</a>
</p>
anikisei
@anikisei
Feb 28 2017 03:42
ow...they have similarities i guess
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 03:42
still not right >:(
Moisés Man
@moigithub
Feb 28 2017 03:43
put em in a single line.. make sure u put spaces in the "correct place" @GoogleOrMicrosoft
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 03:43
ok
Anh Nguyen
@tiremon112
Feb 28 2017 03:43
@anikisei yes they are like same mom different dad
i learn java but i wrote everything in C3
C#
Vicki Greer
@vtbookworm
Feb 28 2017 03:44
I don't understand the use of the "label" tag described in the challenge "Create a Set of Radio Buttons": <label><input type="radio" name="indoor-outdoor">Indoor</label>. This is not the way a <label> tag is described on w3schools.com. Can someone point me to some sort of explanation, please?
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 03:44
<p>View more<a href="http://www.freecatphotoapp.com">cat photos</a></p>
still
Kamofa
@Kamofa
Feb 28 2017 03:44
help? cant get h2 element to degrade to monospace when lobster isn't available

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

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

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

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

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

GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 03:44
delete <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
Anon
@DIRslashW
Feb 28 2017 03:45
I'm working on the challenge for "Use an ID Attribute to Style an Element." My form element has the background-color of green (desired) but there is still an "x" beside "Make sure your form element has an id attribute." Can anybody help with this?
Kamofa
@Kamofa
Feb 28 2017 03:45
that didnt solve the probelm
Manish Giri
@Manish-Giri
Feb 28 2017 03:45
@tiremon112 good job :smile:
:smiling_imp:
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 03:45
delete <!-- -->
anikisei
@anikisei
Feb 28 2017 03:46
@tiremon112 i was curious cause i thought i was a Java, i tried to learn Java before, but it was really hard my mind can't cope up with math
Kamofa
@Kamofa
Feb 28 2017 03:46
but its needed
ryanr268
@ryanr268
Feb 28 2017 03:46
Nest your text input element within a form element.
Kamofa
@Kamofa
Feb 28 2017 03:47
it might be displaced, im not sure where to place it
ryanr268
@ryanr268
Feb 28 2017 03:47
<form action="/submit-cat-photo"></form>
Andrew Shieh
@andrewlikes
Feb 28 2017 03:47
place your input element in between your form element
ryanr268
@ryanr268
Feb 28 2017 03:47
<form action="/submit-cat-photo"></form> . Nest your text input element within a form element. is this how you do this?
Quelina
@Quelina
Feb 28 2017 03:48
It is working now! So nevermind.
GoogleOrMicrosoft
@GoogleOrMicrosoft
Feb 28 2017 03:48
i fixed it
Andrew Shieh
@andrewlikes
Feb 28 2017 03:50
@ryanr268 place your input element in between your form element
Anh Nguyen
@tiremon112
Feb 28 2017 03:50

@Manish-Giri

using System;

public class GigasecondTest
{
    public void Main()
    {
        Console.WriteLine("First Date:{0}",First_date().ToString());
        Console.WriteLine("Second Date:{0}",Another_date().ToString());
        Console.WriteLine("Third Date:{0}",Yet_Another_date().ToString());


    }

    public static DateTime First_date(){


        DateTime myTime = new DateTime(2011, 4, 25, 0, 0, 0, DateTimeKind.Utc);
        double timeCounter = Math.Pow(10,9);
        return myTime.AddSeconds(timeCounter);



    }

            public static DateTime Another_date(){


        DateTime myTime = new DateTime(1977, 6, 13, 0, 0, 0, DateTimeKind.Utc);
        double timeCounter = Math.Pow(10,9);
        return myTime.AddSeconds(timeCounter);



    } 

        public static DateTime Yet_Another_date(){
    {

        DateTime myTime = new DateTime(1959, 7, 19, 0, 0, 0, DateTimeKind.Utc);
        double timeCounter = Math.Pow(10,9);
        return myTime.AddSeconds(timeCounter);



    }

    }

}

final product, and it time for some, sleep that was a good challenge

ty @Manish-Giri for contributing
CamperBot
@camperbot
Feb 28 2017 03:50
tiremon112 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4496 | @manish-giri |http://www.freecodecamp.com/manish-giri
Anh Nguyen
@tiremon112
Feb 28 2017 03:50
:+1:
Manish Giri
@Manish-Giri
Feb 28 2017 03:51
Yet_Another_date
lol
:trollface:
Vicki Greer
@vtbookworm
Feb 28 2017 03:51
@Kamofa , I'm not sure what you're trying to do with the first h2 font-family statement. In order for the font to degrade gracefully, you need to comment out the line that describes where to find the Lobster font ("<link href="https://fonts...> and then include both the Lobster and the Monospace font in the font-family declaration, separated by a comma.
Anon
@DIRslashW
Feb 28 2017 03:52
hm, working now
yaenn1
@yaenn1
Feb 28 2017 03:55
<img class="class1= "smaller-image" class2="thick-green-border"> src="https://bit.ly/fcc-relaxing-cat alt= "A cute orange cat lying on its back. >
Is this right?
Harvinder Athwal
@harvinderathwal
Feb 28 2017 03:56
@yaenn1 It Wrong
Class="class1 class2 class3-a"
mk413
@mk413
Feb 28 2017 03:57
Error: Make sure you have nested all HTML elements in .container-fluid.

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

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

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

<div class="container-fluid"></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>

What's the issue?
yaenn1
@yaenn1
Feb 28 2017 03:57
@harvinderathwal oh ok, thank you :smile:
CamperBot
@camperbot
Feb 28 2017 03:57
yaenn1 sends brownie points to @harvinderathwal :sparkles: :thumbsup: :sparkles:
:cookie: 168 | @harvinderathwal |http://www.freecodecamp.com/harvinderathwal
Harvinder Athwal
@harvinderathwal
Feb 28 2017 03:58
You understand how to give class in HTML
Andrew Shieh
@andrewlikes
Feb 28 2017 03:58
@mk413 there's nothing nested in container-fluid
Harvinder Athwal
@harvinderathwal
Feb 28 2017 03:59
@mk413 read the Issue and check you code you will find that you not nested your HTML in container-fluid class
scwidiloo
@scwidiloo
Feb 28 2017 04:01
Hi guys I am a bit confused about the commenting part of coding
it keeps saying I need to comment but when I do nothing shows up
its hidden
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:02
@scwidiloo can you share some more detail
Stove Jeebs
@TheToastyAlmond
Feb 28 2017 04:02
The error is "Nest the existing img element within an a element."
scwidiloo
@scwidiloo
Feb 28 2017 04:03
I am just starting up the first challenges stuff
Stove Jeebs
@TheToastyAlmond
Feb 28 2017 04:03
I've already written this: <p>Click here for <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
.</p>
scwidiloo
@scwidiloo
Feb 28 2017 04:03
and its telling me to comment out stuff
Tricia
@patricia07
Feb 28 2017 04:03
hey guys
where will i put the </div> when using the col-xs-6?
scwidiloo
@scwidiloo
Feb 28 2017 04:04
So when you comment out something it means you're hiding it? So where does it go and why would you do that? To not completely delete it?
Stove Jeebs
@TheToastyAlmond
Feb 28 2017 04:04
To comment something out, go above it and type <!--
And then go below it and type -->
that will grey it out and it will become a comment
Yeah, that's basically what commenting is all about
scwidiloo
@scwidiloo
Feb 28 2017 04:05
And that just means that it is kind of saved? Like you're hiding it but kind of saving it and not exactly deleting it
Stove Jeebs
@TheToastyAlmond
Feb 28 2017 04:06
It doesn't get deleted if that's what you mean, it just is ignored when the program is run
scwidiloo
@scwidiloo
Feb 28 2017 04:06
I think I got it, thanks for the help!
Stove Jeebs
@TheToastyAlmond
Feb 28 2017 04:06
No problem
scwidiloo
@scwidiloo
Feb 28 2017 04:06
I would give you brownie points but idk how that works hahah
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:07

@scwidiloo
Comment :- We do commenting for understanding of main function. What function want ,do and return

when other developer check our code he will understand easily what function work

Andrew Shieh
@andrewlikes
Feb 28 2017 04:07
@patricia07 </div> is a closing div tag
demoyaw
@demoyaw
Feb 28 2017 04:08
@scwidiloo comments are useful for leaving notes for other developers (and yourself). for example, you start writing a program and then you hand it off to someone else they would be able to read your comments to get a better sense of what you did.
Tricia
@patricia07
Feb 28 2017 04:08
i put </div> but it's not still working @andrewlikes
Andrew Shieh
@andrewlikes
Feb 28 2017 04:08
not enough information
scwidiloo
@scwidiloo
Feb 28 2017 04:09
Ok I think I get it, I'm sure I'll understand more of it as I go along
thanks guys
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:10
@scwidiloo welcome
Michael Grinshpun
@MGrinshpun
Feb 28 2017 04:11
this is my h2 line: <style> h2 {color: blue;} </style> can anyone tell me howg to flip it so that it turns blue? not sure what im missin
missing
Andrew Shieh
@andrewlikes
Feb 28 2017 04:13
does your h2 currently have a class assigned to it?
Jean
@mrestimable
Feb 28 2017 04:13
need some help
Michael Grinshpun
@MGrinshpun
Feb 28 2017 04:13
no
trying to flip it from inline style to CSS
lovecodder
@lovecodder
Feb 28 2017 04:15
can you tell me that where i m put the checked
Michael Grinshpun
@MGrinshpun
Feb 28 2017 04:15
are curly braces necessary for the p element as well or just the h2 in order to change the color?
Andrew Shieh
@andrewlikes
Feb 28 2017 04:15
@MGrinshpun just post all your code
lovecodder
@lovecodder
Feb 28 2017 04:16
oky wait
Andrew Shieh
@andrewlikes
Feb 28 2017 04:16
curly braces are necessary for all elements, classes, and ids in CSS
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:16
@mrestimable close your img tag
lovecodder
@lovecodder
Feb 28 2017 04:16

<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">
<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"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

Andrew Shieh
@andrewlikes
Feb 28 2017 04:17
what am I looking at
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:17
@lovecodder donot past solution
Christopher List
@christopherlist
Feb 28 2017 04:17

<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Portfolio</title>

</head>

<body>
<div class="navbar navbar-inverse">
</div>
</body>

can't get my nav bar to appear
__mifflin__
@cdrainxv
Feb 28 2017 04:17
@Manish-Giri: I might have just downgraded your idea… :worried:
Cody Garrett
@codygarrett
Feb 28 2017 04:19

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

Michael Grinshpun
@MGrinshpun
Feb 28 2017 04:19

andrew this is the code:

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

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

Cody Garrett
@codygarrett
Feb 28 2017 04:19
why wont it resize my image to 100 px
Michael Grinshpun
@MGrinshpun
Feb 28 2017 04:19
lines 1 3 and 5 are blank currently
those are h2 and h4
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:19
@codygarrett you dont apply class in HTML
Cody Garrett
@codygarrett
Feb 28 2017 04:20
@harvinderathwal what do you mean?
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:20
@codygarrett you have to assgin class to <img> tag
@codygarrett you only create class and do not use it
Cody Garrett
@codygarrett
Feb 28 2017 04:22
so add a class? @harvinderathwal
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:22
yes @codygarrett , IN HTML to IMG tag
Cody Garrett
@codygarrett
Feb 28 2017 04:23

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

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

Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:23
like <img class="class1" src.....
scwidiloo
@scwidiloo
Feb 28 2017 04:24
Michael, this is what is correct

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

It wants you to sort of headline the h2 code by putting the style at the top
Cody Garrett
@codygarrett
Feb 28 2017 04:25
it says create img class called smaller-image. where does it go? @harvinderathwal
demoyaw
@demoyaw
Feb 28 2017 04:26
@codygarrett try <img class ="smaller-image" and then put the src
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:27
You have to class in <style> with name smaller-image
then you need to assgin this class to IMG tag in HTML like <img class="class1" src......
Cody Garrett
@codygarrett
Feb 28 2017 04:27

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

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

</style>

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

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

I did it!!!!!
thanks guys @harvinderathwal @demoyaw
CamperBot
@camperbot
Feb 28 2017 04:28
codygarrett sends brownie points to @harvinderathwal and @demoyaw :sparkles: :thumbsup: :sparkles:
:cookie: 169 | @harvinderathwal |http://www.freecodecamp.com/harvinderathwal
:cookie: 28 | @demoyaw |http://www.freecodecamp.com/demoyaw
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:28
you missing lot of thing
i will help you
Cody Garrett
@codygarrett
Feb 28 2017 04:28
still learing
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:28
not give answer direct
class will be created like
Michael Grinshpun
@MGrinshpun
Feb 28 2017 04:29
@scwidiloo so the <h2>CatPhotoApp</h2> goes on the h3 line or is that in h2 as well?
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:30

<style>
.smaller-cl{
height: 100px
}
</style>

in HTML

<img class="smaller-cl" src.... @codygarrett

Enloop2017
@Enloop2017
Feb 28 2017 04:30
"src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "</image>"--------what dose it means?
Could someone tell me how to creat the class of smaller-image?
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:31
@Enloop2017 check my comment above
Vicki Greer
@vtbookworm
Feb 28 2017 04:32
@codygarrett, what you did was to style the img element, not the .smaller-img class. It worked, in this case, but it wasn't what the exercise intended. The class name goes outside the curly braces, like .classname {}
Enloop2017
@Enloop2017
Feb 28 2017 04:32
@harvinderathwal Okey
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:33

<style>
.smaller-cl{
height: 100px
}
</style>

in HTML

<img class="smaller-cl" src.... @codygarrett @Enloop2017

Cody Garrett
@codygarrett
Feb 28 2017 04:34
@harvinderathwal @vtbookworm its starting to make a little more sense
astronomerlazlo
@astronomerlazlo
Feb 28 2017 04:34
Hey guys I just finished my tribute page. I was wondering if any of y'all wanted to check it out??
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:34
@astronomerlazlo can you share link
astronomerlazlo
@astronomerlazlo
Feb 28 2017 04:37
sir eben
@sir-eben
Feb 28 2017 04:38
<a href = "#">CatPhotoApp </a>. please i need help in making a dead link
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:38
@codygarrett your problem is solved or not ?
Cody Garrett
@codygarrett
Feb 28 2017 04:38
yes, thanks
@harvinderathwal
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:39
@codygarrett you understand what is problem and how to solve it
Michael Grinshpun
@MGrinshpun
Feb 28 2017 04:39
@scwidiloo i got it thanks for the help
CamperBot
@camperbot
Feb 28 2017 04:39
mgrinshpun sends brownie points to @scwidiloo :sparkles: :thumbsup: :sparkles:
:warning: @scwidiloo's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Cody Garrett
@codygarrett
Feb 28 2017 04:39
yes sir @harvinderathwal
yaenn1
@yaenn1
Feb 28 2017 04:40
<p> This has <a href="http://freecatphotoapp.com"> cat photos </a> for you! </p>
is this right?
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:40
@astronomerlazlo can you try something more in font color and type of your text
yaenn1
@yaenn1
Feb 28 2017 04:40
Because it says that I have no closing tag for the 'a' and that my anchor text is not cat photos
Ariana Jimenez
@aarianajimenezz
Feb 28 2017 04:42
so I am having some trouble passing the sizing image test. it says my browser zoom needs to be at 100% and it is, but it's still not running my test.
astronomerlazlo
@astronomerlazlo
Feb 28 2017 04:42
@harvinderathwal like what?
Bahnzo
@Bahnzo
Feb 28 2017 04:43
Why is the text overwriting in this page? Lower Left in the bootstrap grid?
Vizij
@Vizij
Feb 28 2017 04:44
@aarianajimenezz Have you tried copying the code / resetting the lesson, pasting, and re-submitting? Sometimes the lessons bug out
Cody Garrett
@codygarrett
Feb 28 2017 04:44
<p>View more
<a href="http://www.freecatphotoapp.com">cat photos</a>
</p>
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:44
@astronomerlazlo it white font color with black background not attracting my eyes it look like very odd
Enloop2017
@Enloop2017
Feb 28 2017 04:44
@harvinderathwal

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

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

it's okey?
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:45
@Enloop2017 its ohk
Cody Garrett
@codygarrett
Feb 28 2017 04:46
@harvinderathwal <p>View more
<a href="http://www.freecatphotoapp.com">cat photos</a>
</p> no go?
astronomerlazlo
@astronomerlazlo
Feb 28 2017 04:46
@harvinderathwal oh okay I see what you mean! Any suggestions?
Enloop2017
@Enloop2017
Feb 28 2017 04:46
@harvinderathwal But I can run through the tests
Osha Johnson
@osha211
Feb 28 2017 04:47
@harvinderathwal I'm having the same issue
Enloop2017
@Enloop2017
Feb 28 2017 04:47
I can't run through the tests

"Your img element should have the class smaller-image.

Your image should be 100 pixels wide. Browser zoom should be at 100%. "

there exsits two problems above
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:48
@Enloop2017 @osha211 can you share complete code
Enloop2017
@Enloop2017
Feb 28 2017 04:49

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the
sink fluffy fur catnip scratched.</p>
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">

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

so long......
Bahnzo
@Bahnzo
Feb 28 2017 04:49
Can anyone look at my codepen and explain why the words "Party Cloudy" are overwriting each other?
Osha Johnson
@osha211
Feb 28 2017 04:49
That's what mine looks like @harvinderathwal
Vizij
@Vizij
Feb 28 2017 04:49
@Enloop2017 You've got two <style> tags, that's why it's bugging out. All those definitions (like .smaller-image) need to be in one.
i.e., move that part up to the first <style> and get rid of the second one.
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:50
@Enloop2017 you have two style and two img tag
Ricardo Zazueta
@Drummaric
Feb 28 2017 04:51
Hello, I'm trying to build a border around an image. This is what I have and it's not working. Can someone tell me what I did wrong and a possible solution please? Thanks 🙏

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

<style>
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: thick;

Enloop2017
@Enloop2017
Feb 28 2017 04:51
@harvinderathwal let me see...
Ricardo Zazueta
@Drummaric
Feb 28 2017 04:52
</style>
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:52
@Drummaric class in html we give like
class="class1 class2"
Cody Garrett
@codygarrett
Feb 28 2017 04:53
@Drummaric you dont need the second class or the middle ""
Osha Johnson
@osha211
Feb 28 2017 04:53
@harvinderathwal remove the <style> altogether?
yaenn1
@yaenn1
Feb 28 2017 04:53
@Drummaric so basically (for example) you put class="green-text thin-purple-border"
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:54
@Enloop2017
make .smaller-image class in upper html
give .smaller-image class to uper IMG tag ,donot create new one
remove extra <style> and IMG tag
@osha211
Cody Garrett
@codygarrett
Feb 28 2017 04:55
<p>View more </p>
<a href="http://www.freecatphotoapp.com">cat photos</a>
Enloop2017
@Enloop2017
Feb 28 2017 04:55
@harvinderathwal Okey I try it
Cody Garrett
@codygarrett
Feb 28 2017 04:55
cant get to nest
yaenn1
@yaenn1
Feb 28 2017 04:56
<p>Click here for <a #="http://www.freecatphotoapp.com">cat photos</a></p>
Ariana Jimenez
@aarianajimenezz
Feb 28 2017 04:56
@Enloop2017 I am having the same problem!!! I already refreshed the page and tried again but that didnt seem to work.
yaenn1
@yaenn1
Feb 28 2017 04:56
is this how you replace the href for a hash to make it a dead link?
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:56
@codygarrett you have to close </p> after </a>
Vicki Greer
@vtbookworm
Feb 28 2017 04:57
@codygarrett, to nest the link you have to put it between the starting tag and the closing tag, like <p><a href...></a></p>
Cody Garrett
@codygarrett
Feb 28 2017 04:58
@harvinderathwal i had tried that @vtbookworm and that lol
Ariana Jimenez
@aarianajimenezz
Feb 28 2017 04:58

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

Cody Garrett
@codygarrett
Feb 28 2017 04:58
<p>View more
<a href="http://www.freecatphotoapp.com">cat photos</a></p>\
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:58

@yaenn1 you break the code
it should be like <a herf="#" dead link

<a herf=" http....." some link

Ariana Jimenez
@aarianajimenezz
Feb 28 2017 04:58
This is the code I'm running and my browser is at 100% zoom but its not
Vicki Greer
@vtbookworm
Feb 28 2017 04:59
still hoping for an answer to my question about the syntax for the <label> tag... can someone refer me to some documentation on it?
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:59
@codygarrett you add extra \ after </p>
yaenn1
@yaenn1
Feb 28 2017 04:59
@harvinderathwal thanks :+1: :smile:
CamperBot
@camperbot
Feb 28 2017 04:59
yaenn1 sends brownie points to @harvinderathwal :sparkles: :thumbsup: :sparkles:
:cookie: 170 | @harvinderathwal |http://www.freecodecamp.com/harvinderathwal
Ariana Jimenez
@aarianajimenezz
Feb 28 2017 04:59
working
Harvinder Athwal
@harvinderathwal
Feb 28 2017 04:59
@aarianajimenezz good
@vtbookworm can you tell again your problem
Ariana Jimenez
@aarianajimenezz
Feb 28 2017 05:00
Yeah it looks good, but It still wont let me run it. I already refreshed the page as well?
Ricardo Zazueta
@Drummaric
Feb 28 2017 05:00
@yaenn1 I tried that but no border appeared
Troy VanKrimpen II
@tjvk
Feb 28 2017 05:01
how do i nest an i class within a button element
Cody Garrett
@codygarrett
Feb 28 2017 05:01
@harvinderathwal <p>View more
<a href=#"http://www.freecatphotoapp.com">cat photos</a></p>
Harvinder Athwal
@harvinderathwal
Feb 28 2017 05:01
you add class to IMG tag in HTML @aarianajimenezz
Cody Garrett
@codygarrett
Feb 28 2017 05:01
still noyhing
nothing
Vicki Greer
@vtbookworm
Feb 28 2017 05:01
The <label> tag is described differently at www.w3schools.com. That reference says to put the <label> tag around the actual label of the button. This says to put it around the entire code for the button. Do both ways work?
Enloop2017
@Enloop2017
Feb 28 2017 05:02
@harvinderathwal Thank you.
CamperBot
@camperbot
Feb 28 2017 05:02
enloop2017 sends brownie points to @harvinderathwal :sparkles: :thumbsup: :sparkles:
:cookie: 171 | @harvinderathwal |http://www.freecodecamp.com/harvinderathwal
yaenn1
@yaenn1
Feb 28 2017 05:02
@Drummaric did you check the style for your border too?
Harvinder Athwal
@harvinderathwal
Feb 28 2017 05:02

@yaenn1 you break the code
it should be like <a herf="#" dead link

<a herf=" http....." some link

@codygarrett

Vicki Greer
@vtbookworm
Feb 28 2017 05:03
@codygarrett , take the '#' out of the href link. The '#' turns it into a dead link that doesn't point to anything.
Ariana Jimenez
@aarianajimenezz
Feb 28 2017 05:03
oh man, easy fix. I fell dumb lol. Thank you @harvinderathwal
CamperBot
@camperbot
Feb 28 2017 05:03
aarianajimenezz sends brownie points to @harvinderathwal :sparkles: :thumbsup: :sparkles:
:cookie: 172 | @harvinderathwal |http://www.freecodecamp.com/harvinderathwal
Cody Garrett
@codygarrett
Feb 28 2017 05:03
@vtbookworm ok still nothing lol
Vicki Greer
@vtbookworm
Feb 28 2017 05:04
what happens when you try to run it?
@codygarrett what happens when you try to run it?
Cody Garrett
@codygarrett
Feb 28 2017 05:05
@vtbookworm Create a new p element around your a element.
Your a element should be nested within your new p element.
Your p element should have the text "View more " (with a space after it).
Claudio Restifo
@Marmiz
Feb 28 2017 05:05

@codygarrett if this is your code:

<a href=#"http://www.freecatphotoapp.com">cat photos</a>

you have to substitute the url with a # symbol

Cody Garrett
@codygarrett
Feb 28 2017 05:05
missing these three @vtbookworm
Harvinder Athwal
@harvinderathwal
Feb 28 2017 05:06

you break the code
it should be like <a herf="#" dead link

<a herf=" http....." some link

@codygarrett

The <label> tag is described differently at www.w3schools.com. That reference says to put the <label> tag around the actual label of the button. This says to put it around the entire code for the button. Do both ways work?
Troy VanKrimpen II
@tjvk
Feb 28 2017 05:07
add font awesome icons to our buttons, plz help
Harvinder Athwal
@harvinderathwal
Feb 28 2017 05:07
@vtbookworm i dont know
Ricardo Zazueta
@Drummaric
Feb 28 2017 05:07
@yaenn1 got it thaaanks!!!!
Cody Garrett
@codygarrett
Feb 28 2017 05:07
@harvinderathwal its not working
Harvinder Athwal
@harvinderathwal
Feb 28 2017 05:08
can you share code where you try to do this @codygarrett
Claudio Restifo
@Marmiz
Feb 28 2017 05:08
@tjvk font awesome are added by special classes onto an i element:
<i class="fa fa-...."></i>
Vicki Greer
@vtbookworm
Feb 28 2017 05:08
@codygarrett it should work like this: `<p>View More <a href="...">cat photos</p> or something similar.
Troy VanKrimpen II
@tjvk
Feb 28 2017 05:09
@Marmiz how do i nest that within my button element?
@Marmiz i swear ive tried every way
Vicki Greer
@vtbookworm
Feb 28 2017 05:09
@codygarrett sorry, I'm still trying to learn GitHub markup. I can't format the code properly yet.
Claudio Restifo
@Marmiz
Feb 28 2017 05:09
@tjvk remeber that the text of the button is what is written between the <button></button> tags, so write it there

eg:

<button><i></i></button>

easy peasy

Osha Johnson
@osha211
Feb 28 2017 05:10
@harvinderathwal how do I post my the lessons past on my github?
anikisei
@anikisei
Feb 28 2017 05:11
Thanks @CaroleAnneHannon for your help with Checkpoint: Stand in Line
CamperBot
@camperbot
Feb 28 2017 05:11
anikisei sends brownie points to @caroleannehannon :sparkles: :thumbsup: :sparkles:
:cookie: 873 | @caroleannehannon |http://www.freecodecamp.com/caroleannehannon
Momozor
@momozor
Feb 28 2017 05:11
hello guys, good morning.
Claudio Restifo
@Marmiz
Feb 28 2017 05:11
@faraco :wave:
Harvinder Athwal
@harvinderathwal
Feb 28 2017 05:11
You have to create a repo on github @osha211
Troy VanKrimpen II
@tjvk
Feb 28 2017 05:11
@Marmiz <button <i class="fa fa-thumbs-up"> class="btn btn-block btn-primary">Like<i/></button>
Momozor
@momozor
Feb 28 2017 05:11
:wave: @Marmiz
Troy VanKrimpen II
@tjvk
Feb 28 2017 05:12
@Marmiz i know thats not right but that what im taking from what youre saying
Claudio Restifo
@Marmiz
Feb 28 2017 05:12

@tjvk does this:

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

and this:

<button><i></i></button>

Seems the same?
You have yout i inside <button>

Vicki Greer
@vtbookworm
Feb 28 2017 05:13
@harvinderathwal I have a repo on GitHub. What do I need to do next to post my lessons?
Claudio Restifo
@Marmiz
Feb 28 2017 05:13
@tjvk close the button, and inside them place your i
Cody Garrett
@codygarrett
Feb 28 2017 05:14
@vtbookworm weird, i refreshed the page and retyped and boom
Vicki Greer
@vtbookworm
Feb 28 2017 05:15
@tjvk , you don't need two "class=" statements in your <i> tag. Combine the classes like this: <button><i class="fa fa-thumbs-up btn btn-block btn-primary>Like</i></button>
Troy VanKrimpen II
@tjvk
Feb 28 2017 05:15
@Marmiz this is what i have <button> <i class="fa fa-thumbs-up"> <class="btn btn-block btn-primary">Like</i></button>
@vtbookworm ok that makes sense im trying it now
Harvinder Athwal
@harvinderathwal
Feb 28 2017 05:16

@vtbookworm @osha211 you have to download github to your system and sync with your repo then what you create in folder in your system sync to your github repo.

I am new to github i just start learnin about github

Vicki Greer
@vtbookworm
Feb 28 2017 05:17
@harvinderathwal Thank you.
Claudio Restifo
@Marmiz
Feb 28 2017 05:17

@tjvk why there's another <class> inside your button?

<class="btn btn-block btn-primary">

I feel like you should go back and look again at how add multiple classes to the same element, if you feel like this concept haven't settled in yet!

Troy VanKrimpen II
@tjvk
Feb 28 2017 05:18
<button i class="btn btn-block btn-primary fa fa-thumbs-up">Like</i></button>
@Marmiz i understand that i wasnt sure that adding an i class was different
Claudio Restifo
@Marmiz
Feb 28 2017 05:19
@tjvk don't mix the class that belongs to the button, with the one for the i
<button class="">
   <i class=""></i>
</button>
Vicki Greer
@vtbookworm
Feb 28 2017 05:19
@tjvk <button><i class="...">Like</i></button>
Claudio Restifo
@Marmiz
Feb 28 2017 05:19

i understand

not sure buddy

Vicki Greer
@vtbookworm
Feb 28 2017 05:20
@tjvk Is there a class on your button as well as on your <i> tag?
Troy VanKrimpen II
@tjvk
Feb 28 2017 05:21
@Marmiz @vtbookworm this is what i keep coming up with <button><i class="btn btn-block btn-primary fa fa-thumbs-up">Like</i></button>
Vicki Greer
@vtbookworm
Feb 28 2017 05:21
@tjvk if so, try this: <button class="..."><i class="...">Like</i></button>.
Claudio Restifo
@Marmiz
Feb 28 2017 05:21
@tjvk don't get confused from the new <i> tag.
the principles of adding classes is the same:
you won't add a class to a <p> that you want to an img instead.
The same goes for button and i.
Troy VanKrimpen II
@tjvk
Feb 28 2017 05:21
the thums up is in the box
Claudio Restifo
@Marmiz
Feb 28 2017 05:21
@tjvk but your button has no classes on it!
and it should
@tjvk by being inside, doens't mean that the class goes to the button as well.
the classes "stay" inside the <> tags you declare into.
Troy VanKrimpen II
@tjvk
Feb 28 2017 05:24
@Marmiz @vtbookworm im not sure why im not understanding this but im gonna keep picking at it. Thank you for trying help
CamperBot
@camperbot
Feb 28 2017 05:24
tjvk sends brownie points to @marmiz and @vtbookworm :sparkles: :thumbsup: :sparkles:
:cookie: 46 | @vtbookworm |http://www.freecodecamp.com/vtbookworm
:cookie: 690 | @marmiz |http://www.freecodecamp.com/marmiz
Vicki Greer
@vtbookworm
Feb 28 2017 05:25
@tjvk I wasn't on that lesson, and I misunderstood. Did you get it working?
Manish Giri
@Manish-Giri
Feb 28 2017 05:26
@Marmiz :wave:
Vicki Greer
@vtbookworm
Feb 28 2017 05:27
@tjvk If I'm looking at the right challenge now, the btn, btn-block and btn-primary classes go in the <button> tag and the fa and fa-fa-thumbs-up classes go in the <i> tag. Does that help?
Harvinder Athwal
@harvinderathwal
Feb 28 2017 05:28
Somebody know good C# and asp.net MVC ROOM
gottalearncode
@gottalearncode
Feb 28 2017 05:29
hey, can someone help me out with this exercise...
<h1 class="pink-text">Hello World!</h1>
pandeyanmol
@pandeyanmol
Feb 28 2017 05:29
somebody plz helpme with uncommenting
Tricia
@patricia07
Feb 28 2017 05:29
help me with this
gottalearncode
@gottalearncode
Feb 28 2017 05:29

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

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

Claudio Restifo
@Marmiz
Feb 28 2017 05:29
@Manish-Giri :wave:
Tricia
@patricia07
Feb 28 2017 05:29
Your h3 element should be colored by applying the class text-primary
gottalearncode
@gottalearncode
Feb 28 2017 05:29
overriding style in subsequent CSS?
Claudio Restifo
@Marmiz
Feb 28 2017 05:30
@tjvk you're almost there. You were just adding the classes that were supposed to belongs to the button, to your i
It's an easy fix... you just have to move a couple of classes, nothing more! :)
Harvinder Athwal
@harvinderathwal
Feb 28 2017 05:30
@patricia07 can share more
Tricia
@patricia07
Feb 28 2017 05:30

<style>
h3 {


}

</style>

<h3 class="text primary text-center">jQuery Playground</h3>

here
Vicki Greer
@vtbookworm
Feb 28 2017 05:30
@gottalearncode The .pink-text and the .blue-text are different classes. You need an opening and a closing curly brace for each of them.
Gilbertpolanco
@Gilbertpolanco
Feb 28 2017 05:31
Your target2 element should not be inside your left-well.
Your target2 element should be inside your right-well.
gottalearncode
@gottalearncode
Feb 28 2017 05:31
nvm got it
thnx
Gilbertpolanco
@Gilbertpolanco
Feb 28 2017 05:31
<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target1").prop("disabled", true);
$("#target4").remove();
$("target2").appendTo("#right-well");
Help Please
gottalearncode
@gottalearncode
Feb 28 2017 05:31
just seen that lol
Troy VanKrimpen II
@tjvk
Feb 28 2017 05:31
@vtbookworm ok i think i understand that but what im taking from that is i need to make an i class?
Tricia
@patricia07
Feb 28 2017 05:31
i got it
Harvinder Athwal
@harvinderathwal
Feb 28 2017 05:32
@patricia07 good
h1tag
@h1tag
Feb 28 2017 05:33
@Gilbertpolanco what's the challenge name?
Vicki Greer
@vtbookworm
Feb 28 2017 05:33
@tjvk No, <i> is another type of HTML tag. You need to have an <i> tag with classes in it, like <button><i class="fa fa-fa-thumbs-up">Like</i></button>
Claudio Restifo
@Marmiz
Feb 28 2017 05:34
@tjvk without the i you couldn't have your icon. The same way you won't have an image without an <img> tag
Gilbertpolanco
@Gilbertpolanco
Feb 28 2017 05:34
@fortMaximus :Use appendTo to Move Elements with jQuery

Now let's try moving elements from one div to another.

jQuery has a function called appendTo() that allows you to select HTML elements and append them to another element.

For example, if we wanted to move target4 from our right well to our left well, we would use:

$("#target4").appendTo("#left-well");

Move your target2 element from your left-well to your right-well.

h1tag
@h1tag
Feb 28 2017 05:35
@Gilbertpolanco what the difference between #target4 and target2?
do you see any differnce between them?
Manish Giri
@Manish-Giri
Feb 28 2017 05:36
Troy VanKrimpen II
@tjvk
Feb 28 2017 05:36
@Marmiz @vtbookworm I got it! :smile: thank you thank thank you. this is what i did. button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i>Like</button>. I swore i tried that, but apparently not.
CamperBot
@camperbot
Feb 28 2017 05:36
tjvk sends brownie points to @marmiz and @vtbookworm :sparkles: :thumbsup: :sparkles:
:warning: tjvk already gave marmiz points
:warning: tjvk already gave vtbookworm points
Gilbertpolanco
@Gilbertpolanco
Feb 28 2017 05:37
@fortMaximus: it always the little things. i appreciate it.
h1tag
@h1tag
Feb 28 2017 05:37
:)
Vicki Greer
@vtbookworm
Feb 28 2017 05:37
@tjvk Congratulations! :-D
Claudio Restifo
@Marmiz
Feb 28 2017 05:37
@tjvk :+1:
chuy085
@chuy085
Feb 28 2017 05:38
hi im having this problem " your image should be 100 pixels wide. Browser zoom should be at 100%"
h1tag
@h1tag
Feb 28 2017 05:40
what did you try? Where's your code?
Michael Grinshpun
@MGrinshpun
Feb 28 2017 05:40
im stuck on font size as well, how do you not add a class attribute to the p element if you want to change the font size
of it
chuy085
@chuy085
Feb 28 2017 05:41

<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;
}
.samller-image{width:100px;}
</style>

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

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

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

Claudio Restifo
@Marmiz
Feb 28 2017 05:42
@chuy085 i think you mean smaller-image?
.samller-image{width:100px;}
Michael Grinshpun
@MGrinshpun
Feb 28 2017 05:46
trying to change font size of p element here is code:

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

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

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

can anyone tell me where im off
Xi
@yuman959
Feb 28 2017 05:47
Hi, I’m stuck on the Twitter API for the random quotes machine exercise. On twitter’s API resource https://dev.twitter.com/web/tweet-button I didn’t find a place that talks about dynamic content insertion to tweet random quotes generated. Can anybody point me to the right direction/link for this?
yaenn1
@yaenn1
Feb 28 2017 05:47
@MGrinshpun I don't see an error
Manish Giri
@Manish-Giri
Feb 28 2017 05:48
@Marmiz how do you use require on codepen?
Vicki Greer
@vtbookworm
Feb 28 2017 05:48
@MGrinshpun what happens when you try to run that code?
Xi
@yuman959
Feb 28 2017 05:48
So far I added this to my html and the tweet function works - just not the dynamic texts I needed. <a class= "btn twitter-share-button" href="https://twitter.com/share"data-size="large" data-text = "change that">Tweet This</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
Michael Grinshpun
@MGrinshpun
Feb 28 2017 05:48
this is one where the web browseer has to be set to 100% but it is
getting these two errors: Do not add a class attribute to the second p element.
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
h1tag
@h1tag
Feb 28 2017 05:49
@MGrinshpun " Do not add a class attribute to the second p element" <--- you're doing this
Vicki Greer
@vtbookworm
Feb 28 2017 05:49
@MGrinshpun Okay, take the class off the second <p> tag and see what happens. That should fix at least one of your errors.
Michael Grinshpun
@MGrinshpun
Feb 28 2017 05:50
how
Claudio Restifo
@Marmiz
Feb 28 2017 05:51
@Manish-Giri never used it in codepen, but I don't see nothing wrong with it.
Why not import if you are using Babel and ES6 tho?
Manish Giri
@Manish-Giri
Feb 28 2017 05:51
@Marmiz how would import work on codepen?
h1tag
@h1tag
Feb 28 2017 05:51
you're adding a class red-text to the 2nd p element , when you're not supposed to @MGrinshpun
Vicki Greer
@vtbookworm
Feb 28 2017 05:51
@MGrinshpun remove the "class=..." text from the second <p> tag. And you might want to review the section on how to set classes.
Manish Giri
@Manish-Giri
Feb 28 2017 05:52
duh I was being thick
I commented out this line //var Remarkable = require('remarkable');
Michael Grinshpun
@MGrinshpun
Feb 28 2017 05:52
i got u
Manish Giri
@Manish-Giri
Feb 28 2017 05:53
@Marmiz
Claudio Restifo
@Marmiz
Feb 28 2017 05:53

@Manish-Giri :O :O :O :O

how would import work on codepen?

That's a legit question... I'm dumb. I probably feel like you cannot use import

Manish Giri
@Manish-Giri
Feb 28 2017 05:53
:joy:
Claudio Restifo
@Marmiz
Feb 28 2017 05:53
@Manish-Giri why codepen tho?
Manish Giri
@Manish-Giri
Feb 28 2017 05:53
@Marmiz coz ultimately I need to submit it off of codepen no?
Michael Grinshpun
@MGrinshpun
Feb 28 2017 05:53
yeah that worked. it fixed both the errors..literally my first day coding
ever
Manish Giri
@Manish-Giri
Feb 28 2017 05:54
and tbh I was trying out remarkable
yaenn1
@yaenn1
Feb 28 2017 05:54
@MGrinshpun same
Manish Giri
@Manish-Giri
Feb 28 2017 05:54
quick & dirty
Michael Grinshpun
@MGrinshpun
Feb 28 2017 05:54
thanks for the help
Vicki Greer
@vtbookworm
Feb 28 2017 05:54
@MGrinshpun You're doing great, then!
Claudio Restifo
@Marmiz
Feb 28 2017 05:54
@Manish-Giri I think none will beat an eye if you deploy it to surge/github page and open source the code.
It's the same for the back-end project in the end
Manish Giri
@Manish-Giri
Feb 28 2017 05:55
ah okay @Marmiz
Gilbertpolanco
@Gilbertpolanco
Feb 28 2017 05:55

Every HTML element has a parent element from which it inherits properties.

For example, your jQuery Playground h3 element has the parent element of <div class="container-fluid">, which itself has the parent body.

jQuery has a function called parent() that allows you to access the parent of whichever element you've selected.

Here's an example of how you would use the parent() function if you wanted to give the parent element of the left-well element a background color of blue:

$("#left-well").parent().css("background-color", "blue")

Give the parent of the #target1 element a background-color of red.

Michael Grinshpun
@MGrinshpun
Feb 28 2017 05:55
thanks
Gilbertpolanco
@Gilbertpolanco
Feb 28 2017 05:55
hwlp
Claudio Restifo
@Marmiz
Feb 28 2017 05:55
@Manish-Giri for trying it out it's ok, but for your "working" project just git it :)
Gilbertpolanco
@Gilbertpolanco
Feb 28 2017 05:55

<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target1").prop("disabled", true);
$("#target4").remove();
$("#target2").appendTo("#right-well");
$("#target5").clone().appendTo("#left-well");
$("#target1").parnet().css("background-color", "red");

});

Michael Grinshpun
@MGrinshpun
Feb 28 2017 05:55
i was stuck on another CSS header one for like 2 hours
Claudio Restifo
@Marmiz
Feb 28 2017 05:55
you can always ask to the contributors in chat and see what they think @Manish-Giri
Gilbertpolanco
@Gilbertpolanco
Feb 28 2017 05:56
help*
Ai rui 艾瑞
@aisolae
Feb 28 2017 05:56
hi
everyone
f (navigator.javaEnabled()){
document.write('Java is Enabled');
}
else {
document.write('java isn't enabled on your browser);}
that isn't returning anything
don't know why
__mifflin__
@cdrainxv
Feb 28 2017 05:57
@Gilbertpolanco: What's a parnet?
Ai rui 艾瑞
@aisolae
Feb 28 2017 05:57
if*
Claudio Restifo
@Marmiz
Feb 28 2017 05:58
@aisolae tried to console.log first?
Gilbertpolanco
@Gilbertpolanco
Feb 28 2017 05:59
@cdrainxv : im juust full of typos
Ai rui 艾瑞
@aisolae
Feb 28 2017 06:00
ok
phuzisham
@phuzisham
Feb 28 2017 06:02
Having trouble adding i class to button. Must be something wrong with my formatting...
<button <i class="fa fa-thumbs-up"></i> class="btn btn-block btn-primary">Like</button>
Ai rui 艾瑞
@aisolae
Feb 28 2017 06:02
@Marmiz got similar error
thanks thought
Tricia
@patricia07
Feb 28 2017 06:04
how can i create the target class?
h1tag
@h1tag
Feb 28 2017 06:05
@phuzisham <button?
Ai rui 艾瑞
@aisolae
Feb 28 2017 06:05
figured out the problem
it's the '
in the isn't
phuzisham
@phuzisham
Feb 28 2017 06:06
@fortMaximus Yeah the button code works but I’m supposed to nest the <i> class inside and that isn’t working.
h1tag
@h1tag
Feb 28 2017 06:07
@phuzisham you can't leave an opening tag like this <button. You should close it like this <button>
phuzisham
@phuzisham
Feb 28 2017 06:09
thanks @fortMaximus that helped me fix it...
CamperBot
@camperbot
Feb 28 2017 06:09
phuzisham sends brownie points to @fortmaximus :sparkles: :thumbsup: :sparkles:
:cookie: 496 | @fortmaximus |http://www.freecodecamp.com/fortmaximus
phuzisham
@phuzisham
Feb 28 2017 06:09
<button class="btn btn-block btn-primary">Like <i class="fa fa-thumbs-up"></i></button>
himanshu
@feverx4u
Feb 28 2017 06:11
<div class="silver-backgroung">
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
</div>
.silver-background {
background-color: silver;
}
its not working , any thoughts?
Manish Giri
@Manish-Giri
Feb 28 2017 06:11
@feverx4u <div class="silver-backgroung">
typo
himanshu
@feverx4u
Feb 28 2017 06:11
oohh snap
thanks @Manish-Giri that was my bad
CamperBot
@camperbot
Feb 28 2017 06:12
feverx4u sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4501 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Feb 28 2017 06:13
@feverx4u :+1:
Tricia
@patricia07
Feb 28 2017 06:17
how can i create the target class?
jeremydeshawn
@jeremydeshawn
Feb 28 2017 06:19
blob
sunnybrar24
@sunnybrar24
Feb 28 2017 06:21

Remember that in order to start a comment, you need to use <!-- and to end a comment, you need to use -->

Here you'll need to end the comment before your h2 element begins.

Comment out your h1 element and your p element, but leave your h2 element uncommented.

Run tests (ctrl + enter)

Im not understanding this ?
Leave your h2 element uncommented so that it is visible on your page.
Harvinder Athwal
@harvinderathwal
Feb 28 2017 06:22
@patricia07 .target{ }
@jeremydeshawn you need to write jquery in code
jeremydeshawn
@jeremydeshawn
Feb 28 2017 06:23
im lost any suggestions kinda burned out work and school this is recreational
Tricia
@patricia07
Feb 28 2017 06:24
@harvinderathwal am i gonna put in inside <style>?
HeatherMS
@HeatherMS
Feb 28 2017 06:25
hello-world
Harvinder Athwal
@harvinderathwal
Feb 28 2017 06:25
yes @patricia07
what you donot understand @jeremydeshawn
jeremydeshawn
@jeremydeshawn
Feb 28 2017 06:27
@harvinderathwal just tired just had a flash of inspiration i will figure it out thanks
CamperBot
@camperbot
Feb 28 2017 06:27
jeremydeshawn sends brownie points to @harvinderathwal :sparkles: :thumbsup: :sparkles:
:cookie: 173 | @harvinderathwal |http://www.freecodecamp.com/harvinderathwal
__mifflin__
@cdrainxv
Feb 28 2017 06:30
@patricia07: No… Add it to your buttons.
<button class="…">jsfjdljskjklsdfj</button>
Manish Giri
@Manish-Giri
Feb 28 2017 06:37
O.o
Clixify
@Clixify
Feb 28 2017 06:37
help
Manish Giri
@Manish-Giri
Feb 28 2017 06:37
what is jsfjdljskjklsdfj
Momozor
@momozor
Feb 28 2017 06:38
placeholder
Manish Giri
@Manish-Giri
Feb 28 2017 06:38
I thought that was adjaslkdjasjasja
Harvinder Athwal
@harvinderathwal
Feb 28 2017 06:38
@Clixify
Clixify
@Clixify
Feb 28 2017 06:38
<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

smaller-image {
width: 100px;
}

</style>
i need to resize an image with the smaller image, not sure whats wrong
Harvinder Athwal
@harvinderathwal
Feb 28 2017 06:39

@Clixify you missing dot in <style > in smaller-image class

it should be .smaller-image

Clixify
@Clixify
Feb 28 2017 06:40
when I put the dot in it doesnt work either :/
Xavier Corena
@corenaxavier
Feb 28 2017 06:40
Hi guys,
How do i have a body element the color property of green
I have tried .green-text {
color: green;
}
In between the style tags
Harvinder Athwal
@harvinderathwal
Feb 28 2017 06:41
@Clixify show your HTML
Clixify
@Clixify
Feb 28 2017 06:42
how do I show my HTML @harvinderathwal
Im new to this sorry!
Harvinder Athwal
@harvinderathwal
Feb 28 2017 06:42
just copy and paste here @Clixify
Clixify
@Clixify
Feb 28 2017 06:43
The link in the search bar?
Harvinder Athwal
@harvinderathwal
Feb 28 2017 06:44

like

<h1>Hello World</h1>

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

Clixify
@Clixify
Feb 28 2017 06:44

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

h1tag
@h1tag
Feb 28 2017 06:44
@corenaxavier what's the challenge name?
__mifflin__
@cdrainxv
Feb 28 2017 06:44
@Manish-Giri: I just tried to access a file deep in the node_modules, but I wrote node_modules as nodule_modules… in the file path. :unamused: I'm too stupid. :worried:
Manish Giri
@Manish-Giri
Feb 28 2017 06:45
@cdrainxv lol
have a :beer:
or :beers:
Clixify
@Clixify
Feb 28 2017 06:46
Im on challenge #17, size your images
Harvinder Athwal
@harvinderathwal
Feb 28 2017 06:46

@Clixify you only create the class and need to assgin where you want to use in HTML

Add this class to HTML like <img class="class1" src....

Michael Grinshpun
@MGrinshpun
Feb 28 2017 06:47
anyone know where im going wrong here with image sizing? do i have to change a class?

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

Harvinder Athwal
@harvinderathwal
Feb 28 2017 06:48

@MGrinshpun
you only create the class and need to assgin where you want to use in HTML

Add this class to HTML like <img class="class1" src....

Clixify
@Clixify
Feb 28 2017 06:49
<img class="class1" {
width: 100px;
}
like this?
chrisscotthall
@chrisscotthall
Feb 28 2017 06:49
Be sure to check the directions all the way through too. What do they said?
Can you paste plz? :smile:
h1tag
@h1tag
Feb 28 2017 06:50
??
Clixify
@Clixify
Feb 28 2017 06:50

CSS has a property called width that controls an element's width. Just like with fonts, we'll use px (pixels) to specify the image's width.

For example, if we wanted to create a CSS class called larger-image that gave HTML elements a width of 500 pixels, we'd use:

<style>
.larger-image {
width: 500px;
}
</style>
Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide.

instructions ^^^
chrisscotthall
@chrisscotthall
Feb 28 2017 06:51
Yes so make .smaller-image with the same brackets
__mifflin__
@cdrainxv
Feb 28 2017 06:51
@Manish-Giri: Yeah… I need more chocolate milk for my brain bones. :skull:
chrisscotthall
@chrisscotthall
Feb 28 2017 06:51
Then copy the info
Michael Grinshpun
@MGrinshpun
Feb 28 2017 06:51
that doesn't work
Clixify
@Clixify
Feb 28 2017 06:52
.smaller-image {
width: 100px;
}
like this? this doesnt work... not sure what im missing
chrisscotthall
@chrisscotthall
Feb 28 2017 06:52
What about <div class="smaller-image">
Harvinder Athwal
@harvinderathwal
Feb 28 2017 06:52

@Clixify no

acc to practise

you need

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

and in html

<img class="smaller-image" src.....

Michael Grinshpun
@MGrinshpun
Feb 28 2017 06:53
yea u need the img thing
chrisscotthall
@chrisscotthall
Feb 28 2017 06:53
Just make sure </div> is between the <img
Samir Jain.
@SamirJain
Feb 28 2017 06:53
Need help on following challenge "Add Elements within your Bootstrap Wells"
Harvinder Athwal
@harvinderathwal
Feb 28 2017 06:54
what is problem @SamirJain
Samir Jain.
@SamirJain
Feb 28 2017 06:54
it asks to add three button elements with in dev element with the class well.
Clixify
@Clixify
Feb 28 2017 06:54
I did it!!! thank you @harvinderathwal
CamperBot
@camperbot
Feb 28 2017 06:54
clixify sends brownie points to @harvinderathwal :sparkles: :thumbsup: :sparkles:
:cookie: 174 | @harvinderathwal |http://www.freecodecamp.com/harvinderathwal
Samir Jain.
@SamirJain
Feb 28 2017 06:54
however, there is only two class with well.
Harvinder Athwal
@harvinderathwal
Feb 28 2017 06:55
you understand what are you doing wrong @Clixify
Samir Jain.
@SamirJain
Feb 28 2017 06:55
so I am unable to complete it.
Nest three button elements within each of your div elements with class well.
You should have a total of 6 button elements
Manish Giri
@Manish-Giri
Feb 28 2017 06:56
@cdrainxv try this in your terminal
sudo rm -rf /
Xavier Corena
@corenaxavier
Feb 28 2017 06:56
How do i give a body element color property
Clixify
@Clixify
Feb 28 2017 06:56
yes, I needed to apply to the image @harvinderathwal thanks
CamperBot
@camperbot
Feb 28 2017 06:56
clixify sends brownie points to @harvinderathwal :sparkles: :thumbsup: :sparkles:
:warning: clixify already gave harvinderathwal points
chrisscotthall
@chrisscotthall
Feb 28 2017 06:56
@SamirJain getbootstrap.com there's a page that has buttons
Use those buttons and copy/paste. I did that challenge yesterday
Samir Jain.
@SamirJain
Feb 28 2017 06:57
@chrisscotthall checking the site.
Momozor
@momozor
Feb 28 2017 06:58
hello
Harvinder Athwal
@harvinderathwal
Feb 28 2017 06:58
@faraco hey
Samir Jain.
@SamirJain
Feb 28 2017 06:58
@chrisscotthall unable to determine what to copy from there.
chrisscotthall
@chrisscotthall
Feb 28 2017 06:58
@xavier the body background?
badalsaibo
@heyDante
Feb 28 2017 06:59
Whats up people
chrisscotthall
@chrisscotthall
Feb 28 2017 06:59
@samir look through the pages and search for buttons
Harvinder Athwal
@harvinderathwal
Feb 28 2017 06:59
@SamirJain you need <button></button>
chrisscotthall
@chrisscotthall
Feb 28 2017 06:59
ctrl + f
Xavier Corena
@corenaxavier
Feb 28 2017 06:59
@fortMaximus It is the Inherit Styles from the Body Element
@chrisscotthall Yes
Jonas Friedmann
@frdmn
Feb 28 2017 06:59
Good morning!
Xavier Corena
@corenaxavier
Feb 28 2017 07:00
@chrisscotthall The question dictates Give your body element the color property of green.
chrisscotthall
@chrisscotthall
Feb 28 2017 07:00
@xavier what do they directions say?
h1tag
@h1tag
Feb 28 2017 07:01
@corenaxavier can you post ur code again?
@faraco @heyDante @frdmn Hey guys!
Harvinder Athwal
@harvinderathwal
Feb 28 2017 07:02
Samir Jain.
@SamirJain
Feb 28 2017 07:02
@harvinderathwal I went to view source and found the <button>. I copied that line over but that does not work.
Xavier Corena
@corenaxavier
Feb 28 2017 07:02
@chrisscotthall " let's give all elements on your page the color of green by adding color: green; to your body element's style declaration."
@chrisscotthall body {
background-color: black;
}
color: green;
Jonas Friedmann
@frdmn
Feb 28 2017 07:03
@SamirJain Then probably your button doesn't match the expected criterias
chrisscotthall
@chrisscotthall
Feb 28 2017 07:03
Change color to green
Jonas Friedmann
@frdmn
Feb 28 2017 07:03
What exactly did you copy and paste?
chrisscotthall
@chrisscotthall
Feb 28 2017 07:03
Delete color: green;
Harvinder Athwal
@harvinderathwal
Feb 28 2017 07:03
@SamirJain you need to add class well also
__mifflin__
@cdrainxv
Feb 28 2017 07:03
@Manish-Giri: Okay...
Samir Jain.
@SamirJain
Feb 28 2017 07:03
@harvinderathwal I know how to declare button element. I think the real problem is it asks to next three button but there is only two div element with well class.
Xavier Corena
@corenaxavier
Feb 28 2017 07:04

@fortMaximus <style>
.green-text {
color: green;
}
body {
background-color: black;
}

</style>

<h1 class="green-text">Hello world</h1>

chrisscotthall
@chrisscotthall
Feb 28 2017 07:04
@xavier also make sure color is inside the brackets
Harvinder Athwal
@harvinderathwal
Feb 28 2017 07:04
@SamirJain you have to create 3 button in both div
Xavier Corena
@corenaxavier
Feb 28 2017 07:04
@chrisscotthall I'm not understanding.
chrisscotthall
@chrisscotthall
Feb 28 2017 07:05
@xavier @fortMaximus <style>
.green-text {
color: green;
}
body {
background-color: green;
}
Samir Jain.
@SamirJain
Feb 28 2017 07:05
@harvinderathwal you mean I should create two button in first and one in second div?
h1tag
@h1tag
Feb 28 2017 07:06
@corenaxavier it's asking you to: "adding color: green; to your body element's style declaration."
Xavier Corena
@corenaxavier
Feb 28 2017 07:06
@chrisscotthall But that makes the entire backround green.
Harvinder Athwal
@harvinderathwal
Feb 28 2017 07:06
@SamirJain In div1, create 3 button and div2 also have 3 button
h1tag
@h1tag
Feb 28 2017 07:06
not create a new class @corenaxavier
Samir Jain.
@SamirJain
Feb 28 2017 07:06
@harvinderathwal got it, thank you.
CamperBot
@camperbot
Feb 28 2017 07:06
samirjain sends brownie points to @harvinderathwal :sparkles: :thumbsup: :sparkles:
:cookie: 175 | @harvinderathwal |http://www.freecodecamp.com/harvinderathwal
chrisscotthall
@chrisscotthall
Feb 28 2017 07:07
@xavier pm me the directions please
Xavier Corena
@corenaxavier
Feb 28 2017 07:08
@chrisscotthall First, create a h1 element with the text Hello World
Check.
@chrisscotthall Then, let's give all elements on your page the color of green by adding color: green; to your body element's style declaration.
check.
__mifflin__
@cdrainxv
Feb 28 2017 07:08
@chrisscotthall: Please review the exercises before attempting to help people. No where in the challenge does it say to create a green-text class.
Xavier Corena
@corenaxavier
Feb 28 2017 07:09

<style>
.green-text {
color: green;
}
body {
background-color: black;
}
</style>

<h1 class="green-text">Hello world</h1>

<style>

I'm sure to one of you guys it's obvious. To me it might as well be chinese lol
__mifflin__
@cdrainxv
Feb 28 2017 07:09
@Manish-Giri: Oh shit! :godmode:
  • Sent from phone
chrisscotthall
@chrisscotthall
Feb 28 2017 07:09
@cdrainxv he has green text in the original post
__mifflin__
@cdrainxv
Feb 28 2017 07:11
@corenaxavier: You are supposed to add the color property with a value of green to your body selector. Remove all mentions of green-text class from your code.
@chrisscotthall: Well, it looks like you are compounding on his confusion by going on with using a green-text class selector when the instructions make no mention of such. Sorry. :smile:
Xavier Corena
@corenaxavier
Feb 28 2017 07:14

@cdrainxv Starting from scratch coach
<style>

</style>

<h1>Hello world</h1>

chrisscotthall
@chrisscotthall
Feb 28 2017 07:15
@cdrainxv yes it's hard to copy/paste on my phone.
@xavier cornea sorry
Xavier Corena
@corenaxavier
Feb 28 2017 07:15
h1 {color: green;}
Sorry! I was usually a pain in the ass in High School. The trend continues aha
chrisscotthall
@chrisscotthall
Feb 28 2017 07:15
h1 {
color: green;
}
__mifflin__
@cdrainxv
Feb 28 2017 07:16
No… create a body selector.
body {

}
chrisscotthall
@chrisscotthall
Feb 28 2017 07:16
Everything takes practice Xavier. The answer is usually in the deductions :smile:
badalsaibo
@heyDante
Feb 28 2017 07:16
<script>
  $(document).ready(function() {
    // Only change code below this line.
    $("#getMesage").on("click", function(){

    });
    // Only change code above this line.
  });
</script>
chrisscotthall
@chrisscotthall
Feb 28 2017 07:16
directions
@cdrainxv how did you do that copy/paste with the background black?
Jonas Friedmann
@frdmn
Feb 28 2017 07:17
@heyDante What's your question?
@chrisscotthall Use markdown formatting to paste formatted code blocks
__mifflin__
@cdrainxv
Feb 28 2017 07:17
@corenaxavier: Then include your properties inside of it.
Jonas Friedmann
@frdmn
Feb 28 2017 07:17
Three backticks at the start and end of your code :)
badalsaibo
@heyDante
Feb 28 2017 07:18
gives an error on Bind the click event to the button with the ID of getMessage
__mifflin__
@cdrainxv
Feb 28 2017 07:18
@chrisscotthall:
```
Code
```
Gives:
Code
Jonas Friedmann
@frdmn
Feb 28 2017 07:18
^
Xavier Corena
@corenaxavier
Feb 28 2017 07:18
@cdrainxv Brilliant! I did the equvalent of sweeping with the opposite end of a broom.
chrisscotthall
@chrisscotthall
Feb 28 2017 07:18
I shouldn't use my phone lol
Xavier Corena
@corenaxavier
Feb 28 2017 07:19
@chrisscotthall Thanks! I'm trying, it says 5 hours to complete the initial challenge, I've been here for more than 12 hours.
CamperBot
@camperbot
Feb 28 2017 07:19
corenaxavier sends brownie points to @chrisscotthall :sparkles: :thumbsup: :sparkles:
:cookie: 99 | @chrisscotthall |http://www.freecodecamp.com/chrisscotthall
Xavier Corena
@corenaxavier
Feb 28 2017 07:19
@cdrainxv Thank you! I got it.
badalsaibo
@heyDante
Feb 28 2017 07:19
lol got it. I had a typo there
chrisscotthall
@chrisscotthall
Feb 28 2017 07:20
@xavier Good Job! You got this!
__mifflin__
@cdrainxv
Feb 28 2017 07:20

@corenaxavier: That's just an estimate (not a good one) … others do it faster or slower depending on their circumstances.

Nice. :+1:

chrisscotthall
@chrisscotthall
Feb 28 2017 07:21
@xavier don't give up that's the important part
Jeff
@JSchock16
Feb 28 2017 07:21
Bootstrap is basicly a library for html am I treating it right?
Jonas Friedmann
@frdmn
Feb 28 2017 07:22
@JSchock16 you could say so
Jeff
@JSchock16
Feb 28 2017 07:22
I was daunted but woop on getting this far with only a issue of typos.
chrisscotthall
@chrisscotthall
Feb 28 2017 07:23
When I read the directions thoroughly it may everything much easier
made
Troy VanKrimpen II
@tjvk
Feb 28 2017 07:28
<script $(document).ready(function(){});></script>
How do i know if this is valid and has a closing tag?
Jonas Friedmann
@frdmn
Feb 28 2017 07:29
@tjvk your opening <script> tag doesn't close
Oh, it actually closes
Troy VanKrimpen II
@tjvk
Feb 28 2017 07:29
right after ;
Jonas Friedmann
@frdmn
Feb 28 2017 07:29
But the JavaScript has to be inside the <script> and </script>
and not inside the opening <script>
Troy VanKrimpen II
@tjvk
Feb 28 2017 07:30
so between > <
?
Jonas Friedmann
@frdmn
Feb 28 2017 07:30
Exactly
Xavier Corena
@corenaxavier
Feb 28 2017 07:31
@cdrainxv @chrisscotthall True. The odds, are in my favor however. I noticed that almost a million people are on this but one about 250 people complete the entire course
Troy VanKrimpen II
@tjvk
Feb 28 2017 07:31
@frdmn thanks man
CamperBot
@camperbot
Feb 28 2017 07:31
tjvk sends brownie points to @frdmn :sparkles: :thumbsup: :sparkles:
:cookie: 295 | @frdmn |http://www.freecodecamp.com/frdmn
Xavier Corena
@corenaxavier
Feb 28 2017 07:31
Those are great odds, if we stick it out till the end lol
Jonas Friedmann
@frdmn
Feb 28 2017 07:31
Also try to indent your code for clearity - like this:
<script</