These are chat archives for FreeCodeCamp/Help

30th
May 2017
Arslan
@arslan1070
May 30 2017 00:00
so what i have to comment
AJ Brommy
@AJ-Brommy
May 30 2017 00:00
@DjonesCode1 you only need to comment the first line. not the code below it
james umali
@indefinite0212
May 30 2017 00:00
Add a comment at the top of your HTML that says Only change code above this line. @arslan1070
AJ Brommy
@AJ-Brommy
May 30 2017 00:01
james umali
@indefinite0212
May 30 2017 00:01
@thekholm80 haha all about coding
Kyle Holm
@thekholm80
May 30 2017 00:02
very cool
Alexander Køpke
@alexanderkopke
May 30 2017 00:02
AJ Brommy
@AJ-Brommy
May 30 2017 00:03
BojanKrnjajic
@BojanKrnjajic
May 30 2017 00:03
XD
Alexander Køpke
@alexanderkopke
May 30 2017 00:03
lol
AJ Brommy
@AJ-Brommy
May 30 2017 00:03
lol
Kyle Holm
@thekholm80
May 30 2017 00:03
james umali
@indefinite0212
May 30 2017 00:03
comment: <!--....?? -->
AJ Brommy
@AJ-Brommy
May 30 2017 00:04
Rio Huynh
@RioHuynh
May 30 2017 00:04
I'm stuck with the Personal Portfolio Webpage: my tabs on the nav bar stick together, it would be great if anyone can have a look at my code. This is my work: https://codepen.io/riohuynh2016/pen/qqVGQW?editors=1100
BojanKrnjajic
@BojanKrnjajic
May 30 2017 00:04
Alexander Køpke
@alexanderkopke
May 30 2017 00:04
comment on fait un comment?
Luc Martin
@fmartin5
May 30 2017 00:04
AJ Brommy
@AJ-Brommy
May 30 2017 00:05
<!-- no comment -->
@RioHuynh padding?
Kyle Holm
@thekholm80
May 30 2017 00:05
@RioHuynh try something like
li {
  margin: 5px;
}
Manish Giri
@Manish-Giri
May 30 2017 00:06
I gotta give up junk food
Rio Huynh
@RioHuynh
May 30 2017 00:06
I seems like all the tabs are in the same block
I couldn't shift some of them to the right side
Kyle Holm
@thekholm80
May 30 2017 00:07
@Manish-Giri i just ate 3 grilled cheese sandwiches. hashtag healthy living
Manish Giri
@Manish-Giri
May 30 2017 00:07
:joy:
AJ Brommy
@AJ-Brommy
May 30 2017 00:07
@Manish-Giri i heard a song the other day... Junk Food Forever!!! :O
Manish Giri
@Manish-Giri
May 30 2017 00:07
lol
BojanKrnjajic
@BojanKrnjajic
May 30 2017 00:08
chips.... lots & lots & lots of chips...
james umali
@indefinite0212
May 30 2017 00:09
@RioHuynh use https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css instead of version 4 bootstrap in your CSS settings
ooops didn't expect such a big pictured link to come up hahaha
Rio Huynh
@RioHuynh
May 30 2017 00:10
@indefinite0212 wow, it works flawlessly
thanks so much @indefinite0212 , it would be create if you can explain it a bit
CamperBot
@camperbot
May 30 2017 00:10
:star2: 1332 | @indefinite0212 |http://www.freecodecamp.com/indefinite0212
riohuynh sends brownie points to @indefinite0212 :sparkles: :thumbsup: :sparkles:
Diego
@Difdoss
May 30 2017 00:10
@codelearnlv yes!! I've started 1 month ago or so, very helpful community you guys got to make!
tsham
@tsham
May 30 2017 00:11
What is wrong with this
Ravi Kishore Thella
@ravikishorethella
May 30 2017 00:12
@tsham ?
tsham
@tsham
May 30 2017 00:12
what is wrong with this. <form action="/submit-cat-photo"> </form>
AJ Brommy
@AJ-Brommy
May 30 2017 00:13
nothing :P
james umali
@indefinite0212
May 30 2017 00:13
@RioHuynh bootstrap 4 uses different pre-defined class names. and I think class="pull-right" is a bootstrap 3.3.7
Kyle Holm
@thekholm80
May 30 2017 00:13
@tsham probably want to put your input in there, pretty sure that's what the instructions say <form><input></form>
tsham
@tsham
May 30 2017 00:14
I'm getting an x for Nest your text input element within a form element
Ravi Kishore Thella
@ravikishorethella
May 30 2017 00:14
@tsham reaad the instructions
AJ Brommy
@AJ-Brommy
May 30 2017 00:14
ah yes what kyle said
Ravi Kishore Thella
@ravikishorethella
May 30 2017 00:14
@tsham as @thekholm80 said
<form action="/submit-cat-photo">
keep your input tags here
</form>
can someone tell me why my nav bar isnt working
AJ Brommy
@AJ-Brommy
May 30 2017 00:15
@amux you like bread?!
Ama Basan
@amux
May 30 2017 00:15
@AJ-Brommy very much
Kyle Holm
@thekholm80
May 30 2017 00:15
@amux because you have bootstrap.css 4.0 and no bootstrap.js
David Lewis
@lewrawls
May 30 2017 00:15
Hello, I'm David, new to coding. How long have you guys been at it?
Ama Basan
@amux
May 30 2017 00:16
@thekholm80 uh duh thx
CamperBot
@camperbot
May 30 2017 00:16
amux sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 886 | @thekholm80 |http://www.freecodecamp.com/thekholm80
AJ Brommy
@AJ-Brommy
May 30 2017 00:16
@amux also it appears you your navbar isn't within your nav div
Kyle Holm
@thekholm80
May 30 2017 00:16
tsham
@tsham
May 30 2017 00:16
That's what I have...it's not working
Kyle Holm
@thekholm80
May 30 2017 00:16
Ravi Kishore Thella
@ravikishorethella
May 30 2017 00:16
@tsham send the code
Kyle Holm
@thekholm80
May 30 2017 00:17
@lewrawls hi, welcome
Ama Basan
@amux
May 30 2017 00:17
thanks\
@AJ-Brommy it doesn't go in there
Alexander Køpke
@alexanderkopke
May 30 2017 00:18
@lewrawls two years in august. Welcome!
Kyle Holm
@thekholm80
May 30 2017 00:18
@amux make sure you remove the 4.0 css link :smile:
AJ Brommy
@AJ-Brommy
May 30 2017 00:19
@amux ok
@amux you going to put something above the nav then?
Ama Basan
@amux
May 30 2017 00:20
@AJ-Brommy i could, but i haven't made the nav bar stagnant yet so probably not
@thekholm80 thanks again
CamperBot
@camperbot
May 30 2017 00:21
amux sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:warning: amux already gave thekholm80 points
Kyle Holm
@thekholm80
May 30 2017 00:21
:+1:
tsham
@tsham
May 30 2017 00:21
@ravikishorethella got it thanks!
CamperBot
@camperbot
May 30 2017 00:21
tsham sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 318 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
May 30 2017 00:22
@tsham :thumbsup:
Jay R Stewart
@Euticus
May 30 2017 00:26
hi all i have a question about addclasses using jquery
Ravi Kishore Thella
@ravikishorethella
May 30 2017 00:26
@Euticus yes
Fareed F
@IamFareel
May 30 2017 00:27
someone mind taking a look at my portfolio and tell me how i can fix alignment? Do i just set margins?
https://codepen.io/Iamfareel/full/WjmqVa/
Kyle Holm
@thekholm80
May 30 2017 00:27
AJ Brommy
@AJ-Brommy
May 30 2017 00:29
you could try using the bootstrap class text-center
if that is what you are trying to do
oh sorry i think i get it now haha
Alexander Køpke
@alexanderkopke
May 30 2017 00:30
coders
Fareed F
@IamFareel
May 30 2017 00:32
@thekholm80 now my icons are not working in my contact section. why would changing the bootstrap link affect that?
AJ Brommy
@AJ-Brommy
May 30 2017 00:32
@IamFareel I think you could fix it with margins and padding. I think if you don't what the bullet point you could remove that from the style.
Fareed F
@IamFareel
May 30 2017 00:32
alrigtht i'll tinker with that
AJ Brommy
@AJ-Brommy
May 30 2017 00:33
@IamFareel different bootstrap versions use different class names and such
Kyle Holm
@thekholm80
May 30 2017 00:33
@IamFareel you need to link in font-awesome
Ahmad Adnan
@moazadnan
May 30 2017 00:33
hi i need help with this challange "Your pink-text class declaration should have the !important keyword to override all other declarations."
Fareed F
@IamFareel
May 30 2017 00:34
@ashgadala play around with your top nav bar. youll notice the issue i saw when you click through the top nav buttons
@thekholm80 thanks! got it back up and running
CamperBot
@camperbot
May 30 2017 00:35
iamfareel sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 887 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Joshua manguino
@joshua-adrian33
May 30 2017 00:35

<h2>Cat Photo App</h2>
<!--

<p>Hello Paragraph</p>

Kyle Holm
@thekholm80
May 30 2017 00:35
@IamFareel :+1:
AJ Brommy
@AJ-Brommy
May 30 2017 00:35
@IamFareel nice choice for your tribute page :)
Fareed F
@IamFareel
May 30 2017 00:35
@AJ-Brommy ok ill mess around with the padding and margins and see if that works
hah thanks!
Avi
@ashgadala
May 30 2017 00:35
@IamFareel Can you please elaborate the issue you identified
james umali
@indefinite0212
May 30 2017 00:35
@moazadnan show your code
Ahmad Adnan
@moazadnan
May 30 2017 00:36

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

