These are chat archives for FreeCodeCamp/Help

2nd
Nov 2016
Perry Craft
@LjCraft12
Nov 02 2016 00:00
@FarReachFX good luck
Erik-Andre Ørn
@EaStillTrippy
Nov 02 2016 00:01
Why won't my .red-text turn red? :worried:
MrBQuinn
@MrBQuinn
Nov 02 2016 00:02

Hey guys!
Does anybody know whats wrong with this code?
Its the "Use Spans for Inline Elements" lesson under the Bootstrap section

<p>Top 3 things cats <span class="text-danger">love:</span></p>

Nicol
@NicolNonga
Nov 02 2016 00:02
@EaStillTrippy code pleae
Jordanna Belle-Isle
@jbelleisle3
Nov 02 2016 00:03
I need help nesting HTML elements
Garrus Napp
@GarrusNapp
Nov 02 2016 00:03
@jbelleisle3 <element>NESTED</element>
Nicol
@NicolNonga
Nov 02 2016 00:04
<p><span class="text-danger">love:</span>Top 3 things cats </p> try this @MrBQuinn
@EaStillTrippy we need to see the code
Erik-Andre Ørn
@EaStillTrippy
Nov 02 2016 00:05
how the ... do I post pictures here, so I can show you the code
Garrus Napp
@GarrusNapp
Nov 02 2016 00:05
@EaStillTrippy just ctrl C ctrl V it here
Nicol
@NicolNonga
Nov 02 2016 00:05
printsrn
Erik-Andre Ørn
@EaStillTrippy
Nov 02 2016 00:06
Skjermbilde (1).png
Nicol
@NicolNonga
Nov 02 2016 00:06
@EaStillTrippy miss red;
Erik-Andre Ørn
@EaStillTrippy
Nov 02 2016 00:07
wow, thanks :smile:
Nicol
@NicolNonga
Nov 02 2016 00:08
:smile:
MrBQuinn
@MrBQuinn
Nov 02 2016 00:09
I figured it out
Nicol
@NicolNonga
Nov 02 2016 00:09
:clap: @MrBQuinn
Mwjchapman
@mwjchapman
Nov 02 2016 00:10
<h2style="color:blue">CatPhotoApp</h2> is not working any suggestions?
Garrus Napp
@GarrusNapp
Nov 02 2016 00:10
@mwjchapman space after h2
Mwjchapman
@mwjchapman
Nov 02 2016 00:11
Thanks tried that it's still not working
Manish Giri
@Manish-Giri
Nov 02 2016 00:11
@mwjchapman you probably need to pull out the color: blue into style tags, unless it's an inline style challenge
eslintisbad
@eslintisbad
Nov 02 2016 00:11
hello world
CamperBot
@camperbot
Nov 02 2016 00:11

welcome to FreeCodeCamp @Metatricity!

eslintisbad
@eslintisbad
Nov 02 2016 00:11
well hello chat room i mean
not new
:/
Nicol
@NicolNonga
Nov 02 2016 00:12
@mwjchapman the picture or all the code
Garrus Napp
@GarrusNapp
Nov 02 2016 00:12
@Manish-Giri also do inline require ; ?
Manish Giri
@Manish-Giri
Nov 02 2016 00:13
@GarrusNapp I think they do, from what I remember
Walid Ashri
@walidashri
Nov 02 2016 00:13
Hi. Any of my gang is around? :smile:
Nicol
@NicolNonga
Nov 02 2016 00:13
@Metatricity hello
Mwjchapman
@mwjchapman
Nov 02 2016 00:14
I'm trying to make the h2 blue in a lesson, it describes what to enter but once I enter it won't work
Manish Giri
@Manish-Giri
Nov 02 2016 00:14
take a screenshot and post it here
Nicol
@NicolNonga
Nov 02 2016 00:14
@mwjchapman share all the code or picture
Anand John
@aijohn88
Nov 02 2016 00:15
Hey guys.. How do u insert a image here?
Nicol
@NicolNonga
Nov 02 2016 00:16
@aijohn88 screenshot the past here
screenshot and past here
Anand John
@aijohn88
Nov 02 2016 00:16
Screen Shot 2016-11-01 at 8.10.27 pm
Alejandro Pulido
@alejopulido
Nov 02 2016 00:17
whats it mean to CREATE A NEW P ELEMENT AROUND YOUR A ELEMENT... YOUR A ELEMENT SHOULD BE NESTED WITHIN YOUR NEW P ELEMENT.
Garrus Napp
@GarrusNapp
Nov 02 2016 00:17
@alejopulido <p><a></a></p>
Nicol
@NicolNonga
Nov 02 2016 00:17
<first element><nested element><element/>
@aijohn88 or copy the img and post here
Alejandro Pulido
@alejopulido
Nov 02 2016 00:19
you guys are awesome...! thanks @GarrusNapp
CamperBot
@camperbot
Nov 02 2016 00:19
alejopulido sends brownie points to @garrusnapp :sparkles: :thumbsup: :sparkles:
:cookie: 473 | @garrusnapp |http://www.freecodecamp.com/garrusnapp
sktm0007
@sktm0007
Nov 02 2016 00:22
What does div do?
Garrus Napp
@GarrusNapp
Nov 02 2016 00:22
@sktm0007 div is box you put things to
Nicol
@NicolNonga
Nov 02 2016 00:23
div agroup tags
supermario0315
@supermario0315
Nov 02 2016 00:24

Guys how do I nest the a element into the p element??
This is what I did:

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

<p>View more <a href="https://freecodecamp.com">
Cat Photos
</a>
</p>

WhiteLeaf1103
@WhiteLeaf1103
Nov 02 2016 00:24
@sktm0007 div is basically a divider so you can use a div on one section to make everything white. or to change the background. where the div ends is where it's classes will end.
it only affects everything inbetween.
Rahul
@livayahurd
Nov 02 2016 00:25
@supermario0315 it work
sktm0007
@sktm0007
Nov 02 2016 00:25
Can you give me an example with code @GarrusNapp
supermario0315
@supermario0315
Nov 02 2016 00:25
Oh
But the website isn't registering
Nicol
@NicolNonga
Nov 02 2016 00:25
<p<a></a></p>
@supermario0315 <p><a></a></p>
sktm0007
@sktm0007
Nov 02 2016 00:27
Thanks @WhiteLeaf1103
CamperBot
@camperbot
Nov 02 2016 00:27
sktm0007 sends brownie points to @whiteleaf1103 :sparkles: :thumbsup: :sparkles:
:cookie: 124 | @whiteleaf1103 |http://www.freecodecamp.com/whiteleaf1103
WhiteLeaf1103
@WhiteLeaf1103
Nov 02 2016 00:28
@sktm0007 so basically....

<div class="text-center">
<h1> centered</h1>
<p> Example</p>
</div>
everything in that div will be centerd
Erik-Andre Ørn
@EaStillTrippy
Nov 02 2016 00:28
Skjermbilde (2).png
sktm0007
@sktm0007
Nov 02 2016 00:28
Got it
Felix
@FelixChallenger
Nov 02 2016 00:28
Hi guy's! the challenge ask's me to have my zoom browser and font size to 100%, and it is like that, but still it doesn't recognize it. any suggestions ?
Erik-Andre Ørn
@EaStillTrippy
Nov 02 2016 00:29
how do I get this to work, cant differentiate the classes
Manish Giri
@Manish-Giri
Nov 02 2016 00:29
@FelixChallenger your code is wrong, probably
Nicol
@NicolNonga
Nov 02 2016 00:30
@EaStillTrippy class=" first-class secand-classe"
WhiteLeaf1103
@WhiteLeaf1103
Nov 02 2016 00:30
@EaStillTrippy you can only have 1 "class" at a time. you have two.
^ what nicol said
Garrus Napp
@GarrusNapp
Nov 02 2016 00:30
you've got 5 divs there and you can put one inside other, next to other etc. It helps you to structure your website as you wish
WhiteLeaf1103
@WhiteLeaf1103
Nov 02 2016 00:31
all you need is a space between classes class="ex1 ex2" not a class= for each
Nicol
@NicolNonga
Nov 02 2016 00:31
you have to two separeited by space class="1 2"
WhiteLeaf1103
@WhiteLeaf1103
Nov 02 2016 00:32
@GarrusNapp wait I can just write a color inside the class="" and it will change to that color?
Garrus Napp
@GarrusNapp
Nov 02 2016 00:32
@WhiteLeaf1103 no, I made classes named this way
@WhiteLeaf1103 you still have to do CSS part like i did
WhiteLeaf1103
@WhiteLeaf1103
Nov 02 2016 00:33
can you give me a tutorial on those cols and such?
Nicol
@NicolNonga
Nov 02 2016 00:33
<img class=""smoller-img tick-green-bord">
WhiteLeaf1103
@WhiteLeaf1103
Nov 02 2016 00:34
I actually think I might have got it.
@NicolNonga correct
Erik-Andre Ørn
@EaStillTrippy
Nov 02 2016 00:34
heyyy, you guys tha best
thanks again
Garrus Napp
@GarrusNapp
Nov 02 2016 00:34
@WhiteLeaf1103 you have bootstrap challanges in FCC :)
WhiteLeaf1103
@WhiteLeaf1103
Nov 02 2016 00:35
I know but they werent that helpful to me. I'll just figure it out myself thanks anyways.
Garrus Napp
@GarrusNapp
Nov 02 2016 00:36
if you have any questions I can help :)
Nicol
@NicolNonga
Nov 02 2016 00:36
@WhiteLeaf1103 have you got the challege?
WhiteLeaf1103
@WhiteLeaf1103
Nov 02 2016 00:37
yes i've done it and reviewed it we all have the same challenges I'm working on my portfolio right now.
any suggestions are welcomed
http://codepen.io/WhiteLeaf1103/pen/BLXqNy
Garrus Napp
@GarrusNapp
Nov 02 2016 00:38
@WhiteLeaf1103 bootstrap can help much here !
WhiteLeaf1103
@WhiteLeaf1103
Nov 02 2016 00:39
but help with what...
Nicol
@NicolNonga
Nov 02 2016 00:40
@WhiteLeaf1103 do have done only one project ?
WhiteLeaf1103
@WhiteLeaf1103
Nov 02 2016 00:40
I'm mentally drained working on this for hours straight lol i'm out of ideas for now except too make the contact page and add links to buttons.
Garrus Napp
@GarrusNapp
Nov 02 2016 00:40
:D i know that feeling
WhiteLeaf1103
@WhiteLeaf1103
Nov 02 2016 00:40
@NicolNonga I mean it says to make a tribute page then too make a portfolio... am I suppose to have more :O
Garrus Napp
@GarrusNapp
Nov 02 2016 00:40
it can help with overall look
WhiteLeaf1103
@WhiteLeaf1103
Nov 02 2016 00:41
@GarrusNapp dude.... your not much help. lol
Garrus Napp
@GarrusNapp
Nov 02 2016 00:41
:D
Nicol
@NicolNonga
Nov 02 2016 00:41
have you build a tribute page yet?
WhiteLeaf1103
@WhiteLeaf1103
Nov 02 2016 00:42
thats my first project
click it
Garrus Napp
@GarrusNapp
Nov 02 2016 00:42
it can save a lot of work, I'll try to show in moment
WhiteLeaf1103
@WhiteLeaf1103
Nov 02 2016 00:42
you can click my project photo
Nicol
@NicolNonga
Nov 02 2016 00:43
i clicked great job @GarrusNapp
WhiteLeaf1103
@WhiteLeaf1103
Nov 02 2016 00:43
@NicolNonga where his thingy at?
Nicol
@NicolNonga
Nov 02 2016 00:45
??? @WhiteLeaf1103
Adam King
@awking11
Nov 02 2016 00:45
anybody know how to see if you're at 100% zoom? Trying to pass "change the font size of an element" challenge.
WhiteLeaf1103
@WhiteLeaf1103
Nov 02 2016 00:45
you said you cliked it.
Nicol
@NicolNonga
Nov 02 2016 00:45
yes i did
WhiteLeaf1103
@WhiteLeaf1103
Nov 02 2016 00:46
what did you click? I wanna see it to, so I can learn from it
Garrus Napp
@GarrusNapp
Nov 02 2016 00:46
here is my tribute page if you are interested but I think he just clicked wrong nick and he wanted to mention you
color scheme sucks though, need to make a lot of changes there... someday :D
Nicol
@NicolNonga
Nov 02 2016 00:47
http://codepen.io/WhiteLeaf1103/full/BLXqNy/ @WhiteLeaf1103 your tribute page is not it ?
Alejandro Pulido
@alejopulido
Nov 02 2016 00:49
i dont an answer... just some assistance.. maybe I'm just not connecting very good with the lingo... but HOW DO I REPLCE THE VALUE OF AN a ELEMENT'S href ATTRIBUTE WITH A #
Garrus Napp
@GarrusNapp
Nov 02 2016 00:50
@alejopulido you have href with some value already, which is the link. change the link to #.
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 00:50
make it so href="#"
Alejandro Pulido
@alejopulido
Nov 02 2016 00:51
BUT THAT WOULD MEAN I DELETE THE LINK RIGHT?
Nicol
@NicolNonga
Nov 02 2016 00:51
Garrus Napp
@GarrusNapp
Nov 02 2016 00:51
@alejopulido yes
WhiteLeaf1103
@WhiteLeaf1103
Nov 02 2016 00:52
@GarrusNapp thats nice page dude
like the hiding effect. and all. But why did you use the nav bar as lists?
Garrus Napp
@GarrusNapp
Nov 02 2016 00:53
@WhiteLeaf1103 this is supposed to be list due some reason. I didn't look that much into bootstraps navbars
I found a template and edited it so it suits my page
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 00:53
@NicolNonga looking good. would you like some suggestions for improvement?
Samuel C
@samuelpcoma
Nov 02 2016 00:55
Hello... i am Samuel... i heard about freecodcamp in youtube... and would like to learn with you how to code
WhiteLeaf1103
@WhiteLeaf1103
Nov 02 2016 00:55
I dont get what ids do?
Nicol
@NicolNonga
Nov 02 2016 00:55
@Jeff-Shapiro yes i will be glad
@samuelpcoma Well come
Ryan VanDyke
@ryanjvandyke
Nov 02 2016 00:56
how do I center a heading in <h1> using css
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 00:56
Maybe on the sides of text have some padding so the text doesn't go out of the page
Samuel C
@samuelpcoma
Nov 02 2016 00:57
to be a good developer to help people and to get a change to contribute for a better computer world
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 00:57
@NicolNonga also the picture and name don't line up.
Nicol
@NicolNonga
Nov 02 2016 00:58
thanks i will improve it
Samuel C
@samuelpcoma
Nov 02 2016 00:58
Thanks @Jeff-Shapiro yes i will be glad
CamperBot
@camperbot
Nov 02 2016 00:58
samuelpcoma sends brownie points to @jeff-shapiro :sparkles: :thumbsup: :sparkles:
:cookie: 287 | @jeff-shapiro |http://www.freecodecamp.com/jeff-shapiro
WhiteLeaf1103
@WhiteLeaf1103
Nov 02 2016 00:58
h1 {
text-center;
} I think
Garrus Napp
@GarrusNapp
Nov 02 2016 00:59
@ryanjvandyke h1 { text-align: center; }
Elijah Johnson
@CodingGolden
Nov 02 2016 00:59
I have this:

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

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

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

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

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

Garrus Napp
@GarrusNapp
Nov 02 2016 01:00
@CodingGolden <p> { font-size: 16px; } this is wrong
also </p> in style
this doesn't belong to style tag. Just write p { ... }
Ryan VanDyke
@ryanjvandyke
Nov 02 2016 01:01
@GarrusNapp thank you but I worded that wrong. how do I do it inline in an html. Sorry!
CamperBot
@camperbot
Nov 02 2016 01:01
ryanjvandyke sends brownie points to @garrusnapp :sparkles: :thumbsup: :sparkles:
:cookie: 474 | @garrusnapp |http://www.freecodecamp.com/garrusnapp
Garrus Napp
@GarrusNapp
Nov 02 2016 01:01
@ryanjvandyke what do you mean inline?
Ryan VanDyke
@ryanjvandyke
Nov 02 2016 01:02
Like <h1> text here </h1> how do I get that text centered.
can I do it within the <h1> element?
Stelo
@stelobrim
Nov 02 2016 01: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;
}

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

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

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

Your img element should have the class smaller-image.
Your img element should have the class thick-green-border.
Give your image a border width of 10px.
Give your image a border style of solid.
The border around your img element should be green.
Manish Giri
@Manish-Giri
Nov 02 2016 01:05
@stelobrim
<img class="class smaller-image" class="thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
@stelobrim multiple class names should be separated by spaces, not class keywords
Garrus Napp
@GarrusNapp
Nov 02 2016 01:05
if you use what I told earlier you'll get <h1> on the center of page. If its not what you need then maybe you have an example of what you are trying to do?
GinnyP
@GinnyP
Nov 02 2016 01:06
hey guys -> guess who's back, back again
jk
Manish Giri
@Manish-Giri
Nov 02 2016 01:08
@GinnyP Ginny Weasley fan?
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 01:09
@GinnyP Ken is back.... tell some men
GinnyP
@GinnyP
Nov 02 2016 01:10
@Manish-Giri not really, Ginny's been my nickname forever just cause I'm a potterhead, and my name's Giovanna. So since, I'm Ginny I just went all the way and used a pic of the actress bc my camera's broken.
@Manish-Giri (and she's prettier than me :P)
@Manish-Giri P's not for Potter, it's for Porto, my last name xD
Manish Giri
@Manish-Giri
Nov 02 2016 01:12
@GinnyP bene bene
Stelo
@stelobrim
Nov 02 2016 01:12

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

<style>
.red-text {
color: red;
} img
thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;}

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

GinnyP
@GinnyP
Nov 02 2016 01:12
@Jeff-Shapiro No... she's hot though, wouldn't mind being her :P
Stelo
@stelobrim
Nov 02 2016 01:12
Give your image a border width of 10px.
Give your image a border style of solid.
The border around your img element should be green.
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 01:13
@GinnyP was going to say your beating yourself down way too much if it is HA
GinnyP
@GinnyP
Nov 02 2016 01:13
@Jeff-Shapiro No... hahaha
@stelobrim Well, you apparently have yet to define the class thick-green-border on the <style> part of your code
Juan Rivera
@Rivera21
Nov 02 2016 01:14
did some speak spanish?
GinnyP
@GinnyP
Nov 02 2016 01:15
@stelobrim The rest of it seems right, though
Stelo
@stelobrim
Nov 02 2016 01:15
???
Girzima
@Girzima
Nov 02 2016 01:15
Hello people
Stelo
@stelobrim
Nov 02 2016 01:15
example
GinnyP
@GinnyP
Nov 02 2016 01:15
@Rivera21 I speak Portuguese, @Manish-Giri said "bene", which I imagine is Italian
@stelobrim OK, found it, sorry
Manish Giri
@Manish-Giri
Nov 02 2016 01:16
@GinnyP ah my bad, I thought you were Italian, from your name!
GinnyP
@GinnyP
Nov 02 2016 01:17
@stelobrim I found the problem though
Stelo
@stelobrim
Nov 02 2016 01:17
what is it? other than defining
GinnyP
@GinnyP
Nov 02 2016 01:17
@stelobrim first delete img after the closing } after defining your first class
Stelo
@stelobrim
Nov 02 2016 01:18
ok it worked thank you
GinnyP
@GinnyP
Nov 02 2016 01:18
@stelobrim then, you missed a period before defining the .green-thick-border{}
@Manish-Giri No, not Italian
Nobody needs help coding? I'm leaving then :P
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 01:20
@GinnyP can you just do all my coding please
Juan Rivera
@Rivera21
Nov 02 2016 01:20
@GinnyP i need help with nestin
GinnyP
@GinnyP
Nov 02 2016 01:21
@Jeff-Shapiro Sorry, I would, but I rather you learn ;)
@Rivera21 shoot
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 01:22
@GinnyP I am 1337 coder
Juan Rivera
@Rivera21
Nov 02 2016 01:22
@GinnyP Nest your text input element within a form element
GinnyP
@GinnyP
Nov 02 2016 01:22
@Jeff-Shapiro Whatever that means, good for ya :)
Juan Rivera
@Rivera21
Nov 02 2016 01:23
i put the form element and then the input text and don't work
GinnyP
@GinnyP
Nov 02 2016 01:23
hm, let me see the code please @Rivera21
lebunnyface
@lebunnyface
Nov 02 2016 01:23
Hi everyone! Just wanted to say hi and take a quick break from coding
Jeff-Shapiro @Jeff-Shapiro bets @Rivera21 has no closing tags
GinnyP
@GinnyP
Nov 02 2016 01:23
@lebunnyface tag along, we're friendly xD
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 01:23
@lebunnyface bunny face hahaha
GinnyP
@GinnyP
Nov 02 2016 01:24
@lebunnyface (even when we're betting)
Juan Rivera
@Rivera21
Nov 02 2016 01:24
<form action="/submit-cat-photo"<input type="text" placeholder="cat photo URL"> </form>
it hast the closing tag
lebunnyface
@lebunnyface
Nov 02 2016 01:24
Haha! This is quite a chat room
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 01:24
missing a >
GinnyP
@GinnyP
Nov 02 2016 01:24
@Jeff-Shapiro @Rivera21 he did close it though
@Jeff-Shapiro @Rivera21 I wanna see some money flowing
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 01:25
close to a closing tag
GinnyP
@GinnyP
Nov 02 2016 01:25
@Jeff-Shapiro don't be a bad loser :P
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 01:25
@GinnyP wait what?
GinnyP
@GinnyP
Nov 02 2016 01:26
@Jeff-Shapiro He didn't see the >, but there was a closing tag, ya lost the bet bro
anyone else?
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 01:27
I did see it I did I did I did
GinnyP
@GinnyP
Nov 02 2016 01:28
@Jeff-Shapiro Yea...
Juan Rivera
@Rivera21
Nov 02 2016 01:28
i don't know what to do
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 01:28
@Rivera21 sing your heart away
GinnyP
@GinnyP
Nov 02 2016 01:28
@Rivera21 Didn't it work?
Carolyn Rose
@calypos
Nov 02 2016 01:28

okay good evening here, i need some assistance. I have attempted to do this one but I am having a problem having the font to be both lobster and monoapace any help out there? <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

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

p {fpmt-family: lobster; font-family: Monospace;
}
</style>

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

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

Manish Giri
@Manish-Giri
Nov 02 2016 01:28
@calypos what's this? fpmt-family
Juan Rivera
@Rivera21
Nov 02 2016 01:28
@GinnyP No
Carolyn Rose
@calypos
Nov 02 2016 01:29
yes
Juan Rivera
@Rivera21
Nov 02 2016 01:29
@Jeff-Shapiro lol
GinnyP
@GinnyP
Nov 02 2016 01:29
try
p{font-family: lobster, monospace;}
Carolyn Rose
@calypos
Nov 02 2016 01:29
thankyour
GinnyP
@GinnyP
Nov 02 2016 01:29
@calypos I don't remember if that's the answer, but it might be
@Rivera21 did ya close the > that was missing?
Juan Rivera
@Rivera21
Nov 02 2016 01:30
@GinnyP yes
GinnyP
@GinnyP
Nov 02 2016 01:31
@Rivera21 oh dear
@Jeff-Shapiro I leave him at your mercy
I'm stumped on that one
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 01:31
Wait whats the problem?
Victor
@VENCEDOR7
Nov 02 2016 01:31

hey I'm kind of new to this, but I know this is rather simple. Don't know why it is giving me an error ... <style>
.red-text {
color: red;
}
p { font-size: 16px}
</style>

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

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

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

GinnyP
@GinnyP
Nov 02 2016 01:31
he closed the > and it didn't work
Victor
@VENCEDOR7
Nov 02 2016 01:32
error given is Your p element should contain the first few words of the provided additional kitty ipsum text.
Walid Ashri
@walidashri
Nov 02 2016 01:32
@calypos define the font-family for h2 and p and Lobster is capitalized
Girzima
@Girzima
Nov 02 2016 01:32
@VENCEDOR7 <p
GinnyP
@GinnyP
Nov 02 2016 01:32
@VENCEDOR7 What do you need to achieve?
Girzima
@Girzima
Nov 02 2016 01:32
missing semi colon after px
GinnyP
@GinnyP
Nov 02 2016 01:32
@VENCEDOR7 saw it
WES1023
@WES1023
Nov 02 2016 01:32
Im on the web forms lesson and need some help. this is what i What on the last line.
Juan Rivera
@Rivera21
Nov 02 2016 01:32
(Nest your text input element within a form element) that is what is said @GinnyP @Jeff-Shapiro
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 01:33
Show all the code
WES1023
@WES1023
Nov 02 2016 01:33
<input type=<form action="/submit-cat-photo"></form><text" placeholder="cat photo URL">
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%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%3C%2Fform%3E%3Ctext%22%20placeholder%3D%22cat%20photo%20URL%22%3E
Juan Rivera
@Rivera21
Nov 02 2016 01:33
<form action="/submit-cat-photo" <input type="text" placeholder="cat photo URL"> </form> @Jeff-Shapiro
GinnyP
@GinnyP
Nov 02 2016 01:34
@Rivera21 It's still not closed mate
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 01:34
still missing a >
Juan Rivera
@Rivera21
Nov 02 2016 01:34
<form action="/submit-cat-photo" <input type="text" placeholder="cat photo URL"/> </form>
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 01:34
@GinnyP bite em
Victor
@VENCEDOR7
Nov 02 2016 01:34
the goal in this one is to modify the font size of p elements and and add a second p element
GinnyP
@GinnyP
Nov 02 2016 01:35
@Rivera21 should be <form action="/submit-cat-photo"> <input type="text" placeholder="cat photo URL"> </form> (I imagine that's where you should close it, didn't get to this bit yet
@VENCEDOR7 Yea, your error is very particular indeed. On the instructions where they tell you what to add to the second p element, try to be diligent and make sure you got it word for word
@VENCEDOR7 I'll open that test and check it, hold on
@Jeff-Shapiro done ;)
Girzima
@Girzima
Nov 02 2016 01:37
I want to help someone :shipit:
Juan Rivera
@Rivera21
Nov 02 2016 01:37
oh i got Thanks for you help guys @Jeff-Shapiro @GinnyP
CamperBot
@camperbot
Nov 02 2016 01:37
rivera21 sends brownie points to @jeff-shapiro and @ginnyp :sparkles: :thumbsup: :sparkles:
:cookie: 123 | @ginnyp |http://www.freecodecamp.com/ginnyp
:cookie: 288 | @jeff-shapiro |http://www.freecodecamp.com/jeff-shapiro
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 01:37
@Rivera21, @GinnyP is a lady not a guy :fire:
Victor
@VENCEDOR7
Nov 02 2016 01:37
yeah I figure it could be that but I have tried both copy and pasting and typing it carefully, yet I still get the same error
Alexander
@AlexanderRow
Nov 02 2016 01:38
Hello i can't seem to get this part correct?Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4.
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 01:38
@AlexanderRow do you understand what nesting means?
GinnyP
@GinnyP
Nov 02 2016 01:39
@Jeff-Shapiro I think @Rivera21 meant in the general sense, though
@Jeff-Shapiro but thanks
CamperBot
@camperbot
Nov 02 2016 01:39
ginnyp sends brownie points to @jeff-shapiro :sparkles: :thumbsup: :sparkles:
:cookie: 289 | @jeff-shapiro |http://www.freecodecamp.com/jeff-shapiro
GinnyP
@GinnyP
Nov 02 2016 01:40
lol accidentally sending cookies
your luck they're so good :P
Juan Rivera
@Rivera21
Nov 02 2016 01:40
@GinnyP i am sorry i didn't know
Marcílio Aguiar
@mpa3dgithub
Nov 02 2016 01:40
Good Night Guys. Can anyone help me with the Nest existing img element Within an the element.
Alexander
@AlexanderRow
Nov 02 2016 01:40
@Jeff-Shapiro not quite?
GinnyP
@GinnyP
Nov 02 2016 01:40
@VENCEDOR7 I haven't found the test, which one is it?
Adam King
@awking11
Nov 02 2016 01:41
Can anybody help with resizing an image? How do i change img element to smaller element?
WES1023
@WES1023
Nov 02 2016 01:41
Suggestions are not working on the web forms lesson. Take a look at the last line of code.
<form action="/submit-cat-photo"<input type="text" placeholder="cat photo URL"> </form>
Girzima
@Girzima
Nov 02 2016 01:41
@WES1023 You didn't close your form
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 01:41
@AlexanderRow
<--
Embedding one object in another object of the same type. Nesting is quite common in programming, where different logic structures sequence, selection and loop) are combined (i.e., nested in one another). It also occurs in applications. For example, many word processing applications allow you to embed (nest) one document inside another.
-->
Girzima
@Girzima
Nov 02 2016 01:41
opening tag
WES1023
@WES1023
Nov 02 2016 01:42
</form>?
Girzima
@Girzima
Nov 02 2016 01:42
Your form opening tag*
GinnyP
@GinnyP
Nov 02 2016 01:42
@mpa3dgithub which seems to be your problem?
@VENCEDOR7 Need the name of the challenge so I can access it from my acc
@WES1023 same problem as our friend there, no closing >
Garrus Napp
@GarrusNapp
Nov 02 2016 01:43
@awking11 show code
WES1023
@WES1023
Nov 02 2016 01:43
@Girzima It says it doesnt need to be closed. Take a look.
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-cat-photo%22%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%3E%20%3C%2Fform%3E%20
Victor
@VENCEDOR7
Nov 02 2016 01:43
@GinnyP Style Multiple Elements with a CSS Class. Thanks
CamperBot
@camperbot
Nov 02 2016 01:43
vencedor7 sends brownie points to @ginnyp :sparkles: :thumbsup: :sparkles:
:cookie: 124 | @ginnyp |http://www.freecodecamp.com/ginnyp
GinnyP
@GinnyP
Nov 02 2016 01:43
@WES1023 close the <form action> before starting the <input type>
@VENCEDOR7 will check, just a sec
Girzima
@Girzima
Nov 02 2016 01:43
@WES1023 Yes, it does
WES1023
@WES1023
Nov 02 2016 01:44
How should it look?
Girzima
@Girzima
Nov 02 2016 01:44
You should close your opening form tag with a >
WES1023
@WES1023
Nov 02 2016 01:44
@GinnyP Didnt work
Girzima
@Girzima
Nov 02 2016 01:44
<form action="/submit-cat-photo"><input type="text" placeholder="cat photo URL"> </form>
Even in the example
<form action="/url-where-you-want-to-submit-form-data"></form>
it's closed
Marcílio Aguiar
@mpa3dgithub
Nov 02 2016 01:45
@GinnyP How do I align an image within an anchor?
WES1023
@WES1023
Nov 02 2016 01:46
@Girzima Ohh after submit cat photo... Thanks!
CamperBot
@camperbot
Nov 02 2016 01:46
wes1023 sends brownie points to @girzima :sparkles: :thumbsup: :sparkles:
:cookie: 402 | @girzima |http://www.freecodecamp.com/girzima
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 01:47
@mpa3dgithub if the anchor is on the bottom of the sea things can't fall further
Girzima
@Girzima
Nov 02 2016 01:47
raking in those cookies
Alexander
@AlexanderRow
Nov 02 2016 01:48
@Jeff-Shapiro thank you
CamperBot
@camperbot
Nov 02 2016 01:48
alexanderrow sends brownie points to @jeff-shapiro :sparkles: :thumbsup: :sparkles:
:cookie: 290 | @jeff-shapiro |http://www.freecodecamp.com/jeff-shapiro
Jeremiah Makepeace
@makepeace4life
Nov 02 2016 01:49
Hello. How do I Create a class called silver-background with the background-color of silver. Assign this class to your div element?
GinnyP
@GinnyP
Nov 02 2016 01:49