orange-text {

color: orange;

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

<h1 id="orange-text" class="pink-text blue-text" style="color: white">Hello World!</h1>

AJ Brommy
@AJ-Brommy
May 30 2017 00:36
@IamFareel you should also take note of @thekholm80 and his advice :)
Kyle Holm
@thekholm80
May 30 2017 00:36
what did i do? i swear i wasn't even in Cabo that week
Avi
@ashgadala
May 30 2017 00:37
@Benkavod :wave:
james umali
@indefinite0212
May 30 2017 00:37
@moazadnan just add !important in your color: pink
Manish Giri
@Manish-Giri
May 30 2017 00:37
where's cabo
Kyle Holm
@thekholm80
May 30 2017 00:37
cabo san lucas?
Nicoivazquez
@Nicoivazquez
May 30 2017 00:37
<p>"cat
<a href='http://freecatphotoapp.com'>
</a>
photos"</p>
Manish Giri
@Manish-Giri
May 30 2017 00:37
ah mexico
Kyle Holm
@thekholm80
May 30 2017 00:38
yeah
Nicoivazquez
@Nicoivazquez
May 30 2017 00:38
how do i make the anchor text cat photos
Kyle Holm
@thekholm80
May 30 2017 00:38
@Manish-Giri oops i mean i dunno, never been there
Manish Giri
@Manish-Giri
May 30 2017 00:38
:smiling_imp:
x
vinceflores
@vinceflores
May 30 2017 00:39
guys I need help
Kyle Holm
@thekholm80
May 30 2017 00:39
shibas are so awesome
vinceflores
@vinceflores
May 30 2017 00:39
I'll provide the link
https://www.freecodecamp.com/challenges/link-to-external-pages-with-anchor-elements#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%3E%0A%0A%3Cp%20class%3D%22red-text%22%3EKitty%20ipsum%20dolor%20sit%20amet%2C%20shed%20everywhere%20shed%20everywhere%20stretching%20attack%20your%20ankles%20chase%20the%20red%20dot%2C%20hairball%20run%20catnip%20eat%20the%20grass%20sniff.%3C%2Fp%3E%0A%3Cp%20class%3D%22red-text%22%3EPurr%20jump%20eat%20the%20grass%20rip%20the%20couch%20scratched%20sunbathe%2C%20shed%20everywhere%20rip%20the%20couch%20sleep%20in%20the%20sink%20fluffy%20fur%20catnip%20scratched.%3C%2Fp%3E%0A%3Cp%3Ecat%20photos%20%3Ca%20href%3D%22http%3A%2F%2Ffreecatphotoapp.com%22%3E%20link%20to%20free%20code%20camp%3C%2Fa%3E%20for%20you%20to%20follow.%3C%2Fp%3E
AJ Brommy
@AJ-Brommy
May 30 2017 00:40
@IamFareel it seems you are trying to use the Lobster font-family, but you haven't included it
Ahmad Adnan
@moazadnan
May 30 2017 00:40
@indefinite0212 thanks
CamperBot
@camperbot
May 30 2017 00:40
moazadnan sends brownie points to @indefinite0212 :sparkles: :thumbsup: :sparkles:
:star2: 1333 | @indefinite0212 |http://www.freecodecamp.com/indefinite0212
Manish Giri
@Manish-Giri
May 30 2017 00:40
x
Kyle Holm
@thekholm80
May 30 2017 00:40
@Manish-Giri have you seen the otter that plays dead?
Manish Giri
@Manish-Giri
May 30 2017 00:40
@thekholm80
lemme find it
Kyle Holm
@thekholm80
May 30 2017 00:40
james umali
@indefinite0212
May 30 2017 00:41
@vinceflores your anchor text should be cat photos
Manish Giri
@Manish-Giri
May 30 2017 00:41
omg
so adorable
Kyle Holm
@thekholm80
May 30 2017 00:41
i love how it peeks to see if it should still be dead
Manish Giri
@Manish-Giri
May 30 2017 00:42
yeaah
Nicoivazquez
@Nicoivazquez
May 30 2017 00:42
@indefinite0212 does it go before or after the link?
vinceflores
@vinceflores
May 30 2017 00:42
@indefinite0212 I don't understand
AJ Brommy
@AJ-Brommy
May 30 2017 00:44
@IamFareel you've included the font family khula though!?
Wyatt Hampton
@wyatthampton3
May 30 2017 00:44
How do I leave it uncommented so that it is visible on my page
Kyle Holm
@thekholm80
May 30 2017 00:45
just before you start commenting it out, stop
Joshua
@Joshmcnair88
May 30 2017 00:45
Hey everyone
Kyle Holm
@thekholm80
May 30 2017 00:45
anything between <!-- and --> won't show up on the page in the browser
james umali
@indefinite0212
May 30 2017 00:45
<a href="link"> ANCHOR TEXT GOES HERE</a> @vinceflores @Nicoivazquez
Oputa Rhema
@oputarhema
May 30 2017 00:46
pls wats wrong with this
<p>View more
<a href="http://www.freecatphotoapp.com">cat photos</a>
</p>
Joshua
@Joshmcnair88
May 30 2017 00:46
I am getting ready to start my tribute page on codepen.io
james umali
@indefinite0212
May 30 2017 00:46
@oputarhema try to refresh your page
Manish Giri
@Manish-Giri
May 30 2017 00:47
@Joshmcnair88 good luck
may the force be with you
Joshua
@Joshmcnair88
May 30 2017 00:47
does anyone know which project option I should select
lol Manish
Kyle Holm
@thekholm80
May 30 2017 00:47
create new pen
Manish Giri
@Manish-Giri
May 30 2017 00:47
pick dexter morgan
Oputa Rhema
@oputarhema
May 30 2017 00:47
I've refreshed it
Joshua
@Joshmcnair88
May 30 2017 00:47
Oh Kyle, you are a genius
Henry
@GitHub-Henry
May 30 2017 00:48
@Manish-Giri what season of dexter are you watching?
Oputa Rhema
@oputarhema
May 30 2017 00:48
should I type the same thing again?
Manish Giri
@Manish-Giri
May 30 2017 00:48
@GitHub-Henry 6
boring af
Joshua
@Joshmcnair88
May 30 2017 00:48
now from here, I just create any tribute with html codes?
Is there any specific layout I should follow ?
james umali
@indefinite0212
May 30 2017 00:50
@oputarhema reset your code, and do it again in one line
Joshua
@Joshmcnair88
May 30 2017 00:50
@thekholm80
whitboyafro
@whitboyafro
May 30 2017 00:52
can someone tell me whats wrong with my code
Kyle Holm
@thekholm80
May 30 2017 00:52
@Joshmcnair88 the only requirements are that you have a picture and some text, and a link to another page
the rest is all you
whitboyafro
@whitboyafro
May 30 2017 00:53

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

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

Joshua
@Joshmcnair88
May 30 2017 00:53
Do I need to start with the opening html tags
<!doctype html>
etc...?
Kyle Holm
@thekholm80
May 30 2017 00:53
nope, those are included behind the scenes
Joshua
@Joshmcnair88
May 30 2017 00:53
because I saw the sample code and I didn't see that on top, he just opens with a container div.
so whatever I start entering is going into the body ?
Ahmad Adnan
@moazadnan
May 30 2017 00:55
need help with this "Use rgb to give your body element a color of black. For example body { background-color: rgb(255, 165, 0); }"
Kyle Holm
@thekholm80
May 30 2017 00:55
@Joshmcnair88 yes
if you click the settings, the html section has a spot where you can put stuff in the <head>
Luc Martin
@fmartin5
May 30 2017 00:56
@moazadnan black is rgb(0, 0, 0)
alysonalyson
@alysonalyson
May 30 2017 00:56
Anyone have any advice on beating a "browser zoom should be at 100%" situation? I can't get past this challenge & my code is right, but it just won't display correctly.
james umali
@indefinite0212
May 30 2017 00:57
@alysonalyson show your code
Kyle Holm
@thekholm80
May 30 2017 00:57
@alysonalyson show your code? i'm nearly positive it isn't your browser zoom
alysonalyson
@alysonalyson
May 30 2017 00:57

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

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