@VENCEDOR7 you sure that's the one? Cause mine the solution is just that

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

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

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

Marcílio Aguiar
@mpa3dgithub
Nov 02 2016 01:49
@Jeff-Shapiro I did not understand. Nest the existing img element within an a element.
GinnyP
@GinnyP
Nov 02 2016 01:49
@VENCEDOR7 no second p
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 01:49
@GinnyP is best to help you @mpa3dgithub
Sai
@TheGodKing
Nov 02 2016 01:50
How do we do this: To get started, we should nest all of our HTML in a div element with the class container-fluid.
GinnyP
@GinnyP
Nov 02 2016 01:50
@Jeff-Shapiro agreed. On PVT w him, 2s
Garrus Napp
@GarrusNapp
Nov 02 2016 01:50
@makepeace4life between style tags create .silver-background like you did with .red-text. give it silver background color. then apply it to your div like that class="silver-background"
Victor
@VENCEDOR7
Nov 02 2016 01:50
@GinnyP I believe it's the exercise that comes after that one
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 01:51
@GinnyP huh?
GinnyP
@GinnyP
Nov 02 2016 01:51
@VENCEDOR7 when I opened that challenge it didn't call for a second p, just changing the colour of the existent one to red
@VENCEDOR7 the one after that is changing the font size
Jeremiah Makepeace
@makepeace4life
Nov 02 2016 01:52
thanks Garrus
Victor
@VENCEDOR7
Nov 02 2016 01:52
@GinnyP the font size one is the one I
I'm having issues with
it seems straightforward but cant for the life of me get past it
GinnyP
@GinnyP
Nov 02 2016 01:53
@VENCEDOR7 well, then, you have an extra p element then
@VENCEDOR7 I'll send you the code to that one on pvt
Stelo
@stelobrim
Nov 02 2016 01:53
<p>Click here for <a #="http://www.freecatphotoapp.com">cat photos</a>.</p> Reset Help Bug
Your a element should be a dead link with a href attribute set to "#".
GinnyP
@GinnyP
Nov 02 2016 01:53
@VENCEDOR7 if I knew how to do that, never mind
@VENCEDOR7 2s
Garrus Napp
@GarrusNapp
Nov 02 2016 01:54
@stelobrim value of href! not the href itself
Manish Giri
@Manish-Giri
Nov 02 2016 01:54
lol
Stelo
@stelobrim
Nov 02 2016 01:54
wym
Adam King
@awking11
Nov 02 2016 01:54
```
Manish Giri
@Manish-Giri
Nov 02 2016 01:54
value of href! not the href itself
GinnyP
@GinnyP
Nov 02 2016 01:54
@VENCEDOR7 it does ask for a second p, go figure. I'm crazy
@VENCEDOR7 send your code again please, it's way up there
Victor
@VENCEDOR7
Nov 02 2016 01:55

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

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

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

Stelo
@stelobrim
Nov 02 2016 01:55
<p>Click here for <a href='#'>cat photos</a>.</p>
Garrus Napp
@GarrusNapp
Nov 02 2016 01:55
yes
Stelo
@stelobrim
Nov 02 2016 01:55
still not working please help
I did that in the begining and it did not work
GinnyP
@GinnyP
Nov 02 2016 01:56
@VENCEDOR7 close that second <p>, mate
Garrus Napp
@GarrusNapp
Nov 02 2016 01:56
it's correct now, so might be some minor bug like space, i'll take a look at my code
Adam King
@awking11
Nov 02 2016 01:57
@GarrusNapp 
<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>
Manish Giri
@Manish-Giri
Nov 02 2016 01:57
@stelobrim why dont you show your code
GinnyP
@GinnyP
Nov 02 2016 01:57
@VENCEDOR7 <p>Copy paste text here</p>
Adam King
@awking11
Nov 02 2016 01:57
how do i resize the image in the above code?
Garrus Napp
@GarrusNapp
Nov 02 2016 01:57
@stelobrim I have exactly the same, so maybe show the rest of code
@awking11 they want .smaller-image right?
Adam King
@awking11
Nov 02 2016 01:58
yeah
Garrus Napp
@GarrusNapp
Nov 02 2016 01:58
so create it in style tag
Adam King
@awking11
Nov 02 2016 01:58
place it underneath the style tag?
Stelo
@stelobrim
Nov 02 2016 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;
}

.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#"http://www.freecatphotoapp.com">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>

Garrus Napp
@GarrusNapp
Nov 02 2016 01:59
@awking11 inside
Stelo
@stelobrim
Nov 02 2016 01:59
sorry wrong one
Garrus Napp
@GarrusNapp
Nov 02 2016 02:00
@awking11 just similar to .red-text. you will have to apply it same way to your img
Victor
@VENCEDOR7
Nov 02 2016 02:00
oh my goodness... can't believe I missed that. much appreciated @GinnyP
Stelo
@stelobrim
Nov 02 2016 02:00

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

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

Garrus Napp
@GarrusNapp
Nov 02 2016 02:02
@stelobrim do you have <p> at the top?
Stelo
@stelobrim
Nov 02 2016 02:02
how do you paste your code
Garrus Napp
@GarrusNapp
Nov 02 2016 02:03
@stelobrim you just did. do you have an <p> at the very top of the code?
if so delete it
Stelo
@stelobrim
Nov 02 2016 02:04
thanks it worked
Yomi
@yomi01
Nov 02 2016 02:05
hi guys, i need help, Im in the ID element module and i cant figure out what i doing wrong
<form action="/submit-cat-photo" id="cat-photo-app">
Garrus Napp
@GarrusNapp
Nov 02 2016 02:07
@yomi01 isnt the id supposed to be cat-photo-form ?
GinnyP
@GinnyP
Nov 02 2016 02:08
@VENCEDOR7 you're welcome
@yomi01 could you send the full code please?
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 02:09
@yomi01 your not sending me enough money to pass
GinnyP
@GinnyP
Nov 02 2016 02:09
@Jeff-Shapiro we have another one on the form
armigirl
@armigirl
Nov 02 2016 02:09
hey guys i am stuck on the part where it says " Between style tags, give the p elements font size of 16px
Yomi
@yomi01
Nov 02 2016 02:10
@GinnyP <form action="submit-cat-photo" id="cat-photo-app">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
armigirl
@armigirl
Nov 02 2016 02:10
where in style am i supposed to add it
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 02:10
@GinnyP if you open a door you must close it
GinnyP
@GinnyP
Nov 02 2016 02:10
@armigirl go to the <style> tag and do
p {
font-size: 16px;
}
@Jeff-Shapiro I know that, was only commenting how that one seems to trip most ppl up
Jeff Shapiro
@Jeff-Shapiro
Nov 02 2016 02:11
@GinnyP and changing the h2 color
GinnyP
@GinnyP
Nov 02 2016 02:11
@yomi01 what error msg are you getting?
armigirl
@armigirl
Nov 02 2016 02:11
hey thank you !!
GinnyP
@GinnyP
Nov 02 2016 02:11
@armigirl Yea, what he said too
Adam King
@awking11
Nov 02 2016 02:12
@GarrusNapp Whats wrong with the smaller image line I wrote? I doesn't work.

<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>
never mind. It didnt paste over.
Yomi
@yomi01
Nov 02 2016 02:14
@GinnyP im not really getting an error msg but when i hit the "run tests" button, nothing. ill send a screen shot
Adam King
@awking11
Nov 02 2016 02:14

<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>
Joe Falciano
@jfalciano
Nov 02 2016 02:14
<p>Click here for <a #="http://www.freecatphotoapp.com">cat photos</a>.</p>
GinnyP
@GinnyP
Nov 02 2016 02:14
@yomi01 the error msg appears underneath the run test/reset/report bug thing
Joe Falciano
@jfalciano
Nov 02 2016 02:14
I am confused as to how to replace the href with a #
Garrus Napp
@GarrusNapp
Nov 02 2016 02:14
@awking11 it's correct but you didnt apply it yet.
Adam King
@awking11
Nov 02 2016 02:15
what do you mean?
Walid Ashri
@walidashri
Nov 02 2016 02:15
@jfalciano href="#"
Garrus Napp
@GarrusNapp
Nov 02 2016 02:15
@awking11 why your <p> are red?
Adam King
@awking11
Nov 02 2016 02:15
they've been like that
Garrus Napp
@GarrusNapp
Nov 02 2016 02:15
because they have red-text class assigned to them. You need to assign your smaller-image class to img to make it work
nocode71
@nocode71
Nov 02 2016 02:15
hello all
GinnyP
@GinnyP
Nov 02 2016 02:16
@jfalciano don't. it should be <a href="#"> don't replace anything just add
Stelo
@stelobrim
Nov 02 2016 02:16

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

<a href="#"></a><a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></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>

GinnyP
@GinnyP
Nov 02 2016 02:16
@nocode71 hullo
Adam King
@awking11
Nov 02 2016 02:16
Ok thanks
Stelo
@stelobrim
Nov 02 2016 02:16
Nest the existing img element within an a element.
nocode71
@nocode71
Nov 02 2016 02:16
Hello @GinnyP
question
Garrus Napp
@GarrusNapp
Nov 02 2016 02:17
@stelobrim <a><img></a> consider this and compare to what you have
GinnyP
@GinnyP
Nov 02 2016 02:17
am answering one but hit it
@nocode71 just sorry if I take a while to answer
@stelobrim just did that one for a bloke
nocode71
@nocode71
Nov 02 2016 02:18
well Im stuck on a form element
Garrus Napp
@GarrusNapp
Nov 02 2016 02:18
@nocode71 show the code
nocode71
@nocode71
Nov 02 2016 02:18
ok
GinnyP
@GinnyP
Nov 02 2016 02:18
@stelobrim take your existing image element and just put it into an <a href="#"> </a>
@nocode71 not just you
@nocode71 what's the error message?
nocode71
@nocode71
Nov 02 2016 02:19
<form action="/url-where-you-want-to-submit-form-data" action="/submit-cat-photo"></form>
WES1023
@WES1023
Nov 02 2016 02:19
need some help on lesson 41. Anything wrong with these lines?
.silver-background {
background-color: silver;
<div class=".silver-background">
https://www.freecodecamp.com/challenges/give-a-background-color-to-a-div-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%20%20.silver-background%20%7B%0A%20%20%20%20background-color%3A%20silver%3B%0A%20%20%7D%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%20%20%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%3Cdiv%20class%3D%22.silver-background%22%3E%0A%20%20%3Cp%3EThings%20cats%20love%3A%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%3C%2Fdiv%3E%0A%0A%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%20checked%3E%20Indoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%20checked%3E%20Loving%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Energetic%3C%2Flabel%3E%0A%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%3C%2Fform%3E%0A
Garrus Napp
@GarrusNapp
Nov 02 2016 02:20
@nocode71 action="/url-where-you-want-to-submit-form-data" delete this
Walid Ashri
@walidashri
Nov 02 2016 02:20
@WES1023 <div class=".silver-background"> no dot here
nocode71
@nocode71
Nov 02 2016 02:20
I was nesting the action="/submit-cat-photo"
Garrus Napp
@GarrusNapp
Nov 02 2016 02:20
@WES1023 the dot is used in style tags to specify that the thing you write is a class. in html you skip the dot
GinnyP
@GinnyP
Nov 02 2016 02:20
@nocode71 yea, should be just <form action=/submit-cat-photo></form> all the rest you just delete
banderoism
@banderoism
Nov 02 2016 02:21

Hey guys, how do you nest a text element within a form element?

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

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

nocode71
@nocode71
Nov 02 2016 02:21
Ah
WES1023
@WES1023
Nov 02 2016 02:21
@walidashri @GarrusNapp Great help. Thanks!
CamperBot
@camperbot
Nov 02 2016 02:21
wes1023 sends brownie points to @walidashri and @garrusnapp :sparkles: :thumbsup: :sparkles:
:cookie: 477 | @garrusnapp |http://www.freecodecamp.com/garrusnapp
:cookie: 545 | @walidashri |http://www.freecodecamp.com/walidashri
Garrus Napp
@GarrusNapp
Nov 02 2016 02:21
@banderoism <element>NESTED</element>
nocode71
@nocode71
Nov 02 2016 02:21
@GinnyP thank you
CamperBot
@camperbot
Nov 02 2016 02:21
nocode71 sends brownie points to @ginnyp :sparkles: :thumbsup: :sparkles:
:cookie: 125 | @ginnyp |http://www.freecodecamp.com/ginnyp
GinnyP
@GinnyP
Nov 02 2016 02:21
@WES1023 close the } and take the dot away from <div>
LydaTech
@lydatech
Nov 02 2016 02:22
<wrapper><nested></nested></wrapper>
GinnyP
@GinnyP
Nov 02 2016 02:23
@banderoism <form action="/submit-cat-photo"><p></p></form>
I should get my portfolio done, but this is more fun :P
LydaTech
@lydatech
Nov 02 2016 02:24
<form action="/submit-cat-photo"><input type="text" placeholder="cat photo URL"></form> @banderoism
nocode71
@nocode71
Nov 02 2016 02:25
@GarrusNapp thank you as well
CamperBot
@camperbot
Nov 02 2016 02:25
nocode71 sends brownie points to @garrusnapp :sparkles: :thumbsup: :sparkles:
:cookie: 478 | @garrusnapp |http://www.freecodecamp.com/garrusnapp
LydaTech
@lydatech
Nov 02 2016 02:25
@banderoism nesting means to place one inside of the other
Yomi
@yomi01
Nov 02 2016 02:27

@GinnyP the error msg is" Give your form element the id of cat-photo-form" and i wrote

<form action="submit-cat-photo" id="cat-photo-app">

LydaTech
@lydatech
Nov 02 2016 02:27
@yomi01 you have 2 different cat-photo-(items)
lfvp
@lfvp
Nov 02 2016 02:28
Hello guys.. I wanna know how to center a junbotron
banderoism
@banderoism
Nov 02 2016 02:28
@lydatech @GarrusNapp @GinnyP Thanks! Blanked on what nesting meant lol
CamperBot
@camperbot
Nov 02 2016 02:28
banderoism sends brownie points to @lydatech and @garrusnapp and @ginnyp :sparkles: :thumbsup: :sparkles:
:cookie: 126 | @ginnyp |http://www.freecodecamp.com/ginnyp
:cookie: 479 | @garrusnapp |http://www.freecodecamp.com/garrusnapp
:star2: 1375 | @lydatech |http://www.freecodecamp.com/lydatech
Garrus Napp
@GarrusNapp
Nov 02 2016 02:28
@lfvp put it in container/ container-fluid
nocode71
@nocode71
Nov 02 2016 02:29
@GinnyP and @GarrusNapp so i have the nested form but it still wont test out properly
this is what I have <form action=/submit-cat-photo></form>
Yomi
@yomi01
Nov 02 2016 02:29
@lydatech ok so should i seperate them? cause one is assigned to action and the other Id
Garrus Napp
@GarrusNapp
Nov 02 2016 02:30
@yomi01 cat-photo-form instead of -app
LydaTech
@lydatech
Nov 02 2016 02:30
@yomi01 no the instructions tell you to name it a specific id your are using a different id name
lfvp
@lfvp
Nov 02 2016 02:30
I wanna put this jumbotron in the middle of the first page.. the background img is static
Johannes Mesche
@JohannesMesche
Nov 02 2016 02:30
<form action="/submit-cat-photo"></form> @nocode71
nocode71
@nocode71
Nov 02 2016 02:31
ok I thouhgt I tried that @JohannesMesche let me try again
LydaTech
@lydatech
Nov 02 2016 02:31
@yomi01 they tell you to use cat-photo-form youre using cat-photo-app
lfvp
@lfvp
Nov 02 2016 02:31
Can I manipulate its characteristics with CSS
Yomi
@yomi01
Nov 02 2016 02:31
ah! ok. thaks guy @GarrusNapp @lydatech
Johannes Mesche
@JohannesMesche
Nov 02 2016 02:31
:D
GinnyP
@GinnyP
Nov 02 2016 02:32
@yomi01 got it?
@yomi01 was ready to jump in lol went to get a glass of water
armigirl
@armigirl
Nov 02 2016 02:33
Is there any way one could know like rules where to put all those css classes, it is difficult for me t know exactly where i have to put the code.
for example the code to make the kitty image 100 px
Yomi
@yomi01
Nov 02 2016 02:33
@GinnyP lol. yup i got it, thanks GinnyP
CamperBot
@camperbot
Nov 02 2016 02:33
yomi01 sends brownie points to @ginnyp :sparkles: :thumbsup: :sparkles:
:cookie: 127 | @ginnyp |http://www.freecodecamp.com/ginnyp
nocode71
@nocode71
Nov 02 2016 02:34
ok this is still not testing out maybe someone is tired
Kristian Kotov
@kkotov100
Nov 02 2016 02:35
how do I Nest my text input element within a form element?
Garrus Napp
@GarrusNapp
Nov 02 2016 02:36
@armigirl they want you to create a class, so that's CSS part which goes in between style tags
@kkotov100 <element>NESTED</element>
GinnyP
@GinnyP
Nov 02 2016 02:36
@armigirl if they say it is in the <style> then go to your style element and just start a new line with
class/id/att{
describe code here
}
Stelo
@stelobrim
Nov 02 2016 02:37

<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. "><a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></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>

GinnyP
@GinnyP
Nov 02 2016 02:37
@armigirl if it's an in-line code they'll give you a very similar implantation example, so just follow that but change like red to green and whatever else the test calls for
Kristian Kotov
@kkotov100
Nov 02 2016 02:37
@GarrusNapp <form action="/submit-cat-photo"></form> is this complete?
Stelo
@stelobrim
Nov 02 2016 02:37
Nest the existing img element within an a element.
Mohammad Alhanshly
@malhanshly
Nov 02 2016 02:37
can anyone help with this: <style>
.red-text {
color: red;
font-size: 16px;
}
Stelo
@stelobrim
Nov 02 2016 02:37
I dont know what to do
LydaTech
@lydatech
Nov 02 2016 02:37

@stelobrim

Before posting any code in the chat please read this:

Learn to paste your code in chat by reading this link: How To Share Your Code In Chat
It makes it easier for everyone to review your code and give you the help you are looking for! Also please remember to mention the TITLE of the challenge, NOT any numbers you see...
Basically type 3 back ticks ``` hit enter then paste your code. When you're ready to send it, press CTRL+ENTER together to send it to chat.
Or, you can post the link of the challenge page you are working on. Post the actual link to YOUR challenge as it will show us your code when we click on it.

GinnyP
@GinnyP
Nov 02 2016 02:38
@nocode71 send a print screen pls
Stelo
@stelobrim
Nov 02 2016 02:38
'''
CamperBot
@camperbot
Nov 02 2016 02:38
:bulb: to format code use backticks! ``` more info
LydaTech
@lydatech
Nov 02 2016 02:38
@stelobrim That link doesnt work any longer
Garrus Napp
@GarrusNapp
Nov 02 2016 02:39
@malhanshly they want you to target all p elements, not to add another instruction for red-text class
Stelo
@stelobrim
Nov 02 2016 02:39
so what do I do
GinnyP
@GinnyP
Nov 02 2016 02:39
that works, I didn't know if u sent a link in chat other ppl could se your code
nocode71
@nocode71
Nov 02 2016 02:39
@GinnyP this is what I have <form action="/submit-cat-photo"></form>
Stelo
@stelobrim
Nov 02 2016 02:39
'''
CamperBot
@camperbot
Nov 02 2016 02:39
:bulb: to format code use backticks! ``` more info
Alex
@alexismarthyna
Nov 02 2016 02:39
can anyone tell me whats wrong with this?
KiritoKyun
@KiritoKyun
Nov 02 2016 02:39
it is where the tilde key is @stelobrim
GinnyP
@GinnyP
Nov 02 2016 02:39
@nocode71 yea, but why is it claiming not to compile?
Alex
@alexismarthyna
Nov 02 2016 02:39
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
<button type"submit">Submit</button>
</form>
GinnyP
@GinnyP
Nov 02 2016 02:40
@nocode71 like, what's the error msg?
Stelo
@stelobrim
Nov 02 2016 02:40
I have a mac
Walid Ashri
@walidashri
Nov 02 2016 02:40
@stelobrim use back ticks the button above the tab
LydaTech
@lydatech
Nov 02 2016 02:40
@stelobrim quit that. I told you that link doesnt work
GinnyP
@GinnyP
Nov 02 2016 02:40
@alexismarthyna <button type="submit" ...>
Kristian Kotov
@kkotov100
Nov 02 2016 02:40
solved it!
Walid Ashri
@walidashri
Nov 02 2016 02:40
@lydatech he is trying to format
Kristian Kotov
@kkotov100
Nov 02 2016 02:40
thanks guys!
nocode71
@nocode71
Nov 02 2016 02:41
no error but I get a red x on Nesting the text input wihtn a form element
WES1023
@WES1023
Nov 02 2016 02:41
@yomi01 was doing challenge 42 a few minutes ago. What is the solution?
Alex
@alexismarthyna
Nov 02 2016 02:41
thanks @GinnyP
CamperBot
@camperbot
Nov 02 2016 02:41
alexismarthyna sends brownie points to @ginnyp :sparkles: :thumbsup: :sparkles:
:cookie: 128 | @ginnyp |http://www.freecodecamp.com/ginnyp
WES1023
@WES1023
Nov 02 2016 02:41
https://www.freecodecamp.com/challenges/set-the-id-of-an-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%20%20.silver-background%20%7B%0A%20%20%20%20background-color%3A%20silver%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%3Cform%20id%3D%22cat%3Dphoto-app%22%3E%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%3Cdiv%20class%3D%22silver-background%22%3E%0A%20%20%3Cp%3EThings%20cats%20love%3A%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%3C%2Fdiv%3E%0A%0A%3Cform%20action%3D%22%2Fsubmit-cat-photo%22%20id%3D%22cat-photo-form%22%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%20checked%3E%20Indoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%20checked%3E%20Loving%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Energetic%3C%2Flabel%3E%0A%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%3C%2Fform%3E%0A
LydaTech
@lydatech
Nov 02 2016 02:41
GinnyP
@GinnyP
Nov 02 2016 02:41
@malhanshly what's the problem with it?
Mohammad Alhanshly
@malhanshly
Nov 02 2016 02:42
@GinnyP I am not passing the text;
armigirl
@armigirl
Nov 02 2016 02:42
Where should i put this following code<style>
.larger-image {
width: 500px;
}
</style>
GinnyP
@GinnyP
Nov 02 2016 02:43
@WES1023 it says <... id="cat=photo-app"> change that second = to a - and it'll work
Stelo
@stelobrim
Nov 02 2016 02:43
<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. "><a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></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>
Mohammad Alhanshly
@malhanshly
Nov 02 2016 02:43
@GinnyP I think it is related to the text zoom issues, but I did it and it is not working
GinnyP
@GinnyP
Nov 02 2016 02:43
@malhanshly I opened your code, give me a sec to take a look at it
Stelo
@stelobrim
Nov 02 2016 02:43
Nest the existing img element within an a element.
LydaTech
@lydatech
Nov 02 2016 02:43
@WES1023 reset your code and fix <form id="cat-photo-form" action="/submit-cat-photo">
Girzima
@Girzima
Nov 02 2016 02:43
@GinnyP That's wrong
sammyparky
@sammyparky
Nov 02 2016 02:43
what should I change?
Girzima
@Girzima
Nov 02 2016 02:44
Just remove the id in <style> and it will submit
Stelo
@stelobrim
Nov 02 2016 02:44
Nest the existing img element within an a element.
GinnyP
@GinnyP
Nov 02 2016 02:44
@Girzima what is?
Stelo
@stelobrim
Nov 02 2016 02:44
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

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

  .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. "><a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></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>
GinnyP
@GinnyP
Nov 02 2016 02:45
@malhanshly your code is missing a lot of stuff mate
Girzima
@Girzima
Nov 02 2016 02:45
@GinnyP it says <... id="cat=photo-app"> change that second = to a - and it'll work
Mohammad Alhanshly
@malhanshly
Nov 02 2016 02:45
I am passing all of the instructions expect the last one
GinnyP
@GinnyP
Nov 02 2016 02:46
@malhanshly make sure that the second <p> element has ALL the text they ask for, and in <style> don't forget to define the p{} as requested
armigirl
@armigirl
Nov 02 2016 02:46
I'm still stuck on how to size the cat's photo xD
armigirl
@armigirl
Nov 02 2016 02:46

the task is Your img element should have the class smaller-image.

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

LydaTech
@lydatech
Nov 02 2016 02:47
@GinnyP LOL i should change my avatar to a red head celebrity and people will listen to me too ROFL!
GinnyP
@GinnyP
Nov 02 2016 02:47
@malhanshly it shouldn't be in the same place as the .red-text, that one only has color="red", close that one, than make a p{font-size= 16px;}
WES1023
@WES1023
Nov 02 2016 02:47
@lydatech Thanks!
CamperBot
@camperbot
Nov 02 2016 02:47
wes1023 sends brownie points to @lydatech :sparkles: :thumbsup: :sparkles:
:star2: 1377 | @lydatech |http://www.freecodecamp.com/lydatech
GinnyP
@GinnyP
Nov 02 2016 02:47
@lydatech don't be rude, maybe I just have more patience
LydaTech
@lydatech
Nov 02 2016 02:47
@GinnyP im teasing you ofcourse
GinnyP
@GinnyP
Nov 02 2016 02:48
@Girzima it does though, on his code.
LydaTech
@lydatech
Nov 02 2016 02:48
@GinnyP hmm it wasnt meant to be rude sheesh
Stelo
@stelobrim
Nov 02 2016 02:48
can you guys help
@lydatech
Mohammad Alhanshly
@malhanshly
Nov 02 2016 02:48
@GinnyP thank you! it worked
CamperBot
@camperbot
Nov 02 2016 02:48
malhanshly sends brownie points to @ginnyp :sparkles: :thumbsup: :sparkles:
:cookie: 129 | @ginnyp |http://www.freecodecamp.com/ginnyp
GinnyP
@GinnyP
Nov 02 2016 02:48
@lydatech chill, I'm good.
@malhanshly you're welcome :)
Girzima
@Girzima
Nov 02 2016 02:49
@GinnyP No. They added the ID twice. Once in the form, once outside of the form. Even changing the = to a - wouldn't have been right, the first one should have been removed all together as it didn't belong
GinnyP
@GinnyP
Nov 02 2016 02:49
@Girzima yea, I didn't see that.
nocode71
@nocode71
Nov 02 2016 02:49
@GinnyP this is killing me this is what I have <form action="/submit-cat-photo"></form>
GinnyP
@GinnyP
Nov 02 2016 02:50
People here just need non-negotiable chill time, myself included, apparently.
Stelo
@stelobrim
Nov 02 2016 02:50
please help!!!!!!!!!!!!!!!!
GinnyP
@GinnyP
Nov 02 2016 02:50
@nocode71 send the link of your challenge
Stelo
@stelobrim
Nov 02 2016 02:50
<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. "><a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></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>
Nest the existing img element within an a element.
nocode71
@nocode71
Nov 02 2016 02:50
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%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%3C%2Fform%3E
Garrus Napp
@GarrusNapp
Nov 02 2016 02:50
@stelobrim <a><img></a> . this img is nested in between a.
Garrus Napp
@GarrusNapp
Nov 02 2016 02:51
do similar
GinnyP
@GinnyP
Nov 02 2016 02:51
@armigirl the code you did is right, but inside your <img> you need to refer to the smaller-image class
@nocode71 he says "nest your text field within a form element" so erase the last line and put the form tags around the <input type="text"...> you've already got
Walid Ashri
@walidashri
Nov 02 2016 02:53
@sammyparky add the class to the existing img not to new one
sammyparky
@sammyparky
Nov 02 2016 02:54
@walidashri thanks!
CamperBot
@camperbot
Nov 02 2016 02:54
sammyparky sends brownie points to @walidashri :sparkles: :thumbsup: :sparkles:
:cookie: 548 | @walidashri |http://www.freecodecamp.com/walidashri
GinnyP
@GinnyP
Nov 02 2016 02:54
@stelobrim do <a href="#"><img></a>, this <img> being the element you've already got (don't make another one)
Walid Ashri
@walidashri
Nov 02 2016 02:54
@sammyparky :+1:
Brozathon
@Brozathon
Nov 02 2016 02:55
forgot how to create a button element xDxD xD
GinnyP
@GinnyP
Nov 02 2016 02:55
@sammyparky you don't need the {} inside your <img>, that's what the <style> section is for. Delete that and you should be fine, unless I missed something else
Walid Ashri
@walidashri
Nov 02 2016 02:56
@GinnyP :O
Ryan
@Azbo400
Nov 02 2016 02:56
Hello There, Today I am working in codepen.io making the Twitch TV project from the "Use the Twitchtv JSON API". Lately, with not only this project but some of my others which I have to go back and fix such as my weather app, the api is not working. Used getJSON and tried ajax. This is my code: $.getJSON('https://wind-bow.hyperdev.space/twitch-api/streams/ESL_SC2',function(data) {
console.log(data);
  }
Girzima
@Girzima
Nov 02 2016 02:56
@GinnyP Are you new here?
Walid Ashri
@walidashri
Nov 02 2016 02:56
@Brozathon how to make any element?
Ryan
@Azbo400
Nov 02 2016 02:56
It is also working in my browser
GinnyP
@GinnyP
Nov 02 2016 02:57
@Girzima to coding or the chat?
Girzima
@Girzima
Nov 02 2016 02:57
chat
GinnyP
@GinnyP
Nov 02 2016 02:57
@walidashri example, you need a paragraph element, do <p></p> and that's your element
@Girzima yes, why?
Brozathon
@Brozathon
Nov 02 2016 02:57
@walidashri well it's asking me to nest 3 button elements in each of my well divs, and i'm trying to do it without looking back lol is it just <button></button>?
Ryan
@Azbo400
Nov 02 2016 02:57
I am getting this error in chrome dev tools Request cannot load https://wind-bow.hyperdev.space/twitch-api/streams/ESL_SC2. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://s.codepen.io' is therefore not allowed access.
Walid Ashri
@walidashri
Nov 02 2016 02:58
@Brozathon :+1:
Tom
@moT01
Nov 02 2016 02:58
@OpticodeFounder yea ive had that, dont know how i fixed it, played around with it a bunch
try http
Brozathon
@Brozathon
Nov 02 2016 02:58
@walidashri sweet thanks :)
CamperBot
@camperbot
Nov 02 2016 02:58
brozathon sends brownie points to @walidashri :sparkles: :thumbsup: :sparkles:
:cookie: 549 | @walidashri |http://www.freecodecamp.com/walidashri
Ryan
@Azbo400
Nov 02 2016 02:58
yeah it is wierd
GinnyP
@GinnyP
Nov 02 2016 02:58
@Brozathon if I'm not mistaken within the button there are a few classes like <button class="btn"> and type I think
Walid Ashri
@walidashri
Nov 02 2016 02:58
@GinnyP oh realy? thanks
CamperBot
@camperbot
Nov 02 2016 02:58
walidashri sends brownie points to @ginnyp :sparkles: :thumbsup: :sparkles:
:cookie: 130 | @ginnyp |http://www.freecodecamp.com/ginnyp
Ryan
@Azbo400
Nov 02 2016 02:58
I tried that but I will try that again
Garrus Napp
@GarrusNapp
Nov 02 2016 02:59
@OpticodeFounder this is the cors issue in getting API right?
armigirl
@armigirl
Nov 02 2016 02:59
how do i refer the smaller image class? @GinnyP
Tom
@moT01
Nov 02 2016 02:59
@GarrusNapp yes
Girzima
@Girzima
Nov 02 2016 02:59
@GinnyP Curious is all. I frequent at this hour and haven't seen you on here before
nocode71
@nocode71
Nov 02 2016 02:59
@GinnyP I think its bedtime thank you for your help I have to get back at this tomorrow cause Im just not getting it
CamperBot
@camperbot
Nov 02 2016 02:59
nocode71 sends brownie points to @ginnyp :sparkles: :thumbsup: :sparkles:
:warning: nocode71 already gave ginnyp points
Brozathon
@Brozathon
Nov 02 2016 02:59
@GinnyP ya those were what i didn't remember, but i think this part i'm at only wants the raw button elements with no classes yet
StephenSeanGleason
@StephenSeanGleason
Nov 02 2016 02:59
how do you comment out your p element
Ryan
@Azbo400
Nov 02 2016 02:59
Yeah @GarrusNapp
GinnyP
@GinnyP
Nov 02 2016 02:59
@armigirl <img class="smaller-image" ...>
Brozathon
@Brozathon
Nov 02 2016 02:59
I'm just over thinking it lol, but really just wanted to type something in chat xDxDxD
Walid Ashri
@walidashri
Nov 02 2016 02:59
@OpticodeFounder the twitch api changed
Garrus Napp
@GarrusNapp
Nov 02 2016 02:59
@OpticodeFounder https://jsonp.afeld.me/?url= try to put this before your API link
Ryan
@Azbo400
Nov 02 2016 02:59
ok
GinnyP
@GinnyP
Nov 02 2016 03:00
@StephenSeanGleason surround it with <!-- at the beginning then --> at the end
Stelo
@stelobrim
Nov 02 2016 03:01
@GinnyP dosent work
GinnyP
@GinnyP
Nov 02 2016 03:01
@nocode71 you're welcome! If I'm online tomorrow I'll try to explain again
Stelo
@stelobrim
Nov 02 2016 03:01
<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. ">

<a href="#"src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "><img></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>
StephenSeanGleason
@StephenSeanGleason
Nov 02 2016 03:01
ginny p thanks!
Eric Snell
@EricSnell
Nov 02 2016 03:01
@stelobrim what’s the issue Stelo?
Stelo
@stelobrim
Nov 02 2016 03:02
Nest the existing img element within an a element. @EricSnell
GinnyP
@GinnyP
Nov 02 2016 03:02
@stelobrim @EricSnell didn't get the problem either, why is it not passing?
@StephenSeanGleason you're welcome
Alex
@alexismarthyna
Nov 02 2016 03:02
i'm stuck again don't know how to add .silver-background { background-color:silver;} to <div>
Eric Snell
@EricSnell
Nov 02 2016 03:03
@stelobrim where are you trying to nest it?
Walid Ashri
@walidashri
Nov 02 2016 03:03
@stelobrim this is not right nesting
GinnyP
@GinnyP
Nov 02 2016 03:03
@Girzima Oh, okay then, hi... I'll probably be more active around this time of day too, except today and tomorrow because it's holiday where I live, so
@alexismarthyna you have the class described in the <style>, just go to the div and say <div class="silver-background"
>
Garrus Napp
@GarrusNapp
Nov 02 2016 03:03
@stelobrim <a href="#"src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "><img></a> a is link. img is img. so why did you added source to image to a
Eric Snell
@EricSnell
Nov 02 2016 03:03
@stelobrim are you trying to make the image a link?
krnet2dboi
@krnet2dboi
Nov 02 2016 03:03

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

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

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

Note
Due to browser implementation differences, you may need to be at 100% zoom to pass the tests on this challenge.

Run tests (ctrl + enter)
Reset Help Bug
Your img element should have the class smaller-image.
Your image should be 100 pixels wide. Browser zoom should be at 100%.

Stelo
@stelobrim
Nov 02 2016 03:03
yes
krnet2dboi
@krnet2dboi
Nov 02 2016 03:04
Can anyone help
Stelo
@stelobrim
Nov 02 2016 03:04
@EricSnell
Eric Snell
@EricSnell
Nov 02 2016 03:04
wrap the <img> tag in the <a> tag
GinnyP
@GinnyP
Nov 02 2016 03:04
@stelobrim that ^
krnet2dboi
@krnet2dboi
Nov 02 2016 03:04
Could you please elaborate?
Garrus Napp
@GarrusNapp
Nov 02 2016 03:04
@stelobrim <a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></a> this is how you should do it
Ryan
@Azbo400
Nov 02 2016 03:04
@GarrusNapp @walidashri Still no luck this is what I have in my getJSON function https://wind-bow.hyperdev.space/twitch-api/streams/ESL_SC2 nothing is logging but yet again it works in my browser
Eric Snell
@EricSnell
Nov 02 2016 03:04
<a href=“yada yada”><img src=“yada yada” alt=“yada yada” ></a>
Stelo
@stelobrim
Nov 02 2016 03:04
thanks
Tom
@moT01
Nov 02 2016 03:05
@OpticodeFounder link the pen
Eric Snell
@EricSnell
Nov 02 2016 03:05
remember the <img> is a self closing tag
no problem! @stelobrim
I am still working on the styling and stuff
GinnyP
@GinnyP
Nov 02 2016 03:06
@OpticodeFounder I won't even try to help cause that's way over my head
Walid Ashri
@walidashri
Nov 02 2016 03:06
@OpticodeFounder check this
krnet2dboi
@krnet2dboi
Nov 02 2016 03:06

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

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

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

Note
Due to browser implementation differences, you may need to be at 100% zoom to pass the tests on this challenge.

Run tests (ctrl + enter)
Reset Help Bug
Your img element should have the class smaller-image.
Your image should be 100 pixels wide. Browser zoom should be at 100%.

Can someone help with this?
Ryan
@Azbo400
Nov 02 2016 03:06
@GinnyP Haha! Thats fine!
krnet2dboi
@krnet2dboi
Nov 02 2016 03:07
Where should the code go in?
armigirl
@armigirl
Nov 02 2016 03:07
i gave up for today xD
Stelo
@stelobrim
Nov 02 2016 03:07
@EricSnell dude its still not working
Eric Snell
@EricSnell
Nov 02 2016 03:07
@krnet2dboi inside the <head>
krnet2dboi
@krnet2dboi
Nov 02 2016 03:07
<head> does not exist at this section
Walid Ashri
@walidashri
Nov 02 2016 03:07
@armigirl Never give up :P
Eric Snell
@EricSnell
Nov 02 2016 03:08
@stelobrim did you fix the <a> href attribute?
GinnyP
@GinnyP
Nov 02 2016 03:08
@krnet2dboi which part of the code?
armigirl
@armigirl
Nov 02 2016 03:08
i don't know what im doing wrong
krnet2dboi
@krnet2dboi
Nov 02 2016 03:08

use:

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

This is the instruction
armigirl
@armigirl
Nov 02 2016 03:08
could someone post the solution for the challenge of "size your image"
Stelo
@stelobrim
Nov 02 2016 03:09
i think so tes
krnet2dboi
@krnet2dboi
Nov 02 2016 03:09
but doesn't state where to put in the style code
Eric Snell
@EricSnell
Nov 02 2016 03:09
@krnet2dboi put it after the .larger-image
Stelo
@stelobrim
Nov 02 2016 03:09
yes
Ryan
@Azbo400
Nov 02 2016 03:09
@walidashri The problem is that the page you sent me uses the Client ID requirement in the instructions for the project it states this "UPDATE: Due to a change in conditions on API usage explained here Twitch.tv now requires an API key, but we've built a workaround. Use https://wind-bow.hyperdev.space/twitch-api instead of twitch's API base URL (i.e. https://api.twitch.tv/kraken ) and you'll still be able to get account information, without needing to sign up for an API key."
GinnyP
@GinnyP
Nov 02 2016 03:09
@armigirl call me on pvt and I'll send it
Walid Ashri
@walidashri
Nov 02 2016 03:09
@armigirl could u paste ur code?
krnet2dboi
@krnet2dboi
Nov 02 2016 03:09
where exactly should I put in the .larger-image code?

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

Here is my code at the moment
Eric Snell
@EricSnell
Nov 02 2016 03:09
@stelobrim can i see the update? (Just that section)
Ryan
@Azbo400
Nov 02 2016 03:09
So I am not sure if I should the Kraken client id stuff
Stelo
@stelobrim
Nov 02 2016 03:10
<a href="#"> <img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></a>
Eric Snell
@EricSnell
Nov 02 2016 03:10
@krnet2dboi declare it the same way you have “.red-text”, “h2”, “p”
krnet2dboi
@krnet2dboi
Nov 02 2016 03:10
i did, and it give me an error
Garrus Napp
@GarrusNapp
Nov 02 2016 03:10
@krnet2dboi they dont want larger image but smaller
krnet2dboi
@krnet2dboi
Nov 02 2016 03:11
I know that
armigirl
@armigirl
Nov 02 2016 03:11
i don't know how to do that
xd
Eric Snell
@EricSnell
Nov 02 2016 03:11
@krnet2dboi whats the error
Stelo
@stelobrim
Nov 02 2016 03:11
@EricSnell
KiritoKyun
@KiritoKyun
Nov 02 2016 03:11
Can someone help me with my portfolio? There is an ugly white bar that extends beyond the works tab, and I'm not sure why it is there and how to get rid of it. Link here: http://codepen.io/KiritoKyun/pen/QKeNXm
Eric Snell
@EricSnell
Nov 02 2016 03:11
@stelobrim is it displaying at all?
krnet2dboi
@krnet2dboi
Nov 02 2016 03:11

exactly WHERE should i put the following code?

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

I put it in the style section and i get an error
Alex
@alexismarthyna
Nov 02 2016 03:12
@GinnyP thanks again... im having trouble with the background
CamperBot
@camperbot
Nov 02 2016 03:12
alexismarthyna sends brownie points to @ginnyp :sparkles: :thumbsup: :sparkles:
:warning: alexismarthyna already gave ginnyp points
krnet2dboi
@krnet2dboi
Nov 02 2016 03:12
Your img element should have the class smaller-image.
Your image should be 100 pixels wide. Browser zoom should be at 100%.
Stelo
@stelobrim
Nov 02 2016 03:12
@EricSnell yes
Manish Giri
@Manish-Giri
Nov 02 2016 03:12
@stelobrim I guess you got help with the dead links challenge?
Eric Snell
@EricSnell
Nov 02 2016 03:12
@krnet2dboi don’t include the extra <style> tags
armigirl
@armigirl
Nov 02 2016 03:12
i have the same problem as you @krnet2dboi
Stelo
@stelobrim
Nov 02 2016 03:12

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

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

h2 {
font-family: Lobster, Monospace;
}

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

.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 src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></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>``` You can make elements into links by nesting them within an a element.