Oputa Rhema
@oputarhema
May 30 2017 00:57
@james thanks it worked
CamperBot
@camperbot
May 30 2017 00:57
oputarhema sends brownie points to @james :sparkles: :thumbsup: :sparkles:
:cookie: 36 | @james |http://www.freecodecamp.com/james
Kyle Holm
@thekholm80
May 30 2017 00:58
@alysonalyson smaller-image { needs a . in front
that's how it knows it's a class
alysonalyson
@alysonalyson
May 30 2017 00:58
Ha! Thanks!
Kyle Holm
@thekholm80
May 30 2017 00:58
:+1:
vinceflores
@vinceflores
May 30 2017 00:58
Guys I need help
I'll provide the link
https://www.freecodecamp.com/challenges/nest-an-anchor-element-within-a-paragraph#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3Ecat%20photos%20%3C%2Fp%3Eview%20more%20%0A%3Ca%20href%3D%22http%3A%2F%2Fwww.freecatphotoapp.com%22%3Ecat%20photos%3C%2Fa%3E%0A%0A%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%3E%0A%0A%3Cp%20class%3D%22red-text%22%3EKitty%20ipsum%20dolor%20sit%20amet%2C%20shed%20everywhere%20shed%20everywhere%20stretching%20attack%20your%20ankles%20chase%20the%20red%20dot%2C%20hairball%20run%20catnip%20eat%20the%20grass%20sniff.%3C%2Fp%3E%0A%3Cp%20class%3D%22red-text%22%3EPurr%20jump%20eat%20the%20grass%20rip%20the%20couch%20scratched%20sunbathe%2C%20shed%20everywhere%20rip%20the%20couch%20sleep%20in%20the%20sink%20fluffy%20fur%20catnip%20scratched.%3C%2Fp%3E%0A
DRJcoder
@DRJcoder
May 30 2017 01:00
what do you not understand?
vinceflores
@vinceflores
May 30 2017 01:02
@DRJcoder me?
ScottBland
@ScottBland
May 30 2017 01:02
hello everyone ")
vinceflores
@vinceflores
May 30 2017 01:02
hello
DRJcoder
@DRJcoder
May 30 2017 01:02
@vinceflores <p>View more <a href="http://www.freecatphotoapp.com">cat photos</a></p> you simply have to nest the a element with a p tag.
Henry
@GitHub-Henry
May 30 2017 01:02
@Manish-Giri I remember liking the earlier seasons of dexter, actually, i really like seasons with his brother the most
Kyle Holm
@thekholm80
May 30 2017 01:02
@ScottBland :wave:
Manish Giri
@Manish-Giri
May 30 2017 01:02
@GitHub-Henry yeah the earlier seasons were much better
Henry
@GitHub-Henry
May 30 2017 01:02
@Manish-Giri ever see Breaking Bad
Manish Giri
@Manish-Giri
May 30 2017 01:03
I did
upto s3
Henry
@GitHub-Henry
May 30 2017 01:03
NO, season 4 is EPIC
Manish Giri
@Manish-Giri
May 30 2017 01:03
after that I stopped, don't remember why
okay will watch :smile:
Henry
@GitHub-Henry
May 30 2017 01:03
Gotta see season 4, it rocks
Matthew White
@LordFifth
May 30 2017 01:03
I've only seen the last episode of breaking bad, because free pizza
Kyle Holm
@thekholm80
May 30 2017 01:03
@LordFifth :wave:
Henry
@GitHub-Henry
May 30 2017 01:03
you may needs to rewatch part of season 3 to get into the story line
Matthew White
@LordFifth
May 30 2017 01:04
@thekholm80 @Manish-Giri :wave:
Kyle Holm
@thekholm80
May 30 2017 01:04
I never finished Breaking Bad
ScottBland
@ScottBland
May 30 2017 01:04
<a href="https://www.google.com">is this how you make a link in here</a>
guess not lol
Henry
@GitHub-Henry
May 30 2017 01:04
season 1-4 are best for breaking bad
last 2 are just clean up stuff
ScottBland
@ScottBland
May 30 2017 01:05
i made it it the beginning of season 3 and then dropped of it for dexter lol
to *
Kyle Holm
@thekholm80
May 30 2017 01:05
@ScottBland [text for link](www.linkaddress.com)
Henry
@GitHub-Henry
May 30 2017 01:05
bb season 4, really good
Yusuf
@Yusufu2017
May 30 2017 01:05

quick question: is this correct?

<lable><input type="checkbox" name="personality">grumpy</lable>

ScottBland
@ScottBland
May 30 2017 01:06
cool
james umali
@indefinite0212
May 30 2017 01:06
@Yusufu2017 label not lable
BojanKrnjajic
@BojanKrnjajic
May 30 2017 01:06
label*
Yusuf
@Yusufu2017
May 30 2017 01:06
oic, thanks james!
Manish Giri
@Manish-Giri
May 30 2017 01:07
@LordFifth :wave:
Kyle Holm
@thekholm80
May 30 2017 01:07
took a benadryl, coma coming soon
Matthew White
@LordFifth
May 30 2017 01:08
@thekholm80 are you sick? Get well soon
Kyle Holm
@thekholm80
May 30 2017 01:08
just allergies
it's that time of year
vinceflores
@vinceflores
May 30 2017 01:08
guys I need help https://www.freecodecamp.com/challenges/nest-an-anchor-element-within-a-paragraph#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3Ecat%20photos%20%3C%2Fp%3Eview%20more%20%0A%3Ca%20href%3D%22http%3A%2F%2Fwww.freecatphotoapp.com%22%3Ecat%20photos%3C%2Fa%3E%0A%0A%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%3E%0A%0A%3Cp%20class%3D%22red-text%22%3EKitty%20ipsum%20dolor%20sit%20amet%2C%20shed%20everywhere%20shed%20everywhere%20stretching%20attack%20your%20ankles%20chase%20the%20red%20dot%2C%20hairball%20run%20catnip%20eat%20the%20grass%20sniff.%3C%2Fp%3E%0A%3Cp%20class%3D%22red-text%22%3EPurr%20jump%20eat%20the%20grass%20rip%20the%20couch%20scratched%20sunbathe%2C%20shed%20everywhere%20rip%20the%20couch%20sleep%20in%20the%20sink%20fluffy%20fur%20catnip%20scratched.%3C%2Fp%3E%0A
Manish Giri
@Manish-Giri
May 30 2017 01:09
get well soon
:pray:
@thekholm80
Kyle Holm
@thekholm80
May 30 2017 01:09
thanks @Manish-Giri @LordFifth
CamperBot
@camperbot
May 30 2017 01:09
thekholm80 sends brownie points to @manish-giri and @lordfifth :sparkles: :thumbsup: :sparkles:
:cookie: 537 | @lordfifth |http://www.freecodecamp.com/lordfifth
:star2: 5708 | @manish-giri |http://www.freecodecamp.com/manish-giri
Kyle Holm
@thekholm80
May 30 2017 01:09
@LordFifth any luck with your dungeon?
Matthew White
@LordFifth
May 30 2017 01:09
@vinceflores <p>cat photos </p>view more <a href="http://www.freecatphotoapp.com">cat photos</a> the p element ends way too soon
@thekholm80 I've been learning es6 instead. It's good stuff
Kyle Holm
@thekholm80
May 30 2017 01:11
oh cool
using typescript?
Henry
@GitHub-Henry
May 30 2017 01:11
is there a reason to learn beyond promises, generators etc
Matthew White
@LordFifth
May 30 2017 01:11
not yet
dc82927n
@dc82927n
May 30 2017 01:11
can someone tell me is this correct?
Inherit Styles from the Body Element
Kyle Holm
@thekholm80
May 30 2017 01:11
what are you transpiling it with?
dc82927n
@dc82927n
May 30 2017 01:11

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

</style>

<h1 style = "color: green"> hello world </h1>

Henry
@GitHub-Henry
May 30 2017 01:12
chrome has es6
Matthew White
@LordFifth
May 30 2017 01:12
@thekholm80 just using fcc so far
Kyle Holm
@thekholm80
May 30 2017 01:12
ah, cool
Henry
@GitHub-Henry
May 30 2017 01:12
no transpile for promises
Kyle Holm
@thekholm80
May 30 2017 01:12
const and let are my most favorite things ever
Henry
@GitHub-Henry
May 30 2017 01:13
thinking of typescript for angular when i get to it
Matthew White
@LordFifth
May 30 2017 01:13
es6 can make code a lot cleaner \
spread is my favorite
Henry
@GitHub-Henry
May 30 2017 01:13
starting node i like modules
Kyle Holm
@thekholm80
May 30 2017 01:13
i wish they'd have done skinny arrows along with the fat arrows
Matthew White
@LordFifth
May 30 2017 01:13
-> and =>?
Luc Martin
@fmartin5
May 30 2017 01:13
for of syntax is mine
Manish Giri
@Manish-Giri
May 30 2017 01:13
i'm split between angular 1 and 2
Kyle Holm
@thekholm80
May 30 2017 01:13
yeah
Henry
@GitHub-Henry
May 30 2017 01:13
angular 4 is out
Craig Lee
@cyl84
May 30 2017 01:13
Lesson 72 help?
Here's my code:
Manish Giri
@Manish-Giri
May 30 2017 01:13
1 is old, but apparently not many companies use 2
Craig Lee
@cyl84
May 30 2017 01:14
<div class="row">
<div> <button class="btn btn-primary col-xs-4">Like</button> </div>
<div> <button class="btn btn-info col-xs-4">Info</button> </div>
<div> <button class="btn btn-danger col-xs-4">Delete</button> </div>
</div>
Manish Giri
@Manish-Giri
May 30 2017 01:14
yet
Kyle Holm
@thekholm80
May 30 2017 01:14
angular doesn't inspire me
vinceflores
@vinceflores
May 30 2017 01:14
@LordFifth then what do I do?
Manish Giri
@Manish-Giri
May 30 2017 01:14
4 is just minor improvements over 2
Matthew White
@LordFifth
May 30 2017 01:14
@Manish-Giri learn vue! no company uses it!
Craig Lee
@cyl84
May 30 2017 01:14
But I have an error where it says that "Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4. "
Manish Giri
@Manish-Giri
May 30 2017 01:14
lol
Henry
@GitHub-Henry
May 30 2017 01:14
anyone use ligatures
Manish Giri
@Manish-Giri
May 30 2017 01:14
:joy:
Matthew White
@LordFifth
May 30 2017 01:14
:sob:
Kyle Holm
@thekholm80
May 30 2017 01:14
@cyl84 looks like you got the divs but forgot the classes
@LordFifth vue is getting a lot of attention here
Matthew White
@LordFifth
May 30 2017 01:15
@vinceflores nesting means putting something inside something else, so put the <a> element in the <p> element
@thekholm80 where? this chat room?
Kyle Holm
@thekholm80
May 30 2017 01:15
no, Utah
Henry
@GitHub-Henry
May 30 2017 01:15
so if you wanna have cool looking es6 try using a font with ligatures, like fira code
Amaya Jimenez
@AmayaJimenez
May 30 2017 01:16
Screen Shot 2017-05-29 at 9.12.22 PM.png
vinceflores
@vinceflores
May 30 2017 01:16
@LordFifth like this? <p>cat photos <a href="http://www.freecatphotoapp.com">cat photos</a>
</p>view more
Amaya Jimenez
@AmayaJimenez
May 30 2017 01:16
It seems like chrome is keeping me from completing this task. Can u guys help?
Manish Giri
@Manish-Giri
May 30 2017 01:16
@AmayaJimenez use firefox
Karthik Palusa
@itskpalusa
May 30 2017 01:16
I need some help
https://www.freecodecamp.com/challenges/add-font-awesome-icons-to-our-buttons#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%20%20.i%7B%0A%20%20%20%20fa%3B%0A%20%20%20%20fa-info-circle%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-8%22%3E%0A%20%20%20%20%20%20%3Ch2%20class%3D%22text-primary%20text-center%22%3ECatPhotoApp%3C%2Fh2%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22img-responsive%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%3E%3C%2Fa%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cimg%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-running-cats%22%20class%3D%22img-responsive%22%20alt%3D%22Three%20kittens%20running%20towards%20the%20camera.%20%22%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22fa%20fa-thumbs-up%20btn%20btn-block%20btn-primary%22%3ELike%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-info%22%3EInfo%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-danger%22%3EDelete%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cp%3EThings%20cats%20%3Cspan%20class%3D%22text-danger%22%3Elove%3A%3C%2Fspan%3E%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%20%20%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Indoor%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Loving%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Crazy%3C%2Flabel%3E%0A%20%20%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%20%20%3C%2Fform%3E%0A%3C%2Fdiv%3E%0A
Matthew White
@LordFifth
May 30 2017 01:16
@vinceflores that would display as "cat photos cat photos view more"
Karthik Palusa
@itskpalusa
May 30 2017 01:16
this is the link
im stuck since i dont understand what the program is asking me to do; my like button already shows up
Manish Giri
@Manish-Giri
May 30 2017 01:18
@thekholm80 how far is vegas from your place
Matthew White
@LordFifth
May 30 2017 01:18
@itskpalusa don't add anything to style
vinceflores
@vinceflores
May 30 2017 01:18
@LordFifth oh I got it thank you
CamperBot
@camperbot
May 30 2017 01:18
vinceflores sends brownie points to @lordfifth :sparkles: :thumbsup: :sparkles:
:cookie: 538 | @lordfifth |http://www.freecodecamp.com/lordfifth
Kyle Holm
@thekholm80
May 30 2017 01:18
@Manish-Giri maybe 350 miles? less than an hour flight
Karthik Palusa
@itskpalusa
May 30 2017 01:18
@LordFifth okay but where do i add the i element?
all the steps are still marked x but i see the font awesome like button...
Matthew White
@LordFifth
May 30 2017 01:20
@itskpalusa add them to an i element nested in the button
with nothing else in the i element
Manish Giri
@Manish-Giri
May 30 2017 01:21
@thekholm80 lucky to have so many interesting spots around
I've got squat around
Kyle Holm
@thekholm80
May 30 2017 01:21
vegas gets old fast, but I used to have a lot of fun there when I was younger.
Karthik Palusa
@itskpalusa
May 30 2017 01:22
thanks!
Kyle Holm
@thekholm80
May 30 2017 01:22
pfft you're close to a lot of cool stuff @Manish-Giri
Matthew White
@LordFifth
May 30 2017 01:22
I hear vegas has a killer nda though
:P
Kyle Holm
@thekholm80
May 30 2017 01:23
non-disclosure agreement? like what takes place there doesn't get discussed outside of their borders?
Matthew White
@LordFifth
May 30 2017 01:23
yup
Kyle Holm
@thekholm80
May 30 2017 01:23
huh, never heard that
Jack Anderson
@jtander43
May 30 2017 01:23

my code is not letting me nest an a element in a new p element for some reason but I believe I have done everything correctly. So far I have

<p> Veiw more <a href= "http://www.freecatphotoapp.com">cat photos </a></p>

Matthew White
@LordFifth
May 30 2017 01:23
:sunglasses: :point_right: :point_right:
Kyle Holm
@thekholm80
May 30 2017 01:24
:imp:
Manish Giri
@Manish-Giri
May 30 2017 01:24
like what takes place there doesn't get discussed outside of their borders
hm
looks like a nice place to settle around
Kyle Holm
@thekholm80
May 30 2017 01:25
they used to have really cheap realestate
Henry
@GitHub-Henry
May 30 2017 01:25
@Manish-Giri lotta crazy stuff in vegas
Manish Giri
@Manish-Giri
May 30 2017 01:25
so you can go there on weekends and not "discuss" about what you did
when you come back
Kyle Holm
@thekholm80
May 30 2017 01:25
condos in the $30k range
Manish Giri
@Manish-Giri
May 30 2017 01:25
@thekholm80 buy me one
Kyle Holm
@thekholm80
May 30 2017 01:26
just one?
Matthew White
@LordFifth
May 30 2017 01:26
condos kinda weird me out for some reason
Manish Giri
@Manish-Giri
May 30 2017 01:26
for now
__mifflin__
@cdrainxv
May 30 2017 01:26
Buy me 10.
Manish Giri
@Manish-Giri
May 30 2017 01:26
:smiling_imp:
Matthew White
@LordFifth
May 30 2017 01:26
@cdrainxv :wave:
james umali
@indefinite0212
May 30 2017 01:26
@jtander43 check your spelling in View
Kyle Holm
@thekholm80
May 30 2017 01:26
I like condos, you don't have to mow the lawn
or shovel snow
__mifflin__
@cdrainxv
May 30 2017 01:27
:wave: @LordFifth. Long time no see. :smile:
Kyle Holm
@thekholm80
May 30 2017 01:27
although, probably not a lot of either in vegas
hadee97
@hadee97
May 30 2017 01:27
Hi, how to zoom the text??
Kyle Holm
@thekholm80
May 30 2017 01:28
ctrl and +
hadee97
@hadee97
May 30 2017 01:28
Thankyou:)
__mifflin__
@cdrainxv
May 30 2017 01:29
Snow and grass is my kryptonite. I wish I could just let the grass grow tall enough that I could play hide and seek with giraffes in the yard.
ginogen
@ginogen
May 30 2017 01:29
Hi guys, someone can tell me why not work my google fonts?
https://codepen.io/ginogen/pen/gWJVMW?editors=1100
Kyle Holm
@thekholm80
May 30 2017 01:29
that would be awesome
Manish Giri
@Manish-Giri
May 30 2017 01:30
play hide and seek with giraffes in the yard.
O.o
Matthew White
@LordFifth
May 30 2017 01:30
If I had a lawn I would get one of those robo mowers
FerFisC
@FerFisC
May 30 2017 01:30
Hello, im a newby here :) I would like to know if any of you has knowledge on make a dead link using the hash symbol
Kyle Holm
@thekholm80
May 30 2017 01:30
like a roomba for grass?
FerFisC
@FerFisC
May 30 2017 01:31
<p>Click here for <a #href#="http://www.freecatphotoapp.com">cat photos</a>.</p>
__mifflin__
@cdrainxv
May 30 2017 01:31
I wish my grass was tall enough that every few years a wildfire would just naturally start to bring it down to size.
Let nature take care of it.
Kyle Holm
@thekholm80
May 30 2017 01:31
#href# that's a new one
FerFisC
@FerFisC
May 30 2017 01:31
hahaha im just trying different things hahaa
Kyle Holm
@thekholm80
May 30 2017 01:32
@FerFisC change what your href=, the url should be replaced with a # so the link takes you nowhere
Matthew White
@LordFifth
May 30 2017 01:32
@FerFisC replace the link, don't mess with href it has low self esteem
Manish Giri
@Manish-Giri
May 30 2017 01:32
is @cdrainxv high tonight
Kyle Holm
@thekholm80
May 30 2017 01:32
usually we see #='www.......'
FerFisC
@FerFisC
May 30 2017 01:33
tried that one too
Matthew White
@LordFifth
May 30 2017 01:33
Well he is talking about burning large amounts of grass...
Jack Anderson
@jtander43
May 30 2017 01:33
@indefinite0212 wow I'm dumb. Thanks!
CamperBot
@camperbot
May 30 2017 01:33
jtander43 sends brownie points to @indefinite0212 :sparkles: :thumbsup: :sparkles:
:star2: 1334 | @indefinite0212 |http://www.freecodecamp.com/indefinite0212
FerFisC
@FerFisC
May 30 2017 01:33
got it! thank you @thekholm80 @LordFifth
ginogen
@ginogen
May 30 2017 01:33

What is wrong whit this code?

<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Bootstrap CSS -->
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Francois+One|Hammersmith+One" rel="stylesheet">

</head>

didnt recognize google fonts

Kyle Holm
@thekholm80
May 30 2017 01:33
@FerFisC :+1:
hadee97
@hadee97
May 30 2017 01:34
Can somebody explain this... Do not add a class attribute to the second p element.
__mifflin__
@cdrainxv
May 30 2017 01:34
I want the whole jungle plot line of Jumanji to occur in my backyard.
Matthew White
@LordFifth
May 30 2017 01:34
@ginogen nothing I can see
I have a family of woodchucks living in my yard, and two snakes
how close to jumanji am I @cdrainxv ?
Manish Giri
@Manish-Giri
May 30 2017 01:36
I have small plants in my backyard
Ejikemeuwa Eric Nnanna
@melete90
May 30 2017 01:36
hello, please can someone help out here
Nicholr Taylor
@rajah14
May 30 2017 01:37
Can someone tell me how to do a closing tag?
__mifflin__
@cdrainxv
May 30 2017 01:37
@LordFifth: You just need a real apex predator in the mix now.
@rajah14: </element>… Just like <h1>uhduhdhduh</h1>
Ejikemeuwa Eric Nnanna
@melete90
May 30 2017 01:38
im stuck on re-sizing image using <style> .smaller-image {width: 100px;} </style>
Kyle Holm
@thekholm80
May 30 2017 01:38
gonna check Amazon for a tiger for you @LordFifth
J-Mag Guthrie
@baseballpoetess
May 30 2017 01:39
hello and good <time-of-day>
Thoth33
@Thoth33
May 30 2017 01:39
has anyone run into trouble on the Change Font Size challenge? i'm using chrome
J-Mag Guthrie
@baseballpoetess
May 30 2017 01:39
I need javascript help, can anyone help me?
Manish Giri
@Manish-Giri
May 30 2017 01:39
can you get a shiba on amazon
Matthew White
@LordFifth
May 30 2017 01:39
sweet! I feel like the amazon would be more likely to have panthers or crocodiles though
Manish Giri
@Manish-Giri
May 30 2017 01:39
@baseballpoetess what's the problem
J-Mag Guthrie
@baseballpoetess
May 30 2017 01:39
Hi @Thoth33 What kind of trouble?
Kyle Holm
@thekholm80
May 30 2017 01:39
we can try, but the help javascript room is smarter than us @baseballpoetess
Ejikemeuwa Eric Nnanna
@melete90
May 30 2017 01:39
@Thoth33 yeah
Thoth33
@Thoth33
May 30 2017 01:40
i've added all of the elements but it's not working when i run it
Ejikemeuwa Eric Nnanna
@melete90
May 30 2017 01:40
@Thoth33 how did you add it?
Kyle Holm
@thekholm80
May 30 2017 01:40
@Manish-Giri here you go
J-Mag Guthrie
@baseballpoetess
May 30 2017 01:41
@Manish-Giri I have n baseball quotes where n is so large codepen chokes. So. I put it in three []. I want to push them together. I think quotes.push() will work. But I want to do that only once, how do I call a function only once when I load the page?
Thoth33
@Thoth33
May 30 2017 01:41
adding font size to p elements... p {
font-size: 16px;
}
J-Mag Guthrie
@baseballpoetess
May 30 2017 01:41
there's a help javascript room? kewl
Kyle Holm
@thekholm80
May 30 2017 01:42
@baseballpoetess how many quotes? I've used arrays with close to 4000 indices in codepen without trouble
hadee97
@hadee97
May 30 2017 01:42
Cant seem to zoom in on my iphone browser
Manish Giri
@Manish-Giri
May 30 2017 01:42
@baseballpoetess if you do
$(document).ready(function() {
 executeHugeFunction();
}
J-Mag Guthrie
@baseballpoetess
May 30 2017 01:42
Idk , a few hundred. But they're quotes, not ... integers
Manish Giri
@Manish-Giri
May 30 2017 01:42
that should work
Kyle Holm
@thekholm80
May 30 2017 01:42
@hadee97 if you have multi-touch you can pinch to zoom
Ejikemeuwa Eric Nnanna
@melete90
May 30 2017 01:42
@Thoth33 did you add it inbetween <style> </style> ?
J-Mag Guthrie
@baseballpoetess
May 30 2017 01:43
hmmm, okay, then push() must not be the right thing.
Thoth33
@Thoth33
May 30 2017 01:43
yes. thanks...and i've played with the zoom too
hadee97
@hadee97
May 30 2017 01:43
Sorry cant seem to zoom the text*
Ejikemeuwa Eric Nnanna
@melete90
May 30 2017 01:43
@Thoth33 did it work now?
J-Mag Guthrie
@baseballpoetess
May 30 2017 01:43
they're objects. { quote: "blah blah blah", author: "Foo Bar" }
Kyle Holm
@thekholm80
May 30 2017 01:44
if you're doing the challenge that says something like 'your browser zoom should be at 100%' your problem is most likely your code @hadee97
@baseballpoetess objects are my favorite!
J-Mag Guthrie
@baseballpoetess
May 30 2017 01:44
:)
hadee97
@hadee97
May 30 2017 01:44
Okay thanks!
mstellaluna
@mstellaluna
May 30 2017 01:44
@hadee97 what's with the avatar image? I don't get it
Ejikemeuwa Eric Nnanna
@melete90
May 30 2017 01:44
can someone please help me with re-sizing image?
Kyle Holm
@thekholm80
May 30 2017 01:46
@baseballpoetess you can put all your quotes into a single object, and structure it so it has a unique key, then use Object.keys(myQuoteObject) to create an array of the objects keys. then you can use Math.random to pick a random index from your keys array, then use that index to get the quote from your object
it sounds more complicated than it is
Matthew White
@LordFifth
May 30 2017 01:47
or just make it an array in the first place?
Kyle Holm
@thekholm80
May 30 2017 01:47
that's crazy talk
J-Mag Guthrie
@baseballpoetess
May 30 2017 01:47
Okay, I am iin the right room. :)
Manish Giri
@Manish-Giri
May 30 2017 01:47
or use an API in the zeroeth place
Kyle Holm
@thekholm80
May 30 2017 01:47
api's are too easy
Manish Giri
@Manish-Giri
May 30 2017 01:48
not if you can learn axios
J-Mag Guthrie
@baseballpoetess
May 30 2017 01:48
APIs dont' have baseball quotes they have generic quotes.
Manish Giri
@Manish-Giri
May 30 2017 01:48
:smiling_imp:
Kyle Holm
@thekholm80
May 30 2017 01:48
ooooh you could write an api with the baseball quotes
Thoth33
@Thoth33
May 30 2017 01:48
no. still no luck
J-Mag Guthrie
@baseballpoetess
May 30 2017 01:48
Not today.
james umali
@indefinite0212
May 30 2017 01:48
@Thoth33 show all of your code
mstellaluna
@mstellaluna
May 30 2017 01:48
@Manish-Giri :wave:
Kyle Holm
@thekholm80
May 30 2017 01:48
I :yellow_heart: axios
Manish Giri
@Manish-Giri
May 30 2017 01:48
@mstellaluna :wave:
how're ya
long time no C
mstellaluna
@mstellaluna
May 30 2017 01:48
busy.. learning UX/UI design
Manish Giri
@Manish-Giri
May 30 2017 01:49
cool
Thoth33
@Thoth33
May 30 2017 01:49

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

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

J-Mag Guthrie
@baseballpoetess
May 30 2017 01:49
Okay, how do I put them all in one object?
Matthew White
@LordFifth
May 30 2017 01:49
reqwest 4 lyfe
mstellaluna
@mstellaluna
May 30 2017 01:49
@Manish-Giri you?
Manish Giri
@Manish-Giri
May 30 2017 01:49
@mstellaluna coding my thesis
life sucks
james umali
@indefinite0212
May 30 2017 01:49
@Thoth33 no p2 just p
mstellaluna
@mstellaluna
May 30 2017 01:49
@Manish-Giri nice.. what's the subject?
Ravi Kishore Thella
@ravikishorethella
May 30 2017 01:49
@Thoth33 what is the error?
@indefinite0212 :thumbsup:
Manish Giri
@Manish-Giri
May 30 2017 01:50
@mstellaluna https://neo4j.com/
Thoth33
@Thoth33
May 30 2017 01:50
  1. saying i need 2 p elements
Manish Giri
@Manish-Giri
May 30 2017 01:50
this
Thoth33
@Thoth33
May 30 2017 01:50
  1. Make sure each of your p elements has a closing tag.
mstellaluna
@mstellaluna
May 30 2017 01:50
@Manish-Giri ooooooooo nice
james umali
@indefinite0212
May 30 2017 01:50
@Thoth33 yes, you need 2 p element. you don't have to make p2 tags.
Thoth33
@Thoth33
May 30 2017 01:50
  1. Your p element should contain the first few words of the provided additional kitty ipsum text.
last - Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%
Manish Giri
@Manish-Giri
May 30 2017 01:50
@mstellaluna I've got 16 gigs of RAM and still it hangs with the data
Kyle Holm
@thekholm80
May 30 2017 01:51
@baseballpoetess my suggestion would be something like:
var myObject = {
  {1: {
    author: Mr Burns,
    quote: Excellent }
  },
  {2: {
    author:
...
}
Thoth33
@Thoth33
May 30 2017 01:51
i think those are all there
J-Mag Guthrie
@baseballpoetess
May 30 2017 01:51
@thekholm80 What is the shape of this object and how do I add three of them to get one so CodePen doesn't choke on it? I didn't know I had an issue until I was trying to test something else and saw that only my frist 42 quotes were being used.
Manish Giri
@Manish-Giri
May 30 2017 01:51
my current dataset size is 940 GB
mstellaluna
@mstellaluna
May 30 2017 01:51
@Manish-Giri how big is the data set?
ouchies
IoT sized dataset
Manish Giri
@Manish-Giri
May 30 2017 01:51
next up is 1200, 1800, 2400
J-Mag Guthrie
@baseballpoetess
May 30 2017 01:51
Object is { instead of [
james umali
@indefinite0212
May 30 2017 01:51
@Thoth33 no such thing as p2 just p.
Kyle Holm
@thekholm80
May 30 2017 01:51
@baseballpoetess yeppers
Thoth33
@Thoth33
May 30 2017 01:52
ahhh. thanks!
Matthew White
@LordFifth
May 30 2017 01:52
@Manish-Giri wtf? 2.4tb?! where is that being stored and how much is it costing you?
J-Mag Guthrie
@baseballpoetess
May 30 2017 01:52
And has index numbers? Okay, I have the .json file tha codepen refused to read.
Kyle Holm
@thekholm80
May 30 2017 01:52
@baseballpoetess or, if you want to make it easier you can have an array of objects
Manish Giri
@Manish-Giri
May 30 2017 01:52
@LordFifth for now I'm on my mac
J-Mag Guthrie
@baseballpoetess
May 30 2017 01:52
I can pythonize it to make that structure.
Manish Giri
@Manish-Giri
May 30 2017 01:52
next dataset will be on an EC2 instance
J-Mag Guthrie
@baseballpoetess
May 30 2017 01:52
I thought I had an array of objects.
Manish Giri
@Manish-Giri
May 30 2017 01:53
and my broke ass will go even more broke
Ejikemeuwa Eric Nnanna
@melete90
May 30 2017 01:53
someone please help me with image resizing
Manish Giri
@Manish-Giri
May 30 2017 01:53
@LordFifth
Thoth33
@Thoth33
May 30 2017 01:53
it worked! thanks for all the help!
J-Mag Guthrie
@baseballpoetess
May 30 2017 01:53
but your way looks waaay more cooler.
james umali
@indefinite0212
May 30 2017 01:53
@melete90 show your code
Kyle Holm
@thekholm80
May 30 2017 01:53
var myArrayOfObjects = [
  { author: xxx, quote: xxx }, {....}
]
J-Mag Guthrie
@baseballpoetess
May 30 2017 01:53
The hard way is the easy way.
Matthew White
@LordFifth
May 30 2017 01:53
@Manish-Giri :(
Ejikemeuwa Eric Nnanna
@melete90
May 30 2017 01:53

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

J-Mag Guthrie
@baseballpoetess
May 30 2017 01:53
@thekholm80 that's what I have now.
mstellaluna
@mstellaluna
May 30 2017 01:54
@Manish-Giri good luck
Manish Giri
@Manish-Giri
May 30 2017 01:54
@mstellaluna ty
CamperBot
@camperbot
May 30 2017 01:54
manish-giri sends brownie points to @mstellaluna :sparkles: :thumbsup: :sparkles:
:star2: 1576 | @mstellaluna |http://www.freecodecamp.com/mstellaluna
Kyle Holm
@thekholm80
May 30 2017 01:54
@baseballpoetess if you have 3 arrays, you can math.random to pick which array to draw from, then math.random again to get a quote
J-Mag Guthrie
@baseballpoetess
May 30 2017 01:54
And I thought pushing three arrays together would get me a bigger array. It does not work that way.
John (Jack) Mismash
@JackMasher
May 30 2017 01:54
how do I nest my text input element within a form element?
J-Mag Guthrie
@baseballpoetess
May 30 2017 01:54
omg @thekholm80 you are brilliant
james umali
@indefinite0212
May 30 2017 01:54
@melete90 first add class to your img element
second smaller-image {width: 100px;} is a class, so you should start it with??
Kyle Holm
@thekholm80
May 30 2017 01:55
@baseballpoetess lol flatterer
james umali
@indefinite0212
May 30 2017 01:55
@JackMasher place input element between form tags
Ravi Kishore Thella
@ravikishorethella
May 30 2017 01:55
@melete90
.smaller-image{
}
. is missing
Kyle Holm
@thekholm80
May 30 2017 01:55
:smile:
J-Mag Guthrie
@baseballpoetess
May 30 2017 01:55
lol
Abbos Tursunov
@thenemy
May 30 2017 01:55
<form action=":/submit-cat-photo"
input type="text"
  placeholder="cat photo URL">
</form>  what's the trouble?
J-Mag Guthrie
@baseballpoetess
May 30 2017 01:55
Actually, you have distance. I write .... and critique ... and distance makes for better critique. ..... coding is like that too.
Kyle Holm
@thekholm80
May 30 2017 01:55
@Manish-Giri x
codercat17
@codercat17
May 30 2017 01:56
Hey how do you create a bootstrap button using class btn
Ravi Kishore Thella
@ravikishorethella
May 30 2017 01:56
@thenemy take a look at the <form action ="" >
Kyle Holm
@thekholm80
May 30 2017 01:56
@baseballpoetess i try to get as much distance between myself and my code as I can
Manish Giri
@Manish-Giri
May 30 2017 01:56
@thekholm80 niice
james umali
@indefinite0212
May 30 2017 01:56
@thenemy action=":/submit-cat-photo" why did you add :
J-Mag Guthrie
@baseballpoetess
May 30 2017 01:56
lol :)
Matthew White
@LordFifth
May 30 2017 01:56
@baseballpoetess you want concat() not push(), put adds the array in the other array, concat connects them
Ravi Kishore Thella
@ravikishorethella
May 30 2017 01:56
@thenemy <form action="/submit-cat-photo"
Gerberd
@Gerberd
May 30 2017 01:56
Uh for my code thing it says my image should have a src attribute that points to the kitten image?
james umali
@indefinite0212
May 30 2017 01:56
@codercat17 <button></button>
J-Mag Guthrie
@baseballpoetess
May 30 2017 01:57
thanks @thekholm80 I will do that and then I don't need to do what I asked about. <wanders off>
CamperBot
@camperbot
May 30 2017 01:57
baseballpoetess sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 888 | @thekholm80 |http://www.freecodecamp.com/thekholm80
james umali
@indefinite0212
May 30 2017 01:57
@Gerberd show your code
Gerberd
@Gerberd
May 30 2017 01:57
anyone know what that is o-o
Kyle Holm
@thekholm80
May 30 2017 01:57
good luck!
Gerberd
@Gerberd
May 30 2017 01:57
<img src="https://www.your-image-source.com/your-image.jpg" alt="Author standing on a beach with two thumbs up. ">
<img src="https://bit.ly/fcc-relaxing-cat">
Abbos Tursunov
@thenemy
May 30 2017 01:57
@ravikishorethella that's right
james umali
@indefinite0212
May 30 2017 01:58
@Gerberd this is the example<img src="https://www.your-image-source.com/your-image.jpg" alt="Author standing on a beach with two thumbs up. "> remove that one.
add alt attribute to your <img src="https://bit.ly/fcc-relaxing-cat">
Ejikemeuwa Eric Nnanna
@melete90
May 30 2017 01:58
still not working
Kyle Holm
@thekholm80
May 30 2017 01:58
image.png
I love that my shortened urls are longer than the originals
Ravi Kishore Thella
@ravikishorethella
May 30 2017 01:58
@thenemy you should not keep : in the action
james umali
@indefinite0212
May 30 2017 01:58
@melete90 show your code again
Benkavod
@Benkavod
May 30 2017 01:58
@Gerberd the challenge provides a url in the panel on the left. that's what you're meant to place in your source attribute
Ejikemeuwa Eric Nnanna
@melete90
May 30 2017 01:59

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

james umali
@indefinite0212
May 30 2017 01:59
@melete90 you didn't add class to your img element
Ravi Kishore Thella
@ravikishorethella
May 30 2017 01:59
@melete90 add class to the image tag
Matthew White
@LordFifth
May 30 2017 01:59
@thekholm80 I miss css! :sob:
Kyle Holm
@thekholm80
May 30 2017 02:00
I need to learn all the css
I'm still a noob
@LordFifth wait, not sass?
just vanilla css?
Matthew White
@LordFifth
May 30 2017 02:01
just css and html in general, JS is consuming me. But yeah I miss sass
Kyle Holm
@thekholm80
May 30 2017 02:02
backend is kicking my ... umm ... backend
Matthew White
@LordFifth
May 30 2017 02:02
lol
Kyle Holm
@thekholm80
May 30 2017 02:03
i just dislike anything that requires you to interact with users
all this sanitizing and stuff is tedious
hailex42
@hailex42
May 30 2017 02:05
hey
Kyle Holm
@thekholm80
May 30 2017 02:05
hi
Matthew White
@LordFifth
May 30 2017 02:06
@thekholm80 :joy:
Kyle Holm
@thekholm80
May 30 2017 02:07
@LordFifth also
hailex42
@hailex42
May 30 2017 02:07
im stuck lol
Botenga
@Botenga
May 30 2017 02:07
@vittorioVT thank you
CamperBot
@camperbot
May 30 2017 02:07
botenga sends brownie points to @vittoriovt :sparkles: :thumbsup: :sparkles:
:cookie: 630 | @vittoriovt |http://www.freecodecamp.com/vittoriovt
Kyle Holm
@thekholm80
May 30 2017 02:07
@hailex42 we might could help you if you let us know what the problem is
Matthew White
@LordFifth
May 30 2017 02:07
@thekholm80 It sounds like it would actually help though
Kyle Holm
@thekholm80
May 30 2017 02:08
I have a grandma with an ipad and a drinking problem, i don't need him
Ejikemeuwa Eric Nnanna
@melete90
May 30 2017 02:08
@indefinite0212 please how do i add class to my img element? i'm a bit confused
ScottBland
@ScottBland
May 30 2017 02:10
hey what is the best site to use to upload photos so i can use them for my page
james umali
@indefinite0212
May 30 2017 02:10
@melete90 you can add class in your img element. just like you added class red-text in your h2 element
Benkavod
@Benkavod
May 30 2017 02:10
@melete90 same way you added red-text to your h2 element\
Kyle Holm
@thekholm80
May 30 2017 02:10
@ScottBland i use google photos personally, but I don't know what the best would be. worst is imgur
Boris
@Boris1011
May 30 2017 02:10
@ScottBland imgur works well... maybe try postimage.io, found that one today..
Gerberd
@Gerberd
May 30 2017 02:11
It has both at x''s, "Your img element should have the class smaller-image.
Your image should be 100 pixels wide. Browser zoom should be at 100%.
My code is:
ScottBland
@ScottBland
May 30 2017 02:11
@Boris1011 @thekholm80 i just tried img and it isnt working for me i don't know why just bring up my alt
Gerberd
@Gerberd
May 30 2017 02:11
<style>
smaller-image {
width: 100px;
}
</style>
Ama Basan
@amux
May 30 2017 02:11
anyway that when i click the nav bar then pull the mouse away, the green highlight shows back up?
Kyle Holm
@thekholm80
May 30 2017 02:12
@ScottBland you have to link directly to the image
ScottBland
@ScottBland
May 30 2017 02:12
<div class"thumbnails">
<img src="http://i.imgur.com/v4SU102.png" alt="tribute-page" class="img-thumbnail" height="100" width="100">
</div>
Kyle Holm
@thekholm80
May 30 2017 02:12
@ScottBland oh yeah imgur and codepen don't play nice together
Benkavod
@Benkavod
May 30 2017 02:12
@Gerberd you need to add a dot in front of smaller-image
Ama Basan
@amux
May 30 2017 02:13
because at the moment i have to click away for the green highlight to show back up
Benkavod
@Benkavod
May 30 2017 02:13
@Gerberd classes are written as .className in css
Gerberd
@Gerberd
May 30 2017 02:13
I just did but it didnt work ;( and i have my zoom up to 100
ScottBland
@ScottBland
May 30 2017 02:13
ahhhhh i knew i was past that part lol i was like really....-_- will google photos work ?
Benkavod
@Benkavod
May 30 2017 02:13
@Gerberd do you have a smaller image class in your img element
Ama Basan
@amux
May 30 2017 02:14
@ScottBland you gotta right click then select view image in other tab
@ScottBland and that is the link you want to use
Gerberd
@Gerberd
May 30 2017 02:14
i dont think so? @Benkavod
Boris
@Boris1011
May 30 2017 02:14
@ScottBland hmmm ok! Try postimage.io.... I don't know how well that one will work, but....
ScottBland
@ScottBland
May 30 2017 02:14
@amux smart i will try that
hailex42
@hailex42
May 30 2017 02:14

<style>
h2 {color: blue;}

</style>CatPhotoApp

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

why is it going thru?
i set the color to blue
Benkavod
@Benkavod
May 30 2017 02:14
@Gerberd Do you mind sharing all your code?
beaulilly
@beaulilly
May 30 2017 02:14
So anything inside the <head> element does't show up on the website, or does it?
Ama Basan
@amux
May 30 2017 02:15
@hailex42 you set the color of h1 to blue
Kyle Holm
@thekholm80
May 30 2017 02:15
@hailex42 CatPhotoApp needs to be between <h2> and </h2>
Benkavod
@Benkavod
May 30 2017 02:15
@hailex42 where is your h2 element?
Gerberd
@Gerberd
May 30 2017 02:15

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

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

ScottBland
@ScottBland
May 30 2017 02:15
@amux crash and burn lol good idea tho lol
Manish Giri
@Manish-Giri
May 30 2017 02:15
@beaulilly the title tag shows up on the tab
but other than that, yes
hailex42
@hailex42
May 30 2017 02:15
but i typed in h2
Benkavod
@Benkavod
May 30 2017 02:16
@Gerberd Is this all the code you have? For starters your style tags should sit at the very top of your code
Gerberd
@Gerberd
May 30 2017 02:16
you mean the entire thing?
Ama Basan
@amux
May 30 2017 02:16
@hailex42 yeah you set for all elements of 2 to become blue
Gerberd
@Gerberd
May 30 2017 02:16

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

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

Benkavod
@Benkavod
May 30 2017 02:16
@Gerberd this comes first <style> class=.smaller-image { width: 100px; } </style>
Manish Giri
@Manish-Giri
May 30 2017 02:16
@Gerberd only 1 set of style tags
dont make a new one
Gerberd
@Gerberd
May 30 2017 02:17
thanks @Benkavod and @Manish-Giri
CamperBot
@camperbot
May 30 2017 02:17
gerberd sends brownie points to @benkavod and @manish-giri :sparkles: :thumbsup: :sparkles:
:cookie: 256 | @benkavod |http://www.freecodecamp.com/benkavod
:star2: 5709 | @manish-giri |http://www.freecodecamp.com/manish-giri
Benkavod
@Benkavod
May 30 2017 02:17
@Gerberd you need to add a smaller-image class to this <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Ama Basan
@amux
May 30 2017 02:17
so can someone tell me a better way to write my js so that when my nav bar auto highlights itsself
instead of having to click away from the navbar
Zeroes47
@Zeroes47
May 30 2017 02:18
"Give the text input in your form the class form-control."
Can anyone help me with making a text input as a form control?
Manish Giri
@Manish-Giri
May 30 2017 02:18
@Zeroes47 what's the problem
ScottBland
@ScottBland
May 30 2017 02:19
@thekholm80 ok so google images did it but is there a way not to have a big chunk of ugly text for one img?
google photos*
Zeroes47
@Zeroes47
May 30 2017 02:19
@Manish-Giri I just don't understand how to do it. Do you need to know anything specific about my project?
Manish Giri
@Manish-Giri
May 30 2017 02:19
um no
Kyle Holm
@thekholm80
May 30 2017 02:20
@ScottBland not an easy way
Manish Giri
@Manish-Giri
May 30 2017 02:20
@Zeroes47 first find the text input in your form
ScottBland
@ScottBland
May 30 2017 02:20
@thekholm80 lol nothing ever is lol
Benkavod
@Benkavod
May 30 2017 02:20
@Gerberd I hope you picked up on what @Manish-Giri pointed out only one set of style tags and the info in the second set goes in the first however without the class=
Zeroes47
@Zeroes47
May 30 2017 02:22
<form action="/submit-cat-photo">
This is the only form I have. Do I need to make a class Form-control? @Manish-Giri
Manish Giri
@Manish-Giri
May 30 2017 02:23
@Zeroes47 that's the form element
there's an input element inside it
find it?
CamperBot
@camperbot
May 30 2017 02:23
find it
nothing found
Zeroes47
@Zeroes47
May 30 2017 02:24
Oh I think I found it
<input type="text" placeholder="cat photo URL" required>
Manish Giri
@Manish-Giri
May 30 2017 02:24
good
now apply the class to it
Zeroes47
@Zeroes47
May 30 2017 02:24
Ohh Okay thank you! @Manish-Giri
CamperBot
@camperbot
May 30 2017 02:24
zeroes47 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5710 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
May 30 2017 02:25
:+1:
Claudio Restifo
@Marmiz
May 30 2017 02:25
@Manish-Giri :wave:
Manish Giri
@Manish-Giri
May 30 2017 02:25
hi @Marmiz :wave:
tj318
@tj318
May 30 2017 02:31
how do you create a script element
Kyle Holm
@thekholm80
May 30 2017 02:32
<script></script>
Burttrum
@Burttrum
May 30 2017 02:32

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

});
</script>

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

tj318
@tj318
May 30 2017 02:32
i thought it was <script>
Burttrum
@Burttrum
May 30 2017 02:32
Only add one class with each of your three selectors. keeps giving me this error what should i do?
tzvi97
@tzvi97
May 30 2017 02:32
"Replace the value of your a element's href attribute with a #, also known as a hash symbol, to turn it into a dead link" i am new to this, if anyone can assist in the formatting, Tia!
Manish Giri
@Manish-Giri
May 30 2017 02:32
@tzvi97 you make href equal to the hash
Kyle Holm
@thekholm80
May 30 2017 02:32
@Burttrum $("#target1").addClass("animated shake btn-primary"); how many classes is that?
Burttrum
@Burttrum
May 30 2017 02:33
3?
hailex42
@hailex42
May 30 2017 02:33
im still stuck!
Kyle Holm
@thekholm80
May 30 2017 02:33
$("button").addClass("animated shake");  // one selector, 2 classes
$(".btn").addClass("animated shake");  // one selector, 2 classes
$("#target1").addClass("animated shake btn-primary");  // one selector, 3 classes
Only add one class with each of your three selectors.
Alex
@alextran1502
May 30 2017 02:34
hello, does anyone know how to put the "Get a quote" stay in the middle of the grid in this codepen here?
Burttrum
@Burttrum
May 30 2017 02:34
thank you so much @thekholm80
CamperBot
@camperbot
May 30 2017 02:34
burttrum sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 889 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Kyle Holm
@thekholm80
May 30 2017 02:34
@Burttrum :+1:
tj318
@tj318
May 30 2017 02:36
thanks for the help
Benkavod
@Benkavod
May 30 2017 02:40
@Gerberd have you unraveled it or are you still in a knot?
J-Mag Guthrie
@baseballpoetess
May 30 2017 02:40
HI @thekholm80 I'm back.
Kyle Holm
@thekholm80
May 30 2017 02:40
@baseballpoetess any luck?
J-Mag Guthrie
@baseballpoetess
May 30 2017 02:40
I tried.
iamgroot5
@iamgroot5
May 30 2017 02:40
hi
J-Mag Guthrie
@baseballpoetess
May 30 2017 02:40
I'm back to where I was only different.
The icons are there because when I was frustrated, it gave me something I could accomplish
the only one that works is shuffle.
and it only pulls from the first batch
Kyle Holm
@thekholm80
May 30 2017 02:42
I was just going to ask
J-Mag Guthrie
@baseballpoetess
May 30 2017 02:43
I was going to work on tweet but discovered I was only getting lower-numbered quotes and went "hmmm" and fell down that rabbit hole.
But fix what's broken before you break anything else is what Bob Stout used to say.
He's who I would have tributed if there had been a pic bigger than 95px x 95px of him
J-Mag Guthrie
@baseballpoetess
May 30 2017 02:46
@Vinitbajpa yes.
What do you need help with?
Manish Giri
@Manish-Giri
May 30 2017 02:46
@Vinitbajpa there's no code in that link
J-Mag Guthrie
@baseballpoetess
May 30 2017 02:47
Do you understand what you need to do, @Vinitbajpa ?
Vinitbajpa
@Vinitbajpa
May 30 2017 02:47
I know that i need to use Push & shift to solve this challenge but now able to arrange the logic
Kyle Holm
@thekholm80
May 30 2017 02:47
@baseballpoetess it looks to me like you're only pulling from one array
function getQuoteList() {
  displayRandomQuote(quotes0);
};
J-Mag Guthrie
@baseballpoetess
May 30 2017 02:47
Yes, because I had Issues so I went back.
Vinitbajpa
@Vinitbajpa
May 30 2017 02:48
@Manish-Giri - This is the challenge - Write a function nextInLine which takes an array (arr) and a number (item) as arguments. Add the number to the end of the array, then remove the first element of array. The nextInLine function should then return the element that was removed.
Manish Giri
@Manish-Giri
May 30 2017 02:48
@Vinitbajpa did you look at MDN?
they have examples that might help with the logic.
J-Mag Guthrie
@baseballpoetess
May 30 2017 02:48
Here's the deal, @thekholm80 If I have three separate arrays, I need if statements. Twice cuz I have to look upt he qoute to tweet it.
And I wan't getting it to work pushing them onto one array.
Matthew White
@LordFifth
May 30 2017 02:49
@baseballpoetess use concat() to combine arrays
J-Mag Guthrie
@baseballpoetess
May 30 2017 02:50
I thought that was for strings @LordFifth
Matthew White
@LordFifth
May 30 2017 02:50
it's for both
J-Mag Guthrie
@baseballpoetess
May 30 2017 02:50
Okay, I will try.
Manish Giri
@Manish-Giri
May 30 2017 02:50
@baseballpoetess what's the problem with your current setup?
Vinitbajpa
@Vinitbajpa
May 30 2017 02:50
someone must have solved this challenge , please help me with the answer so that I can learn form that , cause I dont know how long will take for me to get it :smile:
amit1525
@amit1525
May 30 2017 02:50
I am new here, and stuck on 'Font size of an element challenge'. Can someone plz help? Not understanding the p elements font-size of 16px(even it looks correct) and also made browser text-zoom to 100%
Manish Giri
@Manish-Giri
May 30 2017 02:50
@Vinitbajpa you'll learn better if you solve it yourself
instead of people giving answers..
Vinitbajpa
@Vinitbajpa
May 30 2017 02:51
@Manish-Giri Tried for almost 4 hrs , still stuck , need to move ahead and dont wana lose on this logic so thought of asking and moving ahead ..
J-Mag Guthrie
@baseballpoetess
May 30 2017 02:51
Codepen has some sort of character limit on .... variables (guessing) It barfed on my array when it was one. So I split it into 3. Is an array of objects..... I want to pick a random object form all of them.
Manish Giri
@Manish-Giri
May 30 2017 02:52
@Vinitbajpa can you show what you tried?
because your link didn't have anything
Lê Đình Tân An
@Ledinhtanan
May 30 2017 02:52
how we can Make Dead Links using the Hash Symbol
Replace the value of your a element's href attribute with a #, also known as a hash symbol, to turn it into a dead link
Kyle Holm
@thekholm80
May 30 2017 02:52
@baseballpoetess i'm trying some voodoo on your code but it's not liking it
J-Mag Guthrie
@baseballpoetess
May 30 2017 02:53
Yeah, me too. @thekholm80 I'm noob to js but not to coding
Matthew White
@LordFifth
May 30 2017 02:53
@baseballpoetess It shouldn't have a limit. I once had a 200,000 item long array
Manish Giri
@Manish-Giri
May 30 2017 02:53
@Ledinhtanan make the href equal to #
J-Mag Guthrie
@baseballpoetess
May 30 2017 02:53
it's the characters, not the .... array.length
it's objects with strings.
Victor Chen
@VictorChen38
May 30 2017 02:54
What does it mean by Give your div element the class silver-background?
Lê Đình Tân An
@Ledinhtanan
May 30 2017 02:54
<link #="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css"> . why this wrong?
J-Mag Guthrie
@baseballpoetess
May 30 2017 02:54
Either that or it's a magc bad string that I have
@VictorChen38 do you know what it means to assign a class to an element?
Kyle Holm
@thekholm80
May 30 2017 02:54
@baseballpoetess okay got it
Victor Chen
@VictorChen38
May 30 2017 02:55
No not really...
Kyle Holm
@thekholm80
May 30 2017 02:55
@baseballpoetess
function getQuoteList() {
  var arrays = [quotes0, quotes1, quotes2];
  var i = Math.floor(Math.random() * (arrays.length - 1));

  displayRandomQuote(arrays[i]);
};
Lê Đình Tân An
@Ledinhtanan
May 30 2017 02:55
@Manish-Giri Can you explain more clearly
Rian Webster
@RianWebster
May 30 2017 02:55
Does my question need t o do with the challenges? I need some help, but it's not for the challenges.
J-Mag Guthrie
@baseballpoetess
May 30 2017 02:55
That's your issue then, @VictorChen38
Matthew White
@LordFifth
May 30 2017 02:55
@baseballpoetess Oh wow, the syntax highlighting totally does crap itself. The code still works though, it just stops turning the array green
J-Mag Guthrie
@baseballpoetess
May 30 2017 02:55
Okay @thekholm80 but then I have two indices to track
Victor Chen
@VictorChen38
May 30 2017 02:55
I'm asking for help...
J-Mag Guthrie
@baseballpoetess
May 30 2017 02:56
I will attempt to explain @VictorChen38
Manish Giri
@Manish-Giri
May 30 2017 02:56
@Ledinhtanan more clearly?
Kyle Holm
@thekholm80
May 30 2017 02:56
@baseballpoetess what do you mean?
Manish Giri
@Manish-Giri
May 30 2017 02:56
there's href
Rian Webster
@RianWebster
May 30 2017 02:56
Does my question need to do with the challenges? I need some help, but it's not for the challenges.
Manish Giri
@Manish-Giri
May 30 2017 02:56
you make it equal to the hash
with an =
J-Mag Guthrie
@baseballpoetess
May 30 2017 02:56
class is a way of styling an element in HTML
kristan-manley
@kristan-manley
May 30 2017 02:56

<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
#orange-text {
color: orange;
}
.pink-text {
color: pink;
}
.blue-text {
color: blue;
}
<h1 style="color: white">
</style>

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

airotciV
@civcm
May 30 2017 02:56
can someone tell me how to slow down this help box's scrolling?
kristan-manley
@kristan-manley
May 30 2017 02:57
can anyone help me see why my text isnt white?
Grant Clark
@kwdzr3
May 30 2017 02:57
spent like 5 minutes trying to figure out what was wrong with if (val <= 5){
result = "5 or smaller";
}
else {
result = "Bigger than 5";
} ... when I finally realized the string value was incorrect (smaller needed to be capitalized) #programmer life
J-Mag Guthrie
@baseballpoetess
May 30 2017 02:57
you can use CSS to tell it how you want it and that way you don't have to clutter up your HTML with style stuff that makes it harder to read @VictorChen38 are you following me?
Matthew White
@LordFifth
May 30 2017 02:57
@kristan-manley you have an html element in your <style> tags
J-Mag Guthrie
@baseballpoetess
May 30 2017 02:57
it separates the function from the style @VictorChen38
james umali
@indefinite0212
May 30 2017 02:57
@kristan-manley add your in-line style in your existing h1 element
Victor Chen
@VictorChen38
May 30 2017 02:58
So classes are things that affect the HTML?
Lê Đình Tân An
@Ledinhtanan
May 30 2017 02:58
@Manish-Giri oke thanks
CamperBot
@camperbot
May 30 2017 02:58
ledinhtanan sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5711 | @manish-giri |http://www.freecodecamp.com/manish-giri
kristan-manley
@kristan-manley
May 30 2017 02:58
@indefinite0212 Thank you
CamperBot
@camperbot
May 30 2017 02:58
kristan-manley sends brownie points to @indefinite0212 :sparkles: :thumbsup: :sparkles:
:star2: 1337 | @indefinite0212 |http://www.freecodecamp.com/indefinite0212
J-Mag Guthrie
@baseballpoetess
May 30 2017 02:58
@thekholm80 I now hoave to keep track of both i and the quote index .... so I can tweet that quote when they click the button.
vivekfreecamp
@vivekfreecamp
May 30 2017 02:58

Nest your text input element within a form element.

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

Manish Giri
@Manish-Giri
May 30 2017 02:59
@vivekfreecamp where are the tags?
Vinitbajpa
@Vinitbajpa
May 30 2017 02:59
@Manish-Giri - Ok i'll ping you with what I have tried ..
Steven B
@sblack4
May 30 2017 02:59

@kristan-manley also there's a h1 tag in your style section ` <h1 style="color: white">
</style>

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

J-Mag Guthrie
@baseballpoetess
May 30 2017 02:59
Yes @VictorChen38 they're ways of grouping the HTML elements so you can influence a bunch fo them at a time with a styling option.
Kyle Holm
@thekholm80
May 30 2017 02:59
@baseballpoetess you're using jQuery, can't you pull the quote off the DOM when the tweet button is pressed?
Victor Chen
@VictorChen38
May 30 2017 03:00
So how do I give my div element a class?
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:00
I don't know. I'm new to this.
vivekfreecamp
@vivekfreecamp
May 30 2017 03:00
@Manish-Giri which tags??
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:00
Or Can I? Show me how, @thekholm80, please
Manish Giri
@Manish-Giri
May 30 2017 03:00
@vivekfreecamp closing > form <form>
opening < for <input
Kyle Holm
@thekholm80
May 30 2017 03:00
or, alternatively you can set the quote in a variable to reuse later
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:01
You use the class="classname" attribute @VictorChen38
dayum, yeah, I could :)
vivekfreecamp
@vivekfreecamp
May 30 2017 03:01
ooh @Manish-Giri thanks :)
CamperBot
@camperbot
May 30 2017 03:01
vivekfreecamp sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5712 | @manish-giri |http://www.freecodecamp.com/manish-giri
Victor Chen
@VictorChen38
May 30 2017 03:01
@baseballpoetess Ok let me try that... Thank you
CamperBot
@camperbot
May 30 2017 03:01
victorchen38 sends brownie points to @baseballpoetess :sparkles: :thumbsup: :sparkles:
:cookie: 411 | @baseballpoetess |http://www.freecodecamp.com/baseballpoetess
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:02
you're welcome.
@thekholm80 thanks
CamperBot
@camperbot
May 30 2017 03:02
baseballpoetess sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 890 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Kyle Holm
@thekholm80
May 30 2017 03:03
@baseballpoetess you bet. for future reference $(selector).html() (for example $('#quote').html(); )will return the html on the DOM
so you can read the value at any time
Lê Đình Tân An
@Ledinhtanan
May 30 2017 03:04

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