Nest your image within an a element. Here's an example:

<a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></a>

Remember to use # as your a element's href property in order to turn it into a dead link.

Place the existing image element within an anchor element.

Once you've done this, hover over your image with your cursor. Your cursor's normal pointer should become the link clicking pointer. The photo is now a link.

Run tests (ctrl + enter)
Reset Help Bug
Nest the existing img element within an a element.
Your a element should be a dead link with a href attribute set to #.
Make sure each of your a elements has a closing tag.

-
1

2

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

<style>
4
.red-text {
5
color: red;
6
}
7

8
h2 {
9
font-family: Lobster, Monospace;
10
}
11

12
p {
13
font-size: 16px;
14
font-family: Monospace;
15
}
16

17
.thick-green-border {
18
border-color: green;
19
border-width: 10px;
20
border-style: solid;
21
border-radius: 50%;
22
}
23

24
.smaller-image {
25
width: 100px;
26
}
27
</style>
28

29

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

31

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

33
<a href="#"> <img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></a>
34
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
35

36

37

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

```<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 src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></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>```

krnet2dboi
@krnet2dboi
Nov 02 2016 03:13
There must be a bug
.smaller-image {
width: 100px;
}
</style>
Stelo
@stelobrim
Nov 02 2016 03:13

```<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 src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></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>```

krnet2dboi
@krnet2dboi
Nov 02 2016 03:13
is inputted corrrectly
Stelo
@stelobrim
Nov 02 2016 03:13
wtf why isnt it showing my code
Eric Snell
@EricSnell
Nov 02 2016 03:14
@krnet2dboi did you add the “smaller-image” class to an element as well?
armigirl
@armigirl
Nov 02 2016 03:14
@GinnyP how do we start a private chat
Garrus Napp
@GarrusNapp
Nov 02 2016 03:14
@stelobrim delete space between <a href=#> and <img... and see if that help
krnet2dboi
@krnet2dboi
Nov 02 2016 03:15

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

CAn anyone PLEASE tell me what is wrong here?
Your img element should have the class smaller-image.
Your image should be 100 pixels wide. Browser zoom should be at 100%.
I get that error^
Garrus Napp
@GarrusNapp
Nov 02 2016 03:15
@krnet2dboi apply your class, you didn't do it
same way red-text is applied to p
Eric Snell
@EricSnell
Nov 02 2016 03:15
@krnet2dboi add the class to the element
krnet2dboi
@krnet2dboi
Nov 02 2016 03:16
What do you mean?
What class?
armigirl
@armigirl
Nov 02 2016 03:16
haha so lost like me xD
Eric Snell
@EricSnell
Nov 02 2016 03:16
@krnet2dboi .smaller-image is a class
krnet2dboi
@krnet2dboi
Nov 02 2016 03:16
ok
so where should it go?
Eric Snell
@EricSnell
Nov 02 2016 03:16
you’re saying that you want any element that you give that class to have a width of 100px
where does the exercise say to add it?
I’m assuming it’d be an image
GinnyP
@GinnyP
Nov 02 2016 03:17
@armigirl we're on a private chat, just go there
krnet2dboi
@krnet2dboi
Nov 02 2016 03:17
Still not understanding that you mean
GinnyP
@GinnyP
Nov 02 2016 03:17
@armigirl I'm talking to you there
Eric Snell
@EricSnell
Nov 02 2016 03:17
and it would go within the opening tag, like <img class=“smaller-image….
agustashd
@agustashd
Nov 02 2016 03:17
Hi, what does the <div> element do?
Garrus Napp
@GarrusNapp
Nov 02 2016 03:17
@krnet2dboi class="smaller-image" to img
you should know by now, read instructions
Eric Snell
@EricSnell
Nov 02 2016 03:18
@krnet2dboi remember, make sure you understand these steps
今日一米七
@yijinc
Nov 02 2016 03:18
i don't
GinnyP
@GinnyP
Nov 02 2016 03:18
@agustashd if you need to add a certain attribute to multiple elements, instead of adding to all of them just put them all inside <div class="attribute"></div>
Tom
@moT01
Nov 02 2016 03:18
you still there optical guy?
krnet2dboi
@krnet2dboi
Nov 02 2016 03:18
<image class= .smaller-image {width:100px;}>
Eric Snell
@EricSnell
Nov 02 2016 03:18
it’s not about just finding out the right answer and moving on the next one. It’s pointless if you don’t understand it. Take a few extra moments to read over the lesson a little. Take your time. It will all sink in :D
krnet2dboi
@krnet2dboi
Nov 02 2016 03:19
This did not work
Tom
@moT01
Nov 02 2016 03:19
@OpticodeFounder ?
Eric Snell
@EricSnell
Nov 02 2016 03:19
@krnet2dboi take a moment to go over the lesson again
agustashd
@agustashd
Nov 02 2016 03:19
@GinnyP ohhh, ok thanks! This part just said apply div but i wasnt noticing anything on the screen :P
CamperBot
@camperbot
Nov 02 2016 03:19
agustashd sends brownie points to @ginnyp :sparkles: :thumbsup: :sparkles:
:cookie: 131 | @ginnyp |http://www.freecodecamp.com/ginnyp
OrbleZ
@OrbleZ
Nov 02 2016 03:20
Anyone have good techniques to remembering HTML5/CSS Codes. I'm a beginner. Ive been taking notes and such, trying to take it seriously. Just wondering if i need to start doing something else to help?
Ryan
@Azbo400
Nov 02 2016 03:20
I have just been asking in the main chat for help but no luck really
Stelo
@stelobrim
Nov 02 2016 03:20
what the hell the code is still not working
Eric Snell
@EricSnell
Nov 02 2016 03:21
@OrbleZ just practice practice practice
krnet2dboi
@krnet2dboi
Nov 02 2016 03:21
@EricSnell went over it, same problem
OrbleZ
@OrbleZ
Nov 02 2016 03:21
@EricSnell Practice in what way?
Eric Snell
@EricSnell
Nov 02 2016 03:21
@OrbleZ in actually writing out the html and css
agustashd
@agustashd
Nov 02 2016 03:21
@OrbleZ i'm new to this but i'm sure there are tons of CSS indexes or wiki pages with common stuff that yo ucould have nearby if you need to look something up
Ryan
@Azbo400
Nov 02 2016 03:22
I guess I am going to ask in the forums
Eric Snell
@EricSnell
Nov 02 2016 03:22
notes are great, but the best way to get better fast is to actually implement everything as your learning
OrbleZ
@OrbleZ
Nov 02 2016 03:22
@agustashd I mean I understand what I'm learning, I just do not want to forget it.
Eric Snell
@EricSnell
Nov 02 2016 03:22
@OrbleZ ahh okay, just as a reference guide then?
There’s a cool app called Quiver, it’s a notebook app designed for programmers
GinnyP
@GinnyP
Nov 02 2016 03:23
@krnet2dboi the dot only goes on the <style>. Try <img class="smaller-image"> (and delete the {})
Eric Snell
@EricSnell
Nov 02 2016 03:23
Then again everything is always just a google search away, no one remembers everything :)
Tom
@moT01
Nov 02 2016 03:23
@OpticodeFounder
OrbleZ
@OrbleZ
Nov 02 2016 03:23
@EricSnell I guess. I just didnt know if there were some type of debugging or something for each language. That would help a lot
Tom
@moT01
Nov 02 2016 03:24
i remember how i fixed it with my wiki page
Eric Snell
@EricSnell
Nov 02 2016 03:24
@krnet2dboi <img class=“smaller-image” src=“yada yada” alt=“yada yada”>
agustashd
@agustashd
Nov 02 2016 03:24
@OrbleZ then as other people said, practice practice practice for remembering but i don't think you need to remember everything this early on. Have something nearby to help you remember and as you go by you'll see that you wont need it that often
Eric Snell
@EricSnell
Nov 02 2016 03:24
@krnet2dboi then add the .smaller-image { width: 100px; } in your styling tag
Tom
@moT01
Nov 02 2016 03:24
i needed to add a callback in the url, not sure if you can with that url, but you might be able to with a .ajax
OrbleZ
@OrbleZ
Nov 02 2016 03:25
@agustashd So just go through the challenges, and itll alll come to me?
GinnyP
@GinnyP
Nov 02 2016 03:25
@OrbleZ I just suffered for a couple of weeks actually writing everything instead of copy-pasting and then it stuck...
Ryan
@Azbo400
Nov 02 2016 03:25
ok I will try to figure that out
agustashd
@agustashd
Nov 02 2016 03:25
@OrbleZ it all dependes on how often you use this thing. The more you practice hte more you'll remeber. Just dont go crazy because you are faced with tons of contents from the start
GinnyP
@GinnyP
Nov 02 2016 03:26
@OrbleZ I did some coding on the side, just to get the hang of it, trying to apply all that I had learned but creating my own websites with a different style and needs than the challenges
Girzima
@Girzima
Nov 02 2016 03:26
The thing I hate about the JS course is that it's so long without any actual projects until later
I know what stuff does, but I still have trouble putting stuff together without having used that knowledge in a project
Eric Snell
@EricSnell
Nov 02 2016 03:26
@GinnyP Definitely! Do NOT copy and paste when starting out
GinnyP
@GinnyP
Nov 02 2016 03:26
if you write your code and save it as .html you can drag it into the web browser (for both mac and pc) and it'll run your web page locally, no need of host
Ryan
@Azbo400
Nov 02 2016 03:26
@moT01 can you write how that my look because I do not really understand what you mean by callback
OrbleZ
@OrbleZ
Nov 02 2016 03:27
@GinnyP True. So what exactly is a good way to practice what I've learned?
Eric Snell
@EricSnell
Nov 02 2016 03:27
@OrbleZ Coding with it
OrbleZ
@OrbleZ
Nov 02 2016 03:28
@EricSnell Just try and create random stuff?
Tom
@moT01
Nov 02 2016 03:28
callback format or function or something, ...not sure in my wiki url i added &callback=json or something, ...but i would bet that wouldnt work with that url, you might have to look at their api docs. but you might be able to set it if you use a .ajax call instead of a .getjson
GinnyP
@GinnyP
Nov 02 2016 03:28
@OrbleZ make up a website page in your head, then code it, save as .html and run on your browser, adjust it as you see fit. You'll get used to the tags as well as what goes inside them
Eric Snell
@EricSnell
Nov 02 2016 03:28
@OrbleZ Try following some tutorials online, like on youtube, but make sure you understand everything and you’re not just following the steps
GinnyP
@GinnyP
Nov 02 2016 03:29
@OrbleZ @EricSnell I'd say starting from scratch is even more effective, cause if you're stuck you don't have a ready-made code to fall back on. Then the fun part begins, looking for answers on google.
Eric Snell
@EricSnell
Nov 02 2016 03:29
Just play around with the different elements. You can even “inspect” web pages and see how their html looks
Ryan
@Azbo400
Nov 02 2016 03:29
@moT01 Yeah I tried using ajax, but yet again no luck
Tom
@moT01
Nov 02 2016 03:29
im not sure if that'll work for ya, i guess i might be sending you down the wrong road... but its something to go on
OrbleZ
@OrbleZ
Nov 02 2016 03:30
@GinnyP I'm not fully done with the html/css/bootstrapping segment. Im at Create a Custom Heading
Eric Snell
@EricSnell
Nov 02 2016 03:30
@GinnyP Coding on your own is definitely more effective. Generally, the more frustrated it makes you, the more likely you are to remember what it is you did to make it work lol
OrbleZ
@OrbleZ
Nov 02 2016 03:30
@GinnyP Should I wait before I have finished that fully before practicing?
GinnyP
@GinnyP
Nov 02 2016 03:30
sometimes the chat just dies, then suddenly a million people need help and we're all trying to become a million and help everyone :P
Eric Snell
@EricSnell
Nov 02 2016 03:30
Following tutorials is a good way to introduce you to concepts and things
GinnyP
@GinnyP
Nov 02 2016 03:30
@OrbleZ No, dear, just make simple code with what you know
Eric Snell
@EricSnell
Nov 02 2016 03:30
but when you actually want to learn and build the skill, you have to code things yourself
GinnyP
@GinnyP
Nov 02 2016 03:31
@EricSnell yes, but if all he wants is to remember commands, it's not so effective
Eric Snell
@EricSnell
Nov 02 2016 03:31
Another great exercise is to just make a clone of a web page like google or something
Ian Smit
@iansmit7
Nov 02 2016 03:31
good morning! can anyone help me with challenge 174. been stuck. i really dont get the instructions. pls? driving me crazy
krnet2dboi
@krnet2dboi
Nov 02 2016 03:31