<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>
why i can not make a dead link?

gabriel1015
@gabriel1015
May 30 2017 03:04
Hello world
james umali
@indefinite0212
May 30 2017 03:04
@Ledinhtanan refresh your page
Kyle Holm
@thekholm80
May 30 2017 03:04
@baseballpoetess in this case $('#quote').text() would be cleaner
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:05
Oh if you pass it nothing it returns what's there. :) @thekholm80 wow
Kyle Holm
@thekholm80
May 30 2017 03:05
yep yep
Lê Đình Tân An
@Ledinhtanan
May 30 2017 03:05
@indefinite0212 It still incorrect
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:05
I don't want that though, I'm spitting out icons and italics
Kyle Holm
@thekholm80
May 30 2017 03:05
yeah, the text is a better option
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:06
So I'll store the author and quote text and go on about my bidness
Kyle Holm
@thekholm80
May 30 2017 03:06
.text()
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:06
Oh !!! <squee>
james umali
@indefinite0212
May 30 2017 03:06
@Ledinhtanan reset your code and do it again
Kyle Holm
@thekholm80
May 30 2017 03:06
remember all this jQuery because D3 is eerily similar
Manish Giri
@Manish-Giri
May 30 2017 03:07
oh good
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:07
need to .... massage it though ..... but yeah, :heart_eyes:
Manish Giri
@Manish-Giri
May 30 2017 03:07
not much to learn then
Kyle Holm
@thekholm80
May 30 2017 03:07
yeah @Manish-Giri i was shocked
Matthew White
@LordFifth
May 30 2017 03:07
@thekholm80 because that's how pure js does it :P
Kyle Holm
@thekholm80
May 30 2017 03:08
most D3 methods return objects, so chaining is the thing
and since they're just objects all you're doing is updating key values
chris
@brahhzer
May 30 2017 03:09
How do I make my a element into a dead link with href attribute set to #? Not sure what im suppose to do exactly
Manish Giri
@Manish-Giri
May 30 2017 03:09
@brahhzer make the href equal to #
chris
@brahhzer
May 30 2017 03:10
Yes but how?
Alexander R Bott
@Abott1222
May 30 2017 03:10
@brahhzer <a href=“#”>
Manish Giri
@Manish-Giri
May 30 2017 03:10
@brahhzer with an =
chris
@brahhzer
May 30 2017 03:11
Oh so im erasing the link then
thanks got it
Raymond E. Favors
@rfavors
May 30 2017 03:13
Im stuck my jQuery doesnt work when the page loads....
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:13
Okay, I've forked the working pen and now am ready to ask.... how do I make the browser go to a new URL?
Raymond E. Favors
@rfavors
May 30 2017 03:13
Just following new signup no need for a reply
Victor Chen
@VictorChen38
May 30 2017 03:13
What does FreeCodeCamp teach?
JoelEldho
@JoelEldho
May 30 2017 03:13
Codes
coding for websites
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:14
@rfavors ? hello :wave:
airotciV
@civcm
May 30 2017 03:14
Hi there. I just did the jQuery text emphasis exercise and am not sure I understand why it works.
JoelEldho
@JoelEldho
May 30 2017 03:14
its hard -_-
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:14
@JoelEldho I'll help you.
Kyle Holm
@thekholm80
May 30 2017 03:14
@baseballpoetess not sure what you mean
Victor Chen
@VictorChen38
May 30 2017 03:14
What does FreeCodeCamp teach?
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:14
Do you see how the stuff on the left is?
Manish Giri
@Manish-Giri
May 30 2017 03:14
@civcm what's your doubt?
JoelEldho
@JoelEldho
May 30 2017 03:15
yea kinda
i didnt understand very much
james umali
@indefinite0212
May 30 2017 03:15