@krnet2dboi
Can Anyone PLEASE tell me what is wrong with this code????

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

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

Eric Snell
@EricSnell
Nov 02 2016 03:31
@GinnyP isn’t the best way to remember commands to use them?
krnet2dboi
@krnet2dboi
Nov 02 2016 03:32
Your image should be 100 pixels wide. Browser zoom should be at 100%.
I get this error^
GinnyP
@GinnyP
Nov 02 2016 03:32
@iansmit7 I'm on 130 so, sorry mate, can't help yet.
LydaTech
@lydatech
Nov 02 2016 03:32
@iansmit7 Challenges are not numbered. The number you see is your brownie points. All challeneges have a title on the top left of the page. Use that when refering to the challenge
armigirl
@armigirl
Nov 02 2016 03:32
is there any kind of tutorial that is like "Rules of CSS and html" to save in our heads xd
krnet2dboi
@krnet2dboi
Nov 02 2016 03:32
Anyone?
Eric Snell
@EricSnell
Nov 02 2016 03:33
@krnet2dboi is the width set to 100px?
krnet2dboi
@krnet2dboi
Nov 02 2016 03:33
Well is it according to the code?
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. " class="smaller-image" width: 100px;>
Ryan
@Azbo400
Nov 02 2016 03:33
@moT01 Yeah I guess I just got to do a lot of research I am going to ask on the forums.
GinnyP
@GinnyP
Nov 02 2016 03:33
@EricSnell I think each person is different, so to me, it didn't help much to write code if I was just seeing someone do it, than doing it just like them... if it works, I guess there's no harm
Eric Snell
@EricSnell
Nov 02 2016 03:33
@armigirl Check out DevTips YouTube channel, he has a great intro to html and css
@GinnyP yeah totally, not if your just copying what someone else did
Ian Smit
@iansmit7
Nov 02 2016 03:34
ok so can anyone help me out with "Stand in Line" challenge?
Eric Snell
@EricSnell
Nov 02 2016 03:34
@GinnyP I’m saying that if you have NO idea of what the elements even are, a tutorial that introduces you to them and shows you how to use them can be helpful
OrbleZ
@OrbleZ
Nov 02 2016 03:34
Also, what exactly is DIV in html? I know its like for grouping and such, but i need more of a basis
Eric Snell
@EricSnell
Nov 02 2016 03:34
thats all i’m saying :)
krnet2dboi
@krnet2dboi
Nov 02 2016 03:34
Anyone?
GinnyP
@GinnyP
Nov 02 2016 03:35
I loved the html/css tuto from Envato Tuts +, on yt
Eric Snell
@EricSnell
Nov 02 2016 03:35
@OrbleZ it stands for “division”, so think of it as an element that divides itself from other elements
LydaTech
@lydatech
Nov 02 2016 03:35
@iansmit7 what are you having issues with?
krnet2dboi
@krnet2dboi
Nov 02 2016 03:35
Anyone on here actually here to help?
Other than just stating figure it out?
Eric Snell
@EricSnell
Nov 02 2016 03:36
@krnet2dboi is it still not working for you?
GinnyP
@GinnyP
Nov 02 2016 03:36
@krnet2dboi just make the .smaller-image{width: 100px;} on <style> then go to your <img>, delete the width there and add instead class="smaller-image"
Eric Snell
@EricSnell
Nov 02 2016 03:37
@krnet2dboi haven’t we been trying to help?
Averi Passmore
@averipassmore
Nov 02 2016 03:37
can anyone help me?
krnet2dboi
@krnet2dboi
Nov 02 2016 03:37
It's not working
Ian Smit
@iansmit7
Nov 02 2016 03:37
@lydatech im not understanding what its making me do. went back to the previous challenges to help me out but to no avail. could you explain in laymans terms?
GinnyP
@GinnyP
Nov 02 2016 03:37
@iansmit7 please copy-paste the link to your code here
OrbleZ
@OrbleZ
Nov 02 2016 03:37
@EricSnell Any example in a code to when it would be helpful to use it, I learnt it a couple challenges back, just didnt really full grasp what it ment
krnet2dboi
@krnet2dboi
Nov 02 2016 03:38
@GinnyP Thank you very much
CamperBot
@camperbot
Nov 02 2016 03:38
krnet2dboi sends brownie points to @ginnyp :sparkles: :thumbsup: :sparkles:
:cookie: 132 | @ginnyp |http://www.freecodecamp.com/ginnyp
krnet2dboi
@krnet2dboi
Nov 02 2016 03:38
That was a clear explanation
GinnyP
@GinnyP
Nov 02 2016 03:38
@krnet2dboi you passed?
krnet2dboi
@krnet2dboi
Nov 02 2016 03:38
Yes
Averi Passmore
@averipassmore
Nov 02 2016 03:38
My code works and I got the image to be 100 pixels. But it says my image isn't within .smaller-img class

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

Ryan
@Azbo400
Nov 02 2016 03:38
@moT01 I think I will have to get an api key for it to work I just got a hold of a guy on another gitter chat and that is what he did
GinnyP
@GinnyP
Nov 02 2016 03:38
@krnet2dboi yay!
Averi Passmore
@averipassmore
Nov 02 2016 03:38
i dont see how to fix it
LydaTech
@lydatech
Nov 02 2016 03:38
@iansmit7 you will use .push(); and .shift(); to Add the number to the end of the array, then remove the first element of array
Averi Passmore
@averipassmore
Nov 02 2016 03:38
i think im doing the class right
Eric Snell
@EricSnell
Nov 02 2016 03:38
@krnet2dboi remember to understand it man
no point if you don’t understand it
GinnyP
@GinnyP
Nov 02 2016 03:39
@averipassmore you used img{}, try instead using a class, so .smaller-image{} on <style>, then on your image add <img class="smaller-image">
Eric Snell
@EricSnell
Nov 02 2016 03:39
@averipassmore try adding the class to the image avove
and what @GinnyP said
so you’ll have <img class=“.smaller-image” src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Ian Smit
@iansmit7
Nov 02 2016 03:40

@GinnyP @lydatech function nextInLine(arr, item) {
// Your code here

return item; // Change this line
}

// Test Setup
var testArr = [1,2,3,4,5];