@JoelEldho only one set of style tags, so why is it you have

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

and add class red-text to your h2 element

J-Mag Guthrie
@baseballpoetess
May 30 2017 03:15
To do the twitter thing, I have a URL, not a .... piece of js ...... how do I stuff my text into it and have it go there?
JoelEldho
@JoelEldho
May 30 2017 03:15
oh ok
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:15
@indefinite0212 please don't do it for them
JoelEldho
@JoelEldho
May 30 2017 03:15
let me try
thanks for help bud <3
airotciV
@civcm
May 30 2017 03:16
two things, really. First, here's how the answer works out: $("#target4").html("<em>#target4</em>"); The placement of the second set of quotation marks got me. Does .html only start reading when it sees the ""?
james umali
@indefinite0212
May 30 2017 03:16
@baseballpoetess I'm not. he sent a link where his code is there
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:17
Oh
Manish Giri
@Manish-Giri
May 30 2017 03:17
@civcm .html() is a function, it changes the content to whatever is in ()
and since you need the content in quotes
aswin12345
@aswin12345
May 30 2017 03:17
@baseballpoetess pls help me
Manish Giri
@Manish-Giri
May 30 2017 03:17
that's why the " "
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:17
lol Hi again @aswin12345
Manish Giri
@Manish-Giri
May 30 2017 03:17
@indefinite0212 :wave:
Kyle Holm
@thekholm80
May 30 2017 03:17
@baseballpoetess ah okay you pass in the quote and author as part of a url query string https://www.twitter.com/intent/tweet?text= is the base url then you concatenate your quote text
airotciV
@civcm
May 30 2017 03:17
second, they made a point of telling you make sure to select button id = "target4", so for a while I was going around in circles trying to use button id. Have they started throwing red herrings?
aswin12345
@aswin12345
May 30 2017 03:17

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.

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

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

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

what am i supposed to do here pls help

J-Mag Guthrie
@baseballpoetess
May 30 2017 03:17
I thought you were giving wrong answeras and I'm "noooooooo"
james umali
@indefinite0212
May 30 2017 03:17
hello @Manish-Giri! :wave:
@baseballpoetess haha :smile:
Victor Chen
@VictorChen38
May 30 2017 03:18
What does id do?
aswin12345
@aswin12345
May 30 2017 03:18
@baseballpoetess pls help
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:18
Okay, @aswin12345 be advised, I'm here getting help for my problem so I may be distracted.
Kyle Holm
@thekholm80
May 30 2017 03:18
aswin12345
@aswin12345
May 30 2017 03:18
ok
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:19
I understand that part. WHat I don't get @thekholm80 is how to make that .... occur as an event.
Manish Giri
@Manish-Giri
May 30 2017 03:20
.click()?
Kyle Holm
@thekholm80
May 30 2017 03:20
@baseballpoetess you can use window.open(url); as on onClick event
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:20
(I think I understand that part... )
:-*
airotciV
@civcm
May 30 2017 03:20
Manish-Giri thank you.
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:20
THis was not in our lessons. THanks @thekholm80
CamperBot
@camperbot
May 30 2017 03:20
baseballpoetess sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:warning: baseballpoetess already gave thekholm80 points
Kyle Holm
@thekholm80
May 30 2017 03:21
@baseballpoetess I think they want you to dream big then get used to google
aswin12345
@aswin12345
May 30 2017 03:21
whatr u learning @baseballpoetess
ur qualification i mean @baseballpoetess
Manish Giri
@Manish-Giri
May 30 2017 03:21
or, think different then get used to apple
:wink:
working on this
Kyle Holm
@thekholm80
May 30 2017 03:22
:thought_balloon: I wonder how much i can spend on inferior tech? better run to the apple store
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:22
Oh, I'm learning javascript. .... I know a a buncha :poop:
lol @thekholm80
Manish Giri
@Manish-Giri
May 30 2017 03:22
@thekholm80 get me some while you're there..
JoelEldho
@JoelEldho
May 30 2017 03:22
anyone help me :V
Kyle Holm
@thekholm80
May 30 2017 03:23
but that touchscreen instead of function keys with emojis is super cool and I'd use it all the time
(sarcasm)
@Manish-Giri my biggest fear of getting a dev job is I'll have to use a mac at work
Manish Giri
@Manish-Giri
May 30 2017 03:24
@thekholm80 I'd kill for that job
:smiling_imp:
Kyle Holm
@thekholm80
May 30 2017 03:24
every day i'll just keep telling myself "it's just unix, really ... it's just unix, really"
well, bsd not unix
aswin12345
@aswin12345
May 30 2017 03:26
how am i gona make a dead link guys
Manish Giri
@Manish-Giri
May 30 2017 03:26
make the href equal to #
@aswin12345
Jordan
@jordavalanche
May 30 2017 03:26
Hi. I'm stuck on an early challenge. I am trying to get this img element right, but the test tells me the alt attribute isn't right. Any thoughts?
<img src="https://bit.ly/fcc-relaxing-cat" alt="upside-down cat looking at the camera.">
james umali
@indefinite0212
May 30 2017 03:27

@JoelEldho this is their example:

<style>
  .blue-text {         /*CSS class declaration starts with . dot */
    color: blue;
  }
</style>
<h2 class="blue-text">CatPhotoApp</h2>  <!-- HTML class declaration is like class="blue-text" -->

this is the instruction
Give your h2 element the class attribute with a value of 'red-text'.

aswin12345
@aswin12345
May 30 2017 03:27
thanks@ @Manish-Giri
CamperBot
@camperbot
May 30 2017 03:27
aswin12345 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5713 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
May 30 2017 03:27
@jordavalanche maybe take off the - in alt
Jordan
@jordavalanche
May 30 2017 03:28
ah, that's it. Thanks!
didn't realize some characters weren't allowed in the attribute
JoelEldho
@JoelEldho
May 30 2017 03:34
guys im always stuck after 5-6 challenges...
idk why..
Kyle Holm
@thekholm80
May 30 2017 03:34
it's normal
JoelEldho
@JoelEldho
May 30 2017 03:35
i dont get it..
like even it is easy
in my level
Manish Giri
@Manish-Giri
May 30 2017 03:35
wait till you get to GoL
JoelEldho
@JoelEldho
May 30 2017 03:35
not other
Kyle Holm
@thekholm80
May 30 2017 03:35
a lot of folks don't really start understanding things until they start building the projects
then you see how it all comes together
JoelEldho
@JoelEldho
May 30 2017 03:36
s?? u think i will get better??by keep on trying?
Kyle Holm
@thekholm80
May 30 2017 03:36
you won't get worse, that's for sure
Wesley
@Wess2121
May 30 2017 03:36
like everything, you get better with practice
JoelEldho
@JoelEldho
May 30 2017 03:36
oh ok :/
Grant Clark
@kwdzr3
May 30 2017 03:37

@baseballpoetess sup J-Mag! Thanks again for your help yesterday. I see here in your source HTML

<hi class="tweet"><i class="fa fa-twitter" aria-hidden="true"></i>
</h1>
is that <hi a typo or some cool addition to a header element?

CamperBot
@camperbot
May 30 2017 03:37
kwdzr3 sends brownie points to @baseballpoetess :sparkles: :thumbsup: :sparkles:
:cookie: 412 | @baseballpoetess |http://www.freecodecamp.com/baseballpoetess
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:38
That's an icon
from font awesome
Manish Giri
@Manish-Giri
May 30 2017 03:38
hi
Grant Clark
@kwdzr3
May 30 2017 03:38
so it's an icon that is displayed as a header?
why is it closed with h1?
Manish Giri
@Manish-Giri
May 30 2017 03:38
@kwdzr3 you're referring to the i in <hi> right?
Grant Clark
@kwdzr3
May 30 2017 03:39
ye
Manish Giri
@Manish-Giri
May 30 2017 03:39
should be h1 yeah
JoelEldho
@JoelEldho
May 30 2017 03:39
I always have problem in your p element should have the class red-text
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:40

@baseballpoetess you can use window.open(url); as on onClick event

Where can I read about this?

JoelEldho
@JoelEldho
May 30 2017 03:40
oh i found
i understand wrong way
Grant Clark
@kwdzr3
May 30 2017 03:41
also I'm just starting the javascript courses myself today :> got stuck on the standing in line exercise for about 10m, but I feel like I'll really have some decent programming foundation once I get the hang of it
Kyle Holm
@thekholm80
May 30 2017 03:41
@baseballpoetess here
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:42
Oh so I can't on.("click",window.open(foo)) .... that explains it.
JoelEldho
@JoelEldho
May 30 2017 03:49
:V
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:50
okay, I just saw that it's 22:later-than-I'd-like .... tomorrws.
Kyle Holm
@thekholm80
May 30 2017 03:51
good night
Alexander Køpke
@alexanderkopke
May 30 2017 03:52
nite kyle
aswin12345
@aswin12345
May 30 2017 03:52

Nest your text field in a form element. Add the action="/submit-cat-photo" attribute to this form element.

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

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

pls help guys

JoelEldho
@JoelEldho
May 30 2017 03:53
guys Lobster font link?
aswin12345
@aswin12345
May 30 2017 03:53
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css"> @JoelEldho
JoelEldho
@JoelEldho
May 30 2017 03:54
thnx <3
aswin12345
@aswin12345
May 30 2017 03:54
wc
Alexander Køpke
@alexanderkopke
May 30 2017 03:54
@baseballpoetess you can do on("click", function(){ window.open(url)}) or something like that.
james umali
@indefinite0212
May 30 2017 03:55
@thekholm80 good night
J-Mag Guthrie
@baseballpoetess
May 30 2017 03:55
lol yeah, but I'm weary and I have saved and closed everything.
AHFoD
@AHFoD
May 30 2017 03:55
hello all, i got stucked at Add Borders Around Your Elements challenge
james umali
@indefinite0212
May 30 2017 03:56
@AHFoD show your code
Manish Giri
@Manish-Giri
May 30 2017 03:56
@thekholm80 my spreadsheet is so big that excel crashed
8th time in a row
aswin12345
@aswin12345
May 30 2017 03:56
@baseballpoetess pls help @Manish-Giri
heroiczero
@heroiczero
May 30 2017 03:56
@AHFoD lets see your code
AHFoD
@AHFoD
May 30 2017 03:56

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

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

h2 {
font-family: Lobster, Monospace;
}

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

.smaller-image {
width: 100px;
}

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

</style>

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

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

<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="thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

Alexander Køpke
@alexanderkopke
May 30 2017 03:56
his gone,jim
heroiczero
@heroiczero
May 30 2017 03:57
@AHFoD use class="smaller-image anotherClass" classes are seperated by a space
nieland01
@nieland01
May 30 2017 03:57
@AHFoD when adding multiple classes to something, keep it in the same class="" just have them seperated by a space like this class="class1 class2"
JoelEldho
@JoelEldho
May 30 2017 03:58
..
Alexander Køpke
@alexanderkopke
May 30 2017 03:58
@aswin12345 create a form element <form></form>. Nest the input you have at the bottom inside the form. <form><input></form> then add the action attribute inside the form tag
aswin12345
@aswin12345
May 30 2017 03:59
could u pls write the code @alexanderkopke
JoelEldho
@JoelEldho
May 30 2017 04:00
how u guys study these things -_-
Alexander Køpke
@alexanderkopke
May 30 2017 04:00
@aswin12345 I don't remember the exact code.
aswin12345
@aswin12345
May 30 2017 04:01
can u do this challene @alexanderkopke
https://www.freecodecamp.com/challenges/create-a-form-element#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%3Cul%3E%0A%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%3C%2Ful%3E%0A%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%3Col%3E%0A%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%3C%2Fol%3E%0A%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%3E%0A
wait i think i got it
no i didnt :3
Alexander Køpke
@alexanderkopke
May 30 2017 04:04
@aswin12345 how about if I guide you? And you follow my instructions?
Grant Clark
@kwdzr3
May 30 2017 04:05
@JoelEldho is google blocked in your country ?
JoelEldho
@JoelEldho
May 30 2017 04:05
no but when i search for "lobster" it gives download link :V
Alexander Køpke
@alexanderkopke
May 30 2017 04:05
@JoelEldho your link is missing the <
JoelEldho
@JoelEldho
May 30 2017 04:06
oh ok wait
aswin12345
@aswin12345
May 30 2017 04:06
@alexanderkopke with pleasure
Alisa
@daydreamawake
May 30 2017 04:06
hi i am having problems w\ the same thing thanks for posting this
aswin12345
when i give h2
Alexander Køpke
@alexanderkopke
May 30 2017 04:06
@aswin12345 can you find this input: <input type="text" placeholder="cat photo URL">? it is located at the end
JoelEldho
@JoelEldho
May 30 2017 04:06
still wont work
aswin12345
@aswin12345
May 30 2017 04:08
@alexanderkopke yes
Grant Clark
@kwdzr3
May 30 2017 04:08
@JoelEldho here bro check out this line from the instructions "Copy the following code snippet and paste it into the top of your code editor:"
JoelEldho
@JoelEldho
May 30 2017 04:08
oh ok let me check
im careless -_-
Alexander Køpke
@alexanderkopke
May 30 2017 04:09
@JoelEldho that is better. Now you need to select the h2 in the style and give it the font-family: Lobster;
Grant Clark
@kwdzr3
May 30 2017 04:09
np lol, I spent about 5 minutes earlier wondering why this javacript code wasn't working and I realized I didnt have 1 word capitalized
JoelEldho
@JoelEldho
May 30 2017 04:10
ok wait
aswin12345
@aswin12345
May 30 2017 04:10
@alexanderkopke pls help
Alexander Køpke
@alexanderkopke
May 30 2017 04:10
@aswin12345 good! Now just before it write so it looks like this <form action="/submit-cat-form"><input type="text" placeholder="cat photo URL"></form>
Grant Clark
@kwdzr3
May 30 2017 04:11
@aswin12345 hey buddy I just read that you're having trouble with "Create a Form Element", which part are you stuck on?
Alexander Køpke
@alexanderkopke
May 30 2017 04:11
@aswin12345 don't copy my code. Type it in by hand
Carson Volker
@nosracq
May 30 2017 04:11
Can someone help me fix a fixed navbar problem?
aswin12345
@aswin12345
May 30 2017 04:12
actually iam stuck in nesting @kwdzr3
Sam Soucie
@samdsou
May 30 2017 04:12
@nosracq I might be able to help
aswin12345
@aswin12345
May 30 2017 04:12
@alexanderkopke it does not work
Ravi Kishore Thella
@ravikishorethella
May 30 2017 04:12
@aswin12345 what is the problem
Alexander Køpke
@alexanderkopke
May 30 2017 04:12
@aswin12345 show the last three lines
Snowghost24
@snowghost24
May 30 2017 04:12
can anyone help me connect my php file to my database
Parse error: syntax error, unexpected '$servername' (T_VARIABLE) in /home/south921/public_html/dbh.php on line 1
I keep getting this error
aswin12345
@aswin12345
May 30 2017 04:13
<form action="/submit-cat-photo"><input type="text" placeholder="cat photo URL"></form> @alexanderkopke
Carson Volker
@nosracq
May 30 2017 04:13
Great! I have a fixed-top navbar and some anchor links on my page but when you click on the link the top portion of the section is covered by the navbar.
Alexander Køpke
@alexanderkopke
May 30 2017 04:13
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>
Carson Volker
@nosracq
May 30 2017 04:13
is there a way to make the bottom of the navbar the absolute top of the page when scrolling?
aswin12345
@aswin12345
May 30 2017 04:14
@alexanderkopke wht it is photo
Sam Soucie
@samdsou
May 30 2017 04:14
@nosracq what's the CSS for your navbar?
Alexander Køpke
@alexanderkopke
May 30 2017 04:14
like I posted here. This passes for me
Grant Clark
@kwdzr3
May 30 2017 04:15
@aswin12345 np, if you need a refresher on what nesting is check out https://www.freecodecamp.com/challenges/nest-an-anchor-element-within-a-paragraph
mrbotfcoder
@mrbotfcoder
May 30 2017 04:15
how do i change font size between style tags?
JoelEldho
@JoelEldho
May 30 2017 04:15
Thanks to all helped me <3
Carson Volker
@nosracq
May 30 2017 04:15
@samdsou I don't have any CSS for my navbar, I'm just using the bootstrap one.
JoelEldho
@JoelEldho
May 30 2017 04:16
@mrbotfcoder bro...i dont know much about this thing but i will help u
type ur element
for example
p {
Grant Clark
@kwdzr3
May 30 2017 04:16
@mrbotfcoder link the challenge you're stuck on m8
JoelEldho
@JoelEldho
May 30 2017 04:16
font-size:16px;
hpe it help u :V
Sam Soucie
@samdsou
May 30 2017 04:17
@nosracq so you want a fixed navbar but the bottom of it the top of the page? Sorry I'm kind of confused
Alexander Køpke
@alexanderkopke
May 30 2017 04:17
anyways. Need sleep. Keep coding, keep learning, guys!
Carson Volker
@nosracq
May 30 2017 04:18
@samdsou yes exactly.
Snowghost24
@snowghost24
May 30 2017 04:18
Does anyone in here know any php? I believe there is a simple solution to my problem i just dont know how to solve it
Grant Clark
@kwdzr3
May 30 2017 04:18
@mrbotfcoder are you sure that's the full link m8? I see some missing code on there
aswin12345
@aswin12345
May 30 2017 04:18
@alexanderkopke its notworkng
Manish Giri
@Manish-Giri
May 30 2017 04:18
@alexanderkopke gnyt
Sam Soucie
@samdsou
May 30 2017 04:19
@nosracq I'm not sure about that. on my page I use a fixed navbar that just stays in it's position at the very top
Carson Volker
@nosracq
May 30 2017 04:20
@samdsou I'm working on my portfolio page so I have multiple sections for About, Contact, etc..... but when you click on the button in the navigation the top of the section is cut off by the navbar.
Grant Clark
@kwdzr3
May 30 2017 04:20
@aswin12345 I'll help you finish this challenge then I'll go eat buddy, link me which challenge you're on again and copy/paste the code you have now
Carson Volker
@nosracq
May 30 2017 04:20
I could just add more padding but I'm trying to find a cleaner way to fix it.
aswin12345
@aswin12345
May 30 2017 04:22

https://www.freecodecamp.com/challenges/create-a-form-element#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%3Cul%3E%0A%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%3C%2Ful%3E%0A%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%3Col%3E%0A%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%3C%2Fol%3E%0A%3Cform%20fccfaa%3D%22%2Fsubmit%20cat%20photo%3E%22%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%3C%2Fform%3E%0A

@kwdzr3

Sam Soucie
@samdsou
May 30 2017 04:22
@nosracq I would use css and add padding-top to your id
Manish Giri
@Manish-Giri
May 30 2017 04:22
@aswin12345 "/submit cat photo>"
Sam Soucie
@samdsou
May 30 2017 04:23
@nosracq I think that's the simplest way to do it
Manish Giri
@Manish-Giri
May 30 2017 04:23
you should get in the habit of spotting simple mistakes like these by yourself.
@aswin12345
Sam Soucie
@samdsou
May 30 2017 04:23
@nosracq actually wait, nvm that doesn't work
aswin12345
@aswin12345
May 30 2017 04:23
@Manish-Giri still not working
Sam Soucie
@samdsou
May 30 2017 04:23
I'm looking into mine and I have the same problem lol
Manish Giri
@Manish-Giri
May 30 2017 04:23
the biggest hint of where to look in this case is the pink area highlighted
again
<input type="text" placeholder="cat photo URL
where's the closing >
Carson Volker
@nosracq
May 30 2017 04:27
@samdsou ya, I tried that. I was also thinking of using jquery to scroll the page when the anchor link is activated, but I'm not really sure how to do that.