// Display Code
console.log("Before: " + JSON.stringify(testArr));
console.log(nextInLine(testArr, 6)); // Modify this line to test
console.log("After: " + JSON.stringify(testArr));

LydaTech
@lydatech
Nov 02 2016 03:40
I am going to post 2 images. The first will show you how to create a css class and the second will show how to apply that class to an html element
Eric Snell
@EricSnell
Nov 02 2016 03:40
correction: <img class=“smaller-image” src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
agustashd
@agustashd
Nov 02 2016 03:40
@OrbleZ try enclosing something in <div> ..... </div> and add a class to it like <div class="red-text">
LydaTech
@lydatech
Nov 02 2016 03:41
html-tags.jpg
understand-css3.jpg
Ian Smit
@iansmit7
Nov 02 2016 03:41
@lydatech ok will try
agustashd
@agustashd
Nov 02 2016 03:41
@OrbleZ it basically applies the class you select to all the elemnts inside the <div>
GinnyP
@GinnyP
Nov 02 2016 03:41
@averipassmore NO NO NO, YOU WON'T. Please delete the second <img>, then on the very first just put a space after all that's already there and put your class. Also, delete the dot
LydaTech
@lydatech
Nov 02 2016 03:41
@iansmit7 thats the starting code. you will use .push(); and .shift(); to Add the number to the end of the array, then remove the first element of array
GinnyP
@GinnyP
Nov 02 2016 03:42
@averipassmore apparently there's nothing there, so disregard that. Just put it before src and you'll be fine, but don't forget to delete the dot
Stelo
@stelobrim
Nov 02 2016 03:43
<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">
<form action="/submit-cat-photo."></form>
Nest your text input element within a form element.
Make sure your form has an action attribute which is set to /submit-cat-photo
GinnyP
@GinnyP
Nov 02 2016 03:43
@iansmit7 you seem to be way ahead of me, sorry
Stelo
@stelobrim
Nov 02 2016 03:43
can someone help me do these things
Eric Snell
@EricSnell
Nov 02 2016 03:44
@stelobrim okay, lets take it one step at a time
LydaTech
@lydatech
Nov 02 2016 03:44
@iansmit7 are you seeing what im posting?
GinnyP
@GinnyP
Nov 02 2016 03:44
your <input> should be inside the <form> on the last line, dear. It sould be nested inside the form. @stelobrim
Eric Snell
@EricSnell
Nov 02 2016 03:44
@stelobrim you want to put your <input> inside of a <form>
GinnyP
@GinnyP
Nov 02 2016 03:45
sorry that I cut you @EricSnell didn't see you were answering
Eric Snell
@EricSnell
Nov 02 2016 03:45
<form>
<input action=…….. >
</form>
no worries
@stelobrim nesting is taking an element and placing it within the opening and closing tags of another element
Earlan Saspa
@saspaearlan
Nov 02 2016 03:47
hello guys
Stelo
@stelobrim
Nov 02 2016 03:47
can you guys show me and example in coding
Eric Snell
@EricSnell
Nov 02 2016 03:47
@stelobrim say you want to nest a <p> within a <div>….

and you already have:

<div>
</div>

Earlan Saspa
@saspaearlan
Nov 02 2016 03:48
I have a quick question. for putting a link where is the best place to put them?
Eric Snell
@EricSnell
Nov 02 2016 03:48
basically an empty div, nothing in it
to nest elements inside of it, you place them within it’s tags
GinnyP
@GinnyP
Nov 02 2016 03:48
@saspaearlan depends, how do you mean?
Averi Passmore
@averipassmore
Nov 02 2016 03:48
@GinnyP @EricSnell It worked guys thank you.
CamperBot
@camperbot
Nov 02 2016 03:48
:cookie: 133 | @ginnyp |http://www.freecodecamp.com/ginnyp
:cookie: 126 | @ericsnell |http://www.freecodecamp.com/ericsnell
averipassmore sends brownie points to @ginnyp and @ericsnell :sparkles: :thumbsup: :sparkles:
Eric Snell
@EricSnell
Nov 02 2016 03:48

so:

<div>
<p></p>
</div>

GinnyP
@GinnyP
Nov 02 2016 03:49
@saspaearlan give me an idea of what you'd like to do
Earlan Saspa
@saspaearlan
Nov 02 2016 03:49
im talking about these codes <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>
for fonts
GinnyP
@GinnyP
Nov 02 2016 03:49
@averipassmore you're very welcome :D
Earlan Saspa
@saspaearlan
Nov 02 2016 03:49
is there a right format for these links?
Eric Snell
@EricSnell
Nov 02 2016 03:49
@stelobrim now say you want to nest something inside of the <p>
like an <h1> for example
GinnyP
@GinnyP
Nov 02 2016 03:49
@saspaearlan usually before you do the <html> tag, if I'm right
@saspaearlan of after? not really sure. But certainly before <head>
LydaTech
@lydatech
Nov 02 2016 03:50
@saspaearlan you place them in your <head> ... </head> area
Eric Snell
@EricSnell
Nov 02 2016 03:50

now you’ll have:

<div>
<p> <h1></h1> </p>
</div>

GinnyP
@GinnyP
Nov 02 2016 03:50

@saspaearlan I believe the order is
<!doctype html>

<html>

then linl @saspaearlan
link*
LydaTech
@lydatech
Nov 02 2016 03:50
IN you head area not outside
GinnyP
@GinnyP
Nov 02 2016 03:51
@saspaearlan okay, listen to @lydatech
@saspaearlan I'm really not sure
LydaTech
@lydatech
Nov 02 2016 03:51
look at this image
Earlan Saspa
@saspaearlan
Nov 02 2016 03:51
@GinnyP @lydatech is it going to be with the codes like the place we are doing (with <style> and such)? or is it going to be in a different directory?
LydaTech
@lydatech
Nov 02 2016 03:52
html5.jpg
Eric Snell
@EricSnell
Nov 02 2016 03:52

@stelobrim Now if you have text:

<div>
<p>This paragraph is nested within the div. <h1> This h1 is nested within the paragraph. </h1> Now we’re back in the paragraph</p>
</div>

GinnyP
@GinnyP
Nov 02 2016 03:52
@saspaearlan I think in the same works, since they used it in the tutorials, but I don't know if it's considered bad practice to put it there
LydaTech
@lydatech
Nov 02 2016 03:53
@saspaearlan :point_up: November 1, 2016 11:52 PM click on the image
Annu Nirmal
@annunirmal
Nov 02 2016 03:53
topic:portfolio
i want every time i come to skill section it animates again and again. can anyone help me out with this
http://codepen.io/nirmalannu/full/amgaqE/
Earlan Saspa
@saspaearlan
Nov 02 2016 03:54
@lydatech thank you for that image. That helps a lot. I was just wondering because in the tutorial it keeps saying "In this case, we've already added it for you to this page behind the scenes." I was wondering where it was contained.
CamperBot
@camperbot
Nov 02 2016 03:54
saspaearlan sends brownie points to @lydatech :sparkles: :thumbsup: :sparkles:
:star2: 1378 | @lydatech |http://www.freecodecamp.com/lydatech
LydaTech
@lydatech
Nov 02 2016 03:54
@saspaearlan YW
Eric Snell
@EricSnell
Nov 02 2016 03:54
@stelobrim does that help?
Earlan Saspa
@saspaearlan
Nov 02 2016 03:55
@lydatech last question from the image you sent me. Is the head and body in two different files or is it gong to be in a single file?
or can you do both
Eric Snell
@EricSnell
Nov 02 2016 03:56
@saspaearlan the head and body are both sections within a html file
LydaTech
@lydatech
Nov 02 2016 03:56
@saspaearlan single file
Ivan
@iryke89
Nov 02 2016 03:56
hey guys i need a bit of help please
this is my code

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

h2 {font-family: Lobster, Monospace;}

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

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

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

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

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

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

<p>Things cats love:</p>

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

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

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

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

and i need to nest all HTML in a div element with the class of .container-fluid
Eric Snell
@EricSnell
Nov 02 2016 03:58
@iryke89 so you’d start at your first element within the <body>
which is the h2
Ivan
@iryke89
Nov 02 2016 03:59
above h2?
Eric Snell
@EricSnell
Nov 02 2016 03:59
and put the opening div tag there, and the closing after the form
yup
__mifflin__
@cdrainxv
Nov 02 2016 03:59
@iryke89 : This is nesting:
<div>
  All other html elements
</div>
Eric Snell
@EricSnell
Nov 02 2016 04:00
so now all of your elements will be nested within the div
Ivan
@iryke89
Nov 02 2016 04:00
yes but i have to make <div class=.container-fluid>
Eric Snell
@EricSnell
Nov 02 2016 04:00
yes
so that would go on the line above the h2
Ivan
@iryke89
Nov 02 2016 04:00
i did that and still nothing not saying its right
Eric Snell
@EricSnell
Nov 02 2016 04:00
take away the period
add the quotations around the class name
Ivan
@iryke89
Nov 02 2016 04:01
@EricSnell thanks
CamperBot
@camperbot
Nov 02 2016 04:01
iryke89 sends brownie points to @ericsnell :sparkles: :thumbsup: :sparkles:
:cookie: 127 | @ericsnell |http://www.freecodecamp.com/ericsnell
Ivan
@iryke89
Nov 02 2016 04:01
worked wonders :)
Eric Snell
@EricSnell
Nov 02 2016 04:01
:thumbsup:
Ivan
@iryke89
Nov 02 2016 04:02
does it always have to have quotations around the class name
?
Eric Snell
@EricSnell
Nov 02 2016 04:03
as an html attribute yes
Earlan Saspa
@saspaearlan
Nov 02 2016 04:07
Guys I have a quick question. Is there a list of codes in font awesome. I am wondering on where the tutorial are getting these codes (example :fa fa-trash)
or fa fa-info-circle
Eric Snell
@EricSnell
Nov 02 2016 04:08
@saspaearlan those are classnames specific for font awesome elements
Earlan Saspa
@saspaearlan
Nov 02 2016 04:09
@EricSnell is there a place on where we can find these classnames?
Eric Snell
@EricSnell
Nov 02 2016 04:09
so when you search for an icon on font awesome, click it, you’ll see the code for that element with the classname
Ian Smit
@iansmit7
Nov 02 2016 04:09
@lydatech still no idea what im doing. where do i put .push(); and .shift();?
Eric Snell
@EricSnell
Nov 02 2016 04:10
@saspaearlan and to use font awesome you have to include their CDN link in the head of your html
chinedum ogbunigwe
@chiedoziemc
Nov 02 2016 04:10
hi, pls am having issues with am having issues with the css class
LydaTech
@lydatech
Nov 02 2016 04:10
@iansmit7 google the shift and push methods to see what they do
Earlan Saspa
@saspaearlan
Nov 02 2016 04:10
@EricSnell I see, font awesome is another website in which provides icons
Eric Snell
@EricSnell
Nov 02 2016 04:11
@saspaearlan yup, super handy when you want to grab some basic icons for your page
they email you the link to include in yout html when you sign up
GinnyP
@GinnyP
Nov 02 2016 04:11
guys, I'm out
chinedum ogbunigwe
@chiedoziemc
Nov 02 2016 04:11
how do i declare a red-text class and have it colour set to red
GinnyP
@GinnyP
Nov 02 2016 04:11
see y'all soon
chinedum ogbunigwe
@chiedoziemc
Nov 02 2016 04:12
pls need help
Earlan Saspa
@saspaearlan
Nov 02 2016 04:12
@EricSnell I wonder if it is safe or can I use these icon for making a website? Do I get trouble from using it? copyright question
Eric Snell
@EricSnell
Nov 02 2016 04:12
totally safe :)
Earlan Saspa
@saspaearlan
Nov 02 2016 04:12
@EricSnell i see thank you
CamperBot
@camperbot
Nov 02 2016 04:12
saspaearlan sends brownie points to @ericsnell :sparkles: :thumbsup: :sparkles:
chinedum ogbunigwe
@chiedoziemc
Nov 02 2016 04:12
how do i declare a red-text class and have it colour set to red
CamperBot
@camperbot
Nov 02 2016 04:12
:cookie: 128 | @ericsnell |http://www.freecodecamp.com/ericsnell
chinedum ogbunigwe
@chiedoziemc
Nov 02 2016 04:12
heloooooo anybody
Eric Snell
@EricSnell
Nov 02 2016 04:13
@chiedoziemc did you read through the lesson?
chinedum ogbunigwe
@chiedoziemc
Nov 02 2016 04:13
yeahi did buh not seem to be getting it
pls assist
@EricSnell kindly assist pls
Eric Snell
@EricSnell
Nov 02 2016 04:14
when you want to add a class to an html element, you include the attribute: class=“whatever-you-want-your-class-name-called"
within your elements opeing tag
chinedum ogbunigwe
@chiedoziemc
Nov 02 2016 04:14
ohk
Eric Snell
@EricSnell
Nov 02 2016 04:15
so if you wanted to add the class red-text to a paragraph element: <p class=“red-text”>
chinedum ogbunigwe
@chiedoziemc
Nov 02 2016 04:15
@EricSnell pls what is wrong with this plsss
<style>
.red-text
{
color:red
}
</style
Brandon
@Bpetersen5
Nov 02 2016 04:15
I'm having some issues creating a dead A element. It says to replace the value of href as # but i've done that and done seem to be getting the result im looking for. Did I make a mistake?