These are chat archives for FreeCodeCamp/Help

25th
Nov 2016
James Mooney
@james-mooney
Nov 25 2016 00:00
do you not need to change it to red?
iiRosie1
@iiRosie1
Nov 25 2016 00:01
@olekanma What's your code?
olekanma
@olekanma
Nov 25 2016 00:01
its in red and the instruction says change it to blue
<style>h2{color:blue;}</style>
iiRosie1
@iiRosie1
Nov 25 2016 00:02
@olekanma Please post your code so I can take a closer look
Oh okay
Does it have a class?
like class="a-class" ?
olekanma
@olekanma
Nov 25 2016 00:03
nope
iiRosie1
@iiRosie1
Nov 25 2016 00:03
Do you have an h2?
olekanma
@olekanma
Nov 25 2016 00:03
yes
iiRosie1
@iiRosie1
Nov 25 2016 00:03
Can you post the whole code please?
olekanma
@olekanma
Nov 25 2016 00:03
ok
iiRosie1
@iiRosie1
Nov 25 2016 00:03
Thanks
olekanma
@olekanma
Nov 25 2016 00:04

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

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

Fran
@Fran1313
Nov 25 2016 00:05
Alguien que hable español para que me solucione las dudas mas rapido que si la pido en ingles?
James Mooney
@james-mooney
Nov 25 2016 00:05
there is no h2 there
like <h2> I'm a cat</h2>
olekanma
@olekanma
Nov 25 2016 00:05
oh
i guess i missed that out
iiRosie1
@iiRosie1
Nov 25 2016 00:06
Yeah
olekanma
@olekanma
Nov 25 2016 00:07
thanks :d
got it
Aaron
@apalm1341
Nov 25 2016 00:11
All code is considered source code right?
Chris Razon
@codingdoctordoc22
Nov 25 2016 00:11

<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;
}
.thin-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
}
</style>

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

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

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

need help i cant seem to pass this one
is my img class wrong?
Evan Kalvis
@evan17gr
Nov 25 2016 00:12
U can rename a class
iiRosie1
@iiRosie1
Nov 25 2016 00:12
@codingdoctordoc22 Your class has a 1 after it
@codingdoctordoc22 The 1 shouldn't be there
Evan Kalvis
@evan17gr
Nov 25 2016 00:13
U always need name it class
iiRosie1
@iiRosie1
Nov 25 2016 00:13
@evan17gr ?
Evan Kalvis
@evan17gr
Nov 25 2016 00:13
U can only name whatever u have inside the quotemarks
iiRosie1
@iiRosie1
Nov 25 2016 00:14
@codingdoctordoc22 And you should probably put those 2 classes in your img tag together like this:
<img class="thick-green-border smaller-image" .........>
Evan Kalvis
@evan17gr
Nov 25 2016 00:14
Sorry I'm on my phone and autocorrect is annoying me
iiRosie1
@iiRosie1
Nov 25 2016 00:15
@evan17gr Oh! Good luck with it!
Evan Kalvis
@evan17gr
Nov 25 2016 00:15
🙈
iiRosie1
@iiRosie1
Nov 25 2016 00:16
🙈
T2ARMEY
@T2ARMEY
Nov 25 2016 00:16
guys do you insert the alt inside the <img> or outside
iiRosie1
@iiRosie1
Nov 25 2016 00:16
Inside
Pretty sure it'sinside
T2ARMEY
@T2ARMEY
Nov 25 2016 00:16
@iiRosie1 thanks
CamperBot
@camperbot
Nov 25 2016 00:16
t2armey sends brownie points to @iirosie1 :sparkles: :thumbsup: :sparkles:
:warning: t2armey already gave iirosie1 points
iiRosie1
@iiRosie1
Nov 25 2016 00:16
No problem!
Jenniferfujian
@Jenniferfujian
Nov 25 2016 00:16
I‘ve got some problem,
T2ARMEY
@T2ARMEY
Nov 25 2016 00:16
:smile:
Jenniferfujian
@Jenniferfujian
Nov 25 2016 00:16
<script>
$(document).ready(function() {
$("button").addclass("animated");
$(".btn").addClass("animated shake");
$("#target1").addclass("animated shake btn-primary");
});
</script>
iiRosie1
@iiRosie1
Nov 25 2016 00:17
@Jenniferfujian Is there a problem with that?
Chris Razon
@codingdoctordoc22
Nov 25 2016 00:17

thanks @iiRosie1 but now I'm stuck with
Give your image a border width of 10px.

Give your image a border style of solid.

The border around your img element

CamperBot
@camperbot
Nov 25 2016 00:17
codingdoctordoc22 sends brownie points to @iirosie1 :sparkles: :thumbsup: :sparkles:
:cookie: 39 | @iirosie1 |http://www.freecodecamp.com/iirosie1
Jenniferfujian
@Jenniferfujian
Nov 25 2016 00:17
what's wrong with tese code
iiRosie1
@iiRosie1
Nov 25 2016 00:17
Okay
@codingdoctordoc22 select your img in the style tags
like this
img {
Styling for an image
}
Manish Giri
@Manish-Giri
Nov 25 2016 00:18
@Jenniferfujian only one class should be added per selector
Luis Oliva
@luioli
Nov 25 2016 00:18
how do you assign the class to your div elelemt
Jenniferfujian
@Jenniferfujian
Nov 25 2016 00:18
thanks
iiRosie1
@iiRosie1
Nov 25 2016 00:19
Then give it a border width of 10px and bla bla bla
@luioli <div class="whatever-class"> </div> That's how
__mifflin__
@cdrainxv
Nov 25 2016 00:20

@Jenniferfujian: the instructions clearly say one class per selector:

button -----> animated
.btn ———> shake
#target1 ———> btn-primary

Luis Oliva
@luioli
Nov 25 2016 00:20
@iiRosie1 oh ok thanks rosie
CamperBot
@camperbot
Nov 25 2016 00:20
luioli sends brownie points to @iirosie1 :sparkles: :thumbsup: :sparkles:
:cookie: 40 | @iirosie1 |http://www.freecodecamp.com/iirosie1
Jenniferfujian
@Jenniferfujian
Nov 25 2016 00:21
@cdrainxv @Manish-Giri @iiRosie got it Thank you very much Iam new there
CamperBot
@camperbot
Nov 25 2016 00:21
jenniferfujian sends brownie points to @cdrainxv and @manish-giri and @iirosie :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for iirosie
:star2: 2482 | @manish-giri |http://www.freecodecamp.com/manish-giri
:star2: 1098 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Manish Giri
@Manish-Giri
Nov 25 2016 00:23
@Jenniferfujian welcome!
i'm also new
Jenniferfujian
@Jenniferfujian
Nov 25 2016 00:23
haha
__mifflin__
@cdrainxv
Nov 25 2016 00:26
@Manish-Giri: Looks like I have to :phone: my friend Webster again.
Manish Giri
@Manish-Giri
Nov 25 2016 00:26
lol
iiRosie1
@iiRosie1
Nov 25 2016 00:27
@Jenniferfujian You missed my 1. It's iiRosie1 . Can I have my brownie point, I'm a kid and I like to collect them
:smiley:
hehehhe
Jenniferfujian
@Jenniferfujian
Nov 25 2016 00:28
My English need to improve
you guys are very kind
iiRosie1
@iiRosie1
Nov 25 2016 00:29
@Jenniferfujian Me too. I got a B+ last year in english
Jenniferfujian
@Jenniferfujian
Nov 25 2016 00:29
haha~
Manish Giri
@Manish-Giri
Nov 25 2016 00:30
@iiRosie1 ty ty
CamperBot
@camperbot
Nov 25 2016 00:30
manish-giri sends brownie points to @iirosie1 :sparkles: :thumbsup: :sparkles:
:cookie: 41 | @iirosie1 |http://www.freecodecamp.com/iirosie1
Manish Giri
@Manish-Giri
Nov 25 2016 00:30
I can only give out 1
iiRosie1
@iiRosie1
Nov 25 2016 00:30
Oh thx!
You wait an hour to give another to the same person
Manish Giri
@Manish-Giri
Nov 25 2016 00:31
yep
T2ARMEY
@T2ARMEY
Nov 25 2016 00:32

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

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

h2 {
font-family: Lobster, Monospace;
}
.thick-green-border{
border-color:green
border-width:10px
border-style:solid
}

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

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

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

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

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

whats wrong with it
iiRosie1
@iiRosie1
Nov 25 2016 00:32
@T2ARMEY You need ;
T2ARMEY
@T2ARMEY
Nov 25 2016 00:33
oh thanks
iiRosie1
@iiRosie1
Nov 25 2016 00:33
In your .thick green border thingy
T2ARMEY
@T2ARMEY
Nov 25 2016 00:33
@iiRosie1 thanks
CamperBot
@camperbot
Nov 25 2016 00:33
t2armey sends brownie points to @iirosie1 :sparkles: :thumbsup: :sparkles:
:cookie: 42 | @iirosie1 |http://www.freecodecamp.com/iirosie1
__mifflin__
@cdrainxv
Nov 25 2016 00:33
@T2ARMEY: You add multiple classes to the same element like this:
class="pink-text yellow-text green-text"
Notice the classes are just seperated by a space
T2ARMEY
@T2ARMEY
Nov 25 2016 00:33
@cdrainxv thanks
CamperBot
@camperbot
Nov 25 2016 00:33
t2armey sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 1099 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
iiRosie1
@iiRosie1
Nov 25 2016 00:33
@cdrainxv @T2ARMEY Yup! He's right! I think I forgot that part too
T2ARMEY
@T2ARMEY
Nov 25 2016 00:34
thanks guys
i gota go fix it
Manish Giri
@Manish-Giri
Nov 25 2016 00:35
@iiRosie1 if possible, try to take notes as you go along. It'd be easier to remember things later that way.
iiRosie1
@iiRosie1
Nov 25 2016 00:35
@Manish-Giri Okay!
I'll try that
dayderek
@dayderek
Nov 25 2016 00:37
Give background color to a div element?
<div>
<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>
.silver-background {
background-color: silver;
}
</div>
Charles
@DaLostCoder
Nov 25 2016 00:37
<input type="text" placeholder="cat photo URL"><form action="/submit-cat-photo"></form>
Manish Giri
@Manish-Giri
Nov 25 2016 00:38
@dayderek this belongs between the style tags
.silver-background {
background-color: silver;
}
Charles
@DaLostCoder
Nov 25 2016 00:38
how to nest your input element within a form element
Manish Giri
@Manish-Giri
Nov 25 2016 00:38
@dayderek and then give the class name here - <div>
Johnny
@JohnnyBizzel
Nov 25 2016 00:38
@DaLostCoder <form><input></input></form>
Helder Fernandes
@Helderf
Nov 25 2016 00:39

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

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

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

Johnny
@JohnnyBizzel
Nov 25 2016 00:39
@DaLostCoder more info here: http://www.w3schools.com/html/html_forms.asp
Helder Fernandes
@Helderf
Nov 25 2016 00:39
what i`m doing wrong?
Nathaniel
@Lankter11
Nov 25 2016 00:40
How do I nest the i element into a button?
Johnny
@JohnnyBizzel
Nov 25 2016 00:40
@Helderf There is no red-text class
iiRosie1
@iiRosie1
Nov 25 2016 00:40
@Helderf You want to call the class red-text instead of calling the h2
Charles
@DaLostCoder
Nov 25 2016 00:40
@JohnnyBizzel thank you!
CamperBot
@camperbot
Nov 25 2016 00:40
dalostcoder sends brownie points to @johnnybizzel :sparkles: :thumbsup: :sparkles:
:cookie: 860 | @johnnybizzel |http://www.freecodecamp.com/johnnybizzel
iiRosie1
@iiRosie1
Nov 25 2016 00:40
@Helderf so like this
.red-text {
Some styling
}
Johnny
@JohnnyBizzel
Nov 25 2016 00:41
@DaLostCoder :+1:
Nathaniel
@Lankter11
Nov 25 2016 00:41
<button class="btn btn-block btn-primary fa fa-thumbs-up">Like</button>
</div>
How do I nest the <i class="fa fa-info-circle"></i>
Helder Fernandes
@Helderf
Nov 25 2016 00:41
thank u @iiRosie1 @JohnnyBizzel
CamperBot
@camperbot
Nov 25 2016 00:41
helderf sends brownie points to @iirosie1 and @johnnybizzel :sparkles: :thumbsup: :sparkles:
:cookie: 43 | @iirosie1 |http://www.freecodecamp.com/iirosie1
:cookie: 861 | @johnnybizzel |http://www.freecodecamp.com/johnnybizzel
Luis Oliva
@luioli
Nov 25 2016 00:41
completely new to this whats the github thing all about?
iiRosie1
@iiRosie1
Nov 25 2016 00:41
@Lankter11 You want to put the i beside the text of the button
Nathaniel
@Lankter11
Nov 25 2016 00:41
ok thank you
@iiRosie1
Johnny
@JohnnyBizzel
Nov 25 2016 00:42
@Helderf :+1:
iiRosie1
@iiRosie1
Nov 25 2016 00:43
@Lankter11 Your welcome!
dayderek
@dayderek
Nov 25 2016 00:47
@Manish-Giri

<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;
}
.silver-background {
background-color: silver;
}
</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>

<div>
<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>
.silver-background
</div>

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

Does that look correct?
iiRosie1
@iiRosie1
Nov 25 2016 00:49
Try running it @dayderek
dayderek
@dayderek
Nov 25 2016 00:50
It isn't accepting it so I'm thinking there might be a bug
iiRosie1
@iiRosie1
Nov 25 2016 00:50
@dayderek Does is say what part is wrong when you scroll down in the instructions?
dayderek
@dayderek
Nov 25 2016 00:51
Give your div element the class silver-background.
Your div element should have a silver background.
but im pretty sure i did both of those things...
__mifflin__
@cdrainxv
Nov 25 2016 00:52
@dayderek: You need to add the class silver-background to your div element. Remember this example:
<h2 class="red-text">?
iiRosie1
@iiRosie1
Nov 25 2016 00:52
@dayderek I see
To give a class to an h1 is like this: `<h1 class="class-name"> </h1>
To give a class to an h1 is like this: <h1 class="class-name"> </h1> @dayderek
So in the div, you give it a class of silver-background. Make sure you get rid of the.silver-backgroundon top of the </div>
@dayderek
@dayderek cdrainxv is right
Nathaniel
@Lankter11
Nov 25 2016 00:55
Nest all of your radio buttons within a <div class="row"> element. Then nest each of them within a <div class="col-xs-6"> element.
<div class="row">
<div class="col-xs-4">
<div class="row">
<div class="col-xs-6">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
</div>
<div class="col-xs-4">
<div class="col-xs-6">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
</div>
<div class="col-xs-4">
<div class="col-xs-6">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
</div>
</div>
What is wrong?
dayderek
@dayderek
Nov 25 2016 00:55
@iiRosie1 @cdrainxv Thank you!
CamperBot
@camperbot
Nov 25 2016 00:55
dayderek sends brownie points to @iirosie1 and @cdrainxv :sparkles: :thumbsup: :sparkles:
:cookie: 44 | @iirosie1 |http://www.freecodecamp.com/iirosie1
:star2: 1100 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
__mifflin__
@cdrainxv
Nov 25 2016 00:56
@Lankter11: Those aren’t your radio buttons. This is one of them:
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
Notice type="radio"?
Nathaniel
@Lankter11
Nov 25 2016 00:57
lmao ok
That makes sense
Charles
@DaLostCoder
Nov 25 2016 00:59
what does the amount of cookies or stars mean?
Adeleke Dare
@dhrey112
Nov 25 2016 01:01
hello Campers!
Charles
@DaLostCoder
Nov 25 2016 01:03
@cdrainxv thanks! you deserve a point for that lol
CamperBot
@camperbot
Nov 25 2016 01:03
dalostcoder sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 1101 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Adeleke Dare
@dhrey112
Nov 25 2016 01:04
I'm new here and I'm trying to build the tribute page but I got stuck
where can I get link for image on the tribute page?
__mifflin__
@cdrainxv
Nov 25 2016 01:05
On the internet.
Kevin
@JEAB0I
Nov 25 2016 01:05
ok guys what does it mean when it tells me to nest your text input element within a form element?
my form element looks like this
<form action="/submit-cat-photo"></form>
__mifflin__
@cdrainxv
Nov 25 2016 01:07
@JEAB0I: :point_up: November 24, 2016 3:27 PM
Zach
@etscheidt3
Nov 25 2016 01:08
@JEAB0I take a look at ur closing
*position
Kevin
@JEAB0I
Nov 25 2016 01:08
what i didnt leave a space?
Adeleke Dare
@dhrey112
Nov 25 2016 01:08
what of if am having the picture on my pc, how do I convert it to a link?
Kevin
@JEAB0I
Nov 25 2016 01:08
between </form>
javierwagmed
@javierwagmed
Nov 25 2016 01:08
Im in the same one. so you have to put the text field within it.
i have it that way but i dont know whats wrong
Zach
@etscheidt3
Nov 25 2016 01:09
@dhrey112 you need to upload it to a site such as imgur then you can get a url for it
javierwagmed
@javierwagmed
Nov 25 2016 01:09
<form>
<input type="text" placeholder="cat photo URL">
<form action="/submit-cat-photo">
</form>
Kevin
@JEAB0I
Nov 25 2016 01:09
my text is within it
oh ok
thats weird because it says i got two of the steps right but that nest part is getting to me
javierwagmed
@javierwagmed
Nov 25 2016 01:10
that is still not right though, idk wht
Kevin
@JEAB0I
Nov 25 2016 01:10
let me try it
hmm
javierwagmed
@javierwagmed
Nov 25 2016 01:10
i have the nest and the closing right if i add another </form> at the end but the middle one stays wrong
Kevin
@JEAB0I
Nov 25 2016 01:11
wth i did what you told me and yea
Zach
@etscheidt3
Nov 25 2016 01:11
try throwing this in there
<input type="text" placeholder="cat photo URL" required>
Kevin
@JEAB0I
Nov 25 2016 01:11
the middle one is wrong now
wth
hahaha
Zach
@etscheidt3
Nov 25 2016 01:12
and take out required
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>
javierwagmed
@javierwagmed
Nov 25 2016 01:13
i got it. kevin
we had too many <forms in there that was it
T2ARMEY
@T2ARMEY
Nov 25 2016 01:14
hey guys help what is wrong with my link <a href="https://freecatohotoapp.com">link to free code camp</a>
Kevin
@JEAB0I
Nov 25 2016 01:14
@etscheidt3 YOU GOT IT
ty so much man
__mifflin__
@cdrainxv
Nov 25 2016 01:15
@dhrey112: Codepen won’t let you use local images on your pc — you would need codepen pro for that. A way around that is to upload your image online — imgur, flicker, dropbox, etc— and then use the link where the image is hosted as your src.
Kevin
@JEAB0I
Nov 25 2016 01:15
yea we did xD
Charles
@DaLostCoder
Nov 25 2016 01:15
@T2ARMEY you dont put "free code camp"
T2ARMEY
@T2ARMEY
Nov 25 2016 01:15
realy
Kevin
@JEAB0I
Nov 25 2016 01:15
cool thank you both for the help
T2ARMEY
@T2ARMEY
Nov 25 2016 01:16
@DaLostCoder thanks bro
CamperBot
@camperbot
Nov 25 2016 01:16
t2armey sends brownie points to @dalostcoder :sparkles: :thumbsup: :sparkles:
:cookie: 42 | @dalostcoder |http://www.freecodecamp.com/dalostcoder
Zach
@etscheidt3
Nov 25 2016 01:18
@DaLostCoder I am having trouble putting a background color to my <div> I have the color set in my Styles up top but as far as assigning it I cannot figure this out for the life of me.
T2ARMEY
@T2ARMEY
Nov 25 2016 01:19
@camperbot do you realy exist
__mifflin__
@cdrainxv
Nov 25 2016 01:19
@etscheidt3: :point_up: November 24, 2016 5:52 PM
CamperBot
@camperbot
Nov 25 2016 01:19
you called?
T2ARMEY
@T2ARMEY
Nov 25 2016 01:20
are you a human @camperbot
or are you a proggram never mind
CamperBot
@camperbot
Nov 25 2016 01:20
@cdrainxv said: echo no
Sekabira Yasin
@sekayasin
Nov 25 2016 01:21
$(".target:nth-child(2)").addClass("bounce"); -> The second element in your target elements should bounce.
doesnt seem to work
any pointers
Charles
@DaLostCoder
Nov 25 2016 01:23
@etscheidt3 I just got to the same challenge.
__mifflin__
@cdrainxv
Nov 25 2016 01:24
@sekayasin: How can it bounce if it’s not animated?
Manish Giri
@Manish-Giri
Nov 25 2016 01:24
any pointers
Sekabira Yasin
@sekayasin
Nov 25 2016 01:24
sweet @cdrainxv thanx
CamperBot
@camperbot
Nov 25 2016 01:24
sekayasin sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 1102 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Manish Giri
@Manish-Giri
Nov 25 2016 01:25
0X09ACD89EG
__mifflin__
@cdrainxv
Nov 25 2016 01:27
???^?
Zach
@etscheidt3
Nov 25 2016 01:30
@DaLostCoder just figured it out. let me know if ur stuck
Charles
@DaLostCoder
Nov 25 2016 01:30
@etscheidt3 i figured it out. You?
Zach
@etscheidt3
Nov 25 2016 01:30
@DaLostCoder nice timing :)
ashar
@ashar10989
Nov 25 2016 01:30
hey guys hello "i need your help m stuck with a bug
its a nesting problem
https://www.freecodecamp.com/challenges/nest-an-anchor-element-within-a-paragraph#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%3Cp%3E%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Ca%20href%3D%22http%3A%2F%2Fwww.freecatphotoapp.com%22%3Ecat%20photos%3C%2Fa%3E%0A%0A%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%3E%0A%0A%3Cp%20class%3D%22red-text%22%3EKitty%20ipsum%20dolor%20sit%20amet%2C%20shed%20everywhere%20shed%20everywhere%20stretching%20attack%20your%20ankles%20chase%20the%20red%20dot%2C%20hairball%20run%20catnip%20eat%20the%20grass%20sniff.%3C%2Fp%3E%0A%3Cp%20class%3D%22red-text%22%3EPurr%20jump%20eat%20the%20grass%20rip%20the%20couch%20scratched%20sunbathe%2C%20shed%20everywhere%20rip%20the%20couch%20sleep%20in%20the%20sink%20fluffy%20fur%20catnip%20scratched.%3C%2Fp%3E%0A
Zach
@etscheidt3
Nov 25 2016 01:32
@ashar10989 that took me back to the first tutorial
ashar
@ashar10989
Nov 25 2016 01:33
@etscheidt3 yes it is
Zach
@etscheidt3
Nov 25 2016 01:34
@ashar10989 Can you explain what part you are stuck on?
Bluitgaarden
@Bluitgaarden
Nov 25 2016 01:34
<button class="btn btn-primary" type="submit"><i class="fa fa-paper-plane"></i>Submit</button>
Give the text input in your form the class form-control.
how do i do this?
__mifflin__
@cdrainxv
Nov 25 2016 01:34
@Bluitgaarden: Do you know how to add a class?
Bluitgaarden
@Bluitgaarden
Nov 25 2016 01:35
yes i did so already
T2ARMEY
@T2ARMEY
Nov 25 2016 01:35
guys iam working on a high school project how to create dead liks
MrBQuinn
@MrBQuinn
Nov 25 2016 01:35
I need a little help with my Tribute page. I believe that it is CSS related. You are also warned that parts of the code could be sloppy or unnecessary, as I am new to this!
Bluitgaarden
@Bluitgaarden
Nov 25 2016 01:35
do i do it inside the classs thats already there
T2ARMEY
@T2ARMEY
Nov 25 2016 01:35
i mean links
ashar
@ashar10989
Nov 25 2016 01:35
@etscheidt3 its nesting a element under p element
Basically I want to get rid of the margins on either side and the top.
Charles
@DaLostCoder
Nov 25 2016 01:36
@T2ARMEY href="#"
__mifflin__
@cdrainxv
Nov 25 2016 01:37
@Bluitgaarden: just add the class form-control to your text input element, which is this:
<input type="text" placeholder="cat photo URL" required>
T2ARMEY
@T2ARMEY
Nov 25 2016 01:37
@DaLostCoder thanks your right in passed
CamperBot
@camperbot
Nov 25 2016 01:37
t2armey sends brownie points to @dalostcoder :sparkles: :thumbsup: :sparkles:
:warning: t2armey already gave dalostcoder points
Alex Uvere
@alexuvere
Nov 25 2016 01:38
I hada question about this one...
<style> <h2>{color: blue;}CatPhotoApp</h2> </style>
MrBQuinn
@MrBQuinn
Nov 25 2016 01:38
Can anyone help?
Alex Uvere
@alexuvere
Nov 25 2016 01:38
Is this right? Because im on the freecodecamp class and it says no
Bluitgaarden
@Bluitgaarden
Nov 25 2016 01:38
eholder="cat photo URL" required>
<button class="btn btn-primary" type="submit"><i class="fa fa-paper-plane"></i><input class="form-control"></input>Submit</button>
like this?
Adeleke Dare
@dhrey112
Nov 25 2016 01:39
thank Zach @etscheidt3
CamperBot
@camperbot
Nov 25 2016 01:39
dhrey112 sends brownie points to @etscheidt3 :sparkles: :thumbsup: :sparkles:
:cookie: 43 | @etscheidt3 |http://www.freecodecamp.com/etscheidt3
olekanma
@olekanma
Nov 25 2016 01:40
hello
__mifflin__
@cdrainxv
Nov 25 2016 01:40
@Bluitgaarden: No… it never said to nest it. Keep it where it was and exactly as it was… just add class="form-control" to it.
olekanma
@olekanma
Nov 25 2016 01:40
am back again , i need help
Alban
@UnseenSounds
Nov 25 2016 01:41
Good night everyone, happy coding
olekanma
@olekanma
Nov 25 2016 01:41
am trying to add size to my style tag
Chris
@Meowsers25
Nov 25 2016 01:41
So I built a tribute page, but haven't submitted it. Has anyone else gone back and redone the HTML/CSS curriculum before moving on? Not feeling 100% about it. Should I just press on??
Zach
@etscheidt3
Nov 25 2016 01:42
@ashar10989 <p> View more <a href="http://www.freecatphotoapp.com"> cat photos </a> </p>
@ashar10989 The key to these is in the instructions it gives one thats already done how you need it, but you have to change a few words to what the steps say.
MrBQuinn
@MrBQuinn
Nov 25 2016 01:44
@Meowsers25 They say at the beginning that they suggest that you keep going and don't look back. Practice is more important.
Zach
@etscheidt3
Nov 25 2016 01:44
@olekanma A font size?
Adeleke Dare
@dhrey112
Nov 25 2016 01:46
@Meowsers25 one can go by clicking on the map. @MrBQuinn we have different ways of learning. I prefer to do more of revision before moving forward
olekanma
@olekanma
Nov 25 2016 01:46
yes
Zach
@etscheidt3
Nov 25 2016 01:47
@olekanma Can you copy and paste what you have in <style> so far?
olekanma
@olekanma
Nov 25 2016 01:47

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

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

<p class="red-text" h1 {font-size: 16px;}> 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>

Zach
@etscheidt3
Nov 25 2016 01:48
@olekanma Perfect, what we will want to do is add a style for p so
p {
font-size: 16px;
}
Now you will need to change the 16px to what ever the instrictuons request
instructions*
Charles
@DaLostCoder
Nov 25 2016 01:49
Your form element should have the background-color of green.
cant get this to work!
christian
@missxtianbeauty22
Nov 25 2016 01:51
<button class="btn btn-block btn-primary"><i class="fa-fa-thumbs-up">Like</button> does anyone know why I'm doing this wrong?
Font awesome
Bluitgaarden
@Bluitgaarden
Nov 25 2016 01:53
does anyone have an example for create a bootstrap row?
Henry Cabello
@hacu9
Nov 25 2016 01:54

http://codepen.io/cabello986/pen/rrgdpV?editors=0010

Can anyone check my animation function? The animations r alil odd and i cant figure out a way to make it work :c

olekanma
@olekanma
Nov 25 2016 01:56
@etscheidt3 done that but still not working. the instruction says to increase font sixe to 100% done that already, even tried 500% still not working. i tried removing the style from the second p and vice versa
Aida Woldegiorgis
@aow003
Nov 25 2016 01:58
<form id="cat-photo-app" action="/submit-cat-photo">
it is saying I did not give the form element the id attribute correctly
how can I fix this?
Zach
@etscheidt3
Nov 25 2016 02:01
@olekanma What part has the x still?
Eloy Ramirez
@clustersnake
Nov 25 2016 02:02
@missxtianbeauty22 <i class="fa fa-thumbs-up">Like</i> there should be a space after fa and you should close the <i> tag
olekanma
@olekanma
Nov 25 2016 02:03
@etscheidt3 Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
Manish Giri
@Manish-Giri
Nov 25 2016 02:03
@missxtianbeauty22 you're missing the closing </i>
Zach
@etscheidt3
Nov 25 2016 02:04
@olekanma I think thats one that I had trouble with as well. What I have exactly is:
p {
font-size: 16px;
font-family: Monospace;
}
Charles
@DaLostCoder
Nov 25 2016 02:04
#cat-photo-element {
    background-color: green;
  }
</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>

<div class="silver-background">
  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
</div>

<form action="/submit-cat-photo" id="cat-photo-form">
  <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>
how do i get the form element to be green?
Manish Giri
@Manish-Giri
Nov 25 2016 02:04
@aow003 look carefully, the id you're supposed to use is cat-photo-form not id="cat-photo-app"
@DaLostCoder where did you get this id from ? #cat-photo-element
You're using cat-photo-form in your form
please don't just copy things because they're used in the example
Charles
@DaLostCoder
Nov 25 2016 02:05
@Manish-Giri Holy! Didn't even realize that. Thank you !
CamperBot
@camperbot
Nov 25 2016 02:05
dalostcoder sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 2483 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Nov 25 2016 02:06
welcome
__mifflin__
@cdrainxv
Nov 25 2016 02:09
Thanks for inviting me. :smile:
olekanma
@olekanma
Nov 25 2016 02:11
@etscheidt3 not working. do you think it has anything to do with the font size?
Manish Giri
@Manish-Giri
Nov 25 2016 02:13
@olekanma post the challenge url here
Zach
@etscheidt3
Nov 25 2016 02:13
@olekanma I dont think it should. Maybe someone better than me might have an idea as to why its not working.
trenda14
@trenda14
Nov 25 2016 02:14
how can i resize an images width using css? i cant figure it out at all
@etscheidt3 thanks
CamperBot
@camperbot
Nov 25 2016 02:15
olekanma sends brownie points to @etscheidt3 :sparkles: :thumbsup: :sparkles:
:cookie: 45 | @etscheidt3 |http://www.freecodecamp.com/etscheidt3
Manish Giri
@Manish-Giri
Nov 25 2016 02:16
@olekanma after you click on "run tests", I need that URL
@trenda14 you need to make a smaller-image class using which you must set the width to 100px, the syntax for creating classes is on the left
Bluitgaarden
@Bluitgaarden
Nov 25 2016 02:19
does anyone have an example for create a bootstrap row?
Manish Giri
@Manish-Giri
Nov 25 2016 02:20
@Bluitgaarden haven't they given instructions on the left
Bluitgaarden
@Bluitgaarden
Nov 25 2016 02:21
@Manish-Giri yea but idk what im doing wrong
Manish Giri
@Manish-Giri
Nov 25 2016 02:21
@Bluitgaarden post your code
Bluitgaarden
@Bluitgaarden
Nov 25 2016 02:22

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

</div>

<div class="row container-fluid"></div>
Add a div element below your h3 element.
Your div element should have the class row
Your row div should be nested inside the container-fluid div
Make sure your div element has a closing tag.

David Sroka
@donswavey
Nov 25 2016 02:23
so freecodecamp doesnt teach C++? i was told by a software engineer that those r the languages u should learn first
Manish Giri
@Manish-Giri
Nov 25 2016 02:23

@Bluitgaarden first do this step

Add a div element below your h3 element.

Bluitgaarden
@Bluitgaarden
Nov 25 2016 02:23
didnt i do that?
David Sroka
@donswavey
Nov 25 2016 02:24
no only </div>
thts the only thing u put
:shipit:
Bluitgaarden
@Bluitgaarden
Nov 25 2016 02:24
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>

</div>
<div class="row"></div>
is that wrong then?
Manish Giri
@Manish-Giri
Nov 25 2016 02:25
what does "below h3" mean
Add a div element below your h3 element.
you placed a closing </div> tag, for which there is no opening <div>
David Sroka
@donswavey
Nov 25 2016 02:25
:man_with_gua_pi_mao:
Bluitgaarden
@Bluitgaarden
Nov 25 2016 02:25
thats what im asking...
where does it go? inside the orginal div?
MrBQuinn
@MrBQuinn
Nov 25 2016 02:26
I cannot for the life of me figure out how to get rid of these margins. I feel like I have tried everything. https://codepen.io/MrBQuinn/pen/yVgdOP
David Sroka
@donswavey
Nov 25 2016 02:26
:shipit: it says below ur h3 element,
i think u need a opening div statement and an ending div statement, u alraedy have the ending statement
Manish Giri
@Manish-Giri
Nov 25 2016 02:28
@MrBQuinn add this to the end of your css
.container-fluid {
  padding: 0 !important;
}
LPR-309
@LPR-309
Nov 25 2016 02:29
@Bluitgaarden Yes, the div with class="row" goes inside the div with class="container-fluid". That one's the 'outermost layer' in bootstrap
So it's container / container-fluid > row > the column classes (they should be up next in the lessons)
David Sroka
@donswavey
Nov 25 2016 02:33
does freecodecamp teach Visual Studio?
__mifflin__
@cdrainxv
Nov 25 2016 02:34
No
James
@JDBiggums
Nov 25 2016 02:35
Give your form element the id of cat-photo-form. Where does it go?
MrBQuinn
@MrBQuinn
Nov 25 2016 02:36
@Manish-Giri I figured it out. Just to clarify, I had to add
James
@JDBiggums
Nov 25 2016 02:38
How is this supposed to go? <form id="cat-photo-app" action="/submit-cat-photo">
Zach
@etscheidt3
Nov 25 2016 02:39
@JDBiggums swap the id and action
MrBQuinn
@MrBQuinn
Nov 25 2016 02:39
Had to add this to the top of my css:
*{
margin: 0px !important;
}
Manish Giri
@Manish-Giri
Nov 25 2016 02:39
@JDBiggums look carefully what the id should be
Darshan
@Dave1089
Nov 25 2016 02:40
@etscheidt3 wrong
Zach
@etscheidt3
Nov 25 2016 02:40
<form action="/submit-cat-photo" id="cat-photo-form">
is what i have and went just fine
Darshan
@Dave1089
Nov 25 2016 02:40
look at your code and compare it with him
do not give solutions without reading properly
Zach
@etscheidt3
Nov 25 2016 02:41
ahh snap your right, my bad
Manish Giri
@Manish-Giri
Nov 25 2016 02:42
@Dave1089 just the guy I wanted to see
another tic tac q for you @Dave1089
I actually forgot what you said last time, so :confused:
Srdbeta
@Srdbeta
Nov 25 2016 02:47
noob here. stuck at font-size :(
Ash
@purplepies21
Nov 25 2016 02:50
hey is anyone available to help me with some java work?
MrBQuinn
@MrBQuinn
Nov 25 2016 02:50
@Srdbeta Show us your code
Michael J Kusdya
@michael-kusdya
Nov 25 2016 02:51
hello, i've finished my tribute page project and it looks perfect on desktop. but it looks absolutely horrible on mobile, how do i fix this ?
i don't even know where to start, all of the elements is out of proportion on mobile and i'm a liitle bit overwhelmed
olekanma
@olekanma
Nov 25 2016 02:52
@Srdbeta am stuck as well
Srdbeta
@Srdbeta
Nov 25 2016 02:52
ahaha
where do i put that thing

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

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

@MrBQuinn
Chris
@bestintown23
Nov 25 2016 02:53
how can I make this image stretch across the screen and how do I make it more transparent?http://codepen.io/bestintown23/pen/YpVMmZ
MrBQuinn
@MrBQuinn
Nov 25 2016 02:55
@Srdbeta Are you trying to change the font size of the red-text? or the h2 or p elements?
olekanma
@olekanma
Nov 25 2016 02:57
am stuck there as well. trying to change the font size of the p elements @MrBQuinn
MrBQuinn
@MrBQuinn
Nov 25 2016 02:58
<style>
  .red-text {
    color: red;
  }
  p {
    font-size: 16px;
  }
</style>
Try this in the style element
bitcoinabdi
@bitcoinabdi
Nov 25 2016 02:59
afternoon guyz
Manish Giri
@Manish-Giri
Nov 25 2016 02:59
@cdrainxv
__mifflin__
@cdrainxv
Nov 25 2016 02:59
yes
bitcoinabdi
@bitcoinabdi
Nov 25 2016 02:59
@Manish-Giri how do i pull the mage the center
Manish Giri
@Manish-Giri
Nov 25 2016 02:59
?
Srdbeta
@Srdbeta
Nov 25 2016 02:59
the second p element
olekanma
@olekanma
Nov 25 2016 03:00
it worked :d thanks @MrBQuinn
CamperBot
@camperbot
Nov 25 2016 03:00
olekanma sends brownie points to @mrbquinn :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @mrbquinn |http://www.freecodecamp.com/mrbquinn
Srdbeta
@Srdbeta
Nov 25 2016 03:00
@MrBQuinn it said i should change the font size of the second p element
RDHopkins
@RDHopkins
Nov 25 2016 03:01
Whenever you change the paragraph elements inside the style tag, it will apply to each one used so you dont have to code them separately.
Manish Giri
@Manish-Giri
Nov 25 2016 03:01
@MrBQuinn pls don’t post direct answers like that
MrBQuinn
@MrBQuinn
Nov 25 2016 03:01
@olekanma No problem! Keep going ;)
Srdbeta
@Srdbeta
Nov 25 2016 03:02
thanks :D
thanks.
MrBQuinn
@MrBQuinn
Nov 25 2016 03:02
@Manish-Giri Sorry! New here.
Manish Giri
@Manish-Giri
Nov 25 2016 03:03
@MrBQuinn np!
RDHopkins
@RDHopkins
Nov 25 2016 03:07
for HTML syntax, do I use a comma to separate commands within a tag for CSS or a semi colon?
__mifflin__
@cdrainxv
Nov 25 2016 03:08
@MrBQuinn: Please refrain from posting direct answers to challenges. If you are knowledgeable on the topic/challenge then you should be able to help people get to the solution with general examples or soft guidance in the right direction. Thanks for helping out in this room by the way! :smile:
CamperBot
@camperbot
Nov 25 2016 03:08
cdrainxv sends brownie points to @mrbquinn :sparkles: :thumbsup: :sparkles:
:cookie: 121 | @mrbquinn |http://www.freecodecamp.com/mrbquinn
MrBQuinn
@MrBQuinn
Nov 25 2016 03:11
@cdrainxv Totally understand! Won't happen again.
John O'Keefe
@JohnOKeefe15
Nov 25 2016 03:13
I am trying to place (stack) two images on top of each other as well as center them. Normally using Bootstrap I could give the image a class of "center-block". The problem is that to stack them I need to give them a css property of position:absolute. When I do that they become left justified and no longer centered. Any idea how to stack two images and have them centered?
hw d i center the image
@Manish-Giri how do i center the image
John O'Keefe
@JohnOKeefe15
Nov 25 2016 03:17
@bitcoinabdi you can give the image a class of center-block if you are using the bootstrap css library.
You would click on the Gear icon on the top left of the CSS editor area. Then down at the bottom use the Quickadd dropdown box to select bootstrap. Then add "center-block" to your images class.
bitcoinabdi
@bitcoinabdi
Nov 25 2016 03:23
@JohnOKeefe15 thanks
CamperBot
@camperbot
Nov 25 2016 03:23
bitcoinabdi sends brownie points to @johnokeefe15 :sparkles: :thumbsup: :sparkles:
:cookie: 119 | @johnokeefe15 |http://www.freecodecamp.com/johnokeefe15
James
@JDBiggums
Nov 25 2016 03:26
use rgb for the color red. <style>
.red-text {
color: rgb(255, 0, 0)
}
.orchid-text {
color: rgb(218, 112, 214)
}
.sienna-text {
color: rgb(160, 82, 45)
}
.blue-text {
color: rgb(0, 0, 255)
}
</style>
What do I not need anymore ?
Manish Giri
@Manish-Giri
Nov 25 2016 03:26
@JDBiggums where’s the closing ;
__mifflin__
@cdrainxv
Nov 25 2016 03:27
@JohnOKeefe15: Stacked like this?
https://jsfiddle.net/#&togetherjs=JwUjIsAppT
James
@JDBiggums
Nov 25 2016 03:27
IDK lol
oh I do lol
Thank you
John O'Keefe
@JohnOKeefe15
Nov 25 2016 03:28
@cdrainxv No I am trying to make them on top of each other using a z-index. Think of a pile of photos sitting on top of each other as opposed to arranged as a column vertically.
My hope was to stack two photos and then cycle through them using opacity animation.

<p data-height="265" data-theme-id="0" data-slug-hash="YpQExR" data-default-tab="css,result" data-user="JoJa15" data-embed-version="2" data-pen-title="John Muir Tribute Page" class="codepen">See the Pen <a href="http://codepen.io/JoJa15/pen/YpQExR/">John Muir Tribute Page</a> by John (<a href="http://codepen.io/JoJa15">@JoJa15</a>) on <a href="http://codepen.io">CodePen</a>.</p>

<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>

How do I add a codepen to here?
Nathaniel
@Lankter11
Nov 25 2016 03:36
how do I add a h4 element to this? <div class="col-xs-6">
John O'Keefe
@JohnOKeefe15
Nov 25 2016 03:37
@Lankter11 you would add <h4></h4> after the <div> element and before the closing </div> element.
Samuel D.
@Sammieboi
Nov 25 2016 03:38
blob
Nathaniel
@Lankter11
Nov 25 2016 03:39
@JohnOKeefe15 Thank you
CamperBot
@camperbot
Nov 25 2016 03:39
lankter11 sends brownie points to @johnokeefe15 :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @johnokeefe15 |http://www.freecodecamp.com/johnokeefe15
Samuel D.
@Sammieboi
Nov 25 2016 03:39
I'm stuck on this challenge
John O'Keefe
@JohnOKeefe15
Nov 25 2016 03:40
@Sammieboi Look at the red X in the bottom left of the screen. It explains the error you are having. I don't want to give away the answer.
Samuel D.
@Sammieboi
Nov 25 2016 03:43
@JohnOKeefe15 I want to figure this out without the answer given to me, but I've tried plenty of ways but can't figure it out
John O'Keefe
@JohnOKeefe15
Nov 25 2016 03:44
@Sammieboi to nest an element within another you do something like the following: <div><h1>Hello World</h1></div>. So in this example the h1 element is nested within its own <div> element. Does that help?
dayderek
@dayderek
Nov 25 2016 03:46
Override Styles in Subsequent CSS?

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

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

Samuel D.
@Sammieboi
Nov 25 2016 03:46
@JohnOKeefe15 I've tried that way, already i may have typed something wrong in doing that but didn't realized, i'll try it again
John O'Keefe
@JohnOKeefe15
Nov 25 2016 03:46
In the problem it wants you to put all the buttons within one <div> element with a class of "row" and then also to put each button by itself within its own <div> element with the class of col-xs-4
Try typing it again and then if it does not work post a screenshot
@dayderek What is your question?
dayderek
@dayderek
Nov 25 2016 03:48
@JohnOKeefe15 For some reason it's not accepting my code
Your h1 element should have the class blue-text.
Both blue-text and pink-text should belong to the same h1 element.
Your h1 element should be blue.
John O'Keefe
@JohnOKeefe15
Nov 25 2016 03:48
On that problem read all the text. It describes how to give multiple classes to an element. You are currently doing it wrong on your H1 element
Read all the problem text at the top left that is.
dayderek
@dayderek
Nov 25 2016 03:48
Got it thanks!! @JohnOKeefe15
CamperBot
@camperbot
Nov 25 2016 03:48
dayderek sends brownie points to @johnokeefe15 :sparkles: :thumbsup: :sparkles:
:cookie: 121 | @johnokeefe15 |http://www.freecodecamp.com/johnokeefe15
John O'Keefe
@JohnOKeefe15
Nov 25 2016 03:49
Cool! np.
RDHopkins
@RDHopkins
Nov 25 2016 03:50
@dayderek you have an extra } at the end of your code before you closed out style, fyi
__mifflin__
@cdrainxv
Nov 25 2016 03:50
@JohnOKeefe15: This could be one way how to do it:
http://codepen.io/cdrainxv/pen/RogJpL?editors=1100
Samuel D.
@Sammieboi
Nov 25 2016 03:50
blob
John O'Keefe
@JohnOKeefe15
Nov 25 2016 03:52
@cdrainxv I tried something like that but it is not perfectly centered. I wish there was a way to use the size of the images width as a variable in pure css. Then I could give it a left position css and subtract half the images width to properly center it. I am trying to only do this in html and css though if at all possible.
Anurag Gupta
@AnuraGupta97
Nov 25 2016 03:52
hey guys
Walid Ashri
@walidashri
Nov 25 2016 03:52
@Sammieboi a div for each button
Anurag Gupta
@AnuraGupta97
Nov 25 2016 03:53
i recently started using FCC
John O'Keefe
@JohnOKeefe15
Nov 25 2016 03:53
@cdrainxv also how do you embed a codepen in this chat forum?
Samuel D.
@Sammieboi
Nov 25 2016 03:53
@walidashri that doesn't work i've tried that, i can only use one div
Walid Ashri
@walidashri
Nov 25 2016 03:54
@Sammieboi <row> <col><btn></col><col><btn></col></row>
John O'Keefe
@JohnOKeefe15
Nov 25 2016 03:54
@Sammieboi You can use multiple divs. For example here is several <h1> elements all embedded in one <div> element and also each of them by themselves embeded in a <div> element. <div><div><h1></h1></div><div><h1></h1></div></div>
Anurag Gupta
@AnuraGupta97
Nov 25 2016 03:55
I'm stuck on building personal portfolio webpage. I don't think so the topis covered till that are sufficient to make it. Should I learn them myself like the navigation bar and stuff????
Samuel D.
@Sammieboi
Nov 25 2016 03:56
@JohnOKeefe15 thanks didnt know that
CamperBot
@camperbot
Nov 25 2016 03:56
sammieboi sends brownie points to @johnokeefe15 :sparkles: :thumbsup: :sparkles:
:cookie: 122 | @johnokeefe15 |http://www.freecodecamp.com/johnokeefe15
Samuel D.
@Sammieboi
Nov 25 2016 03:56
@walidashri thanks
CamperBot
@camperbot
Nov 25 2016 03:56
sammieboi sends brownie points to @walidashri :sparkles: :thumbsup: :sparkles:
:cookie: 685 | @walidashri |http://www.freecodecamp.com/walidashri
__mifflin__
@cdrainxv
Nov 25 2016 03:58
@JohnOKeefe15: Just copy and paste the url here
John O'Keefe
@JohnOKeefe15
Nov 25 2016 03:59
ok thanks. Here is my codepen so far: http://codepen.io/JoJa15/pen/YpQExR?editors=1100
SandeepMenta
@SandeepMenta
Nov 25 2016 03:59
Frds can anyone tell me how to create a bootstrap below h3 element
John O'Keefe
@JohnOKeefe15
Nov 25 2016 04:00
You can see the effect I am trying to achieve but I want to center the elements. I guess I can hand guess it using a css left statement but I am not sure if it will be responsive that way.
@SandeepMenta what do you mean by create a bootstrap? Bootstrap is a css and javascript framework for developing responsive mobile first websites.
SandeepMenta
@SandeepMenta
Nov 25 2016 04:07
<div class="container-fluid">
<div class="row">
<h3 class="text-primary text-center">jQuery Playground</h3>
</div>
</div>
pthazey
@pthazey
Nov 25 2016 04:08
Can anyone help me Create a Form Element?
SandeepMenta
@SandeepMenta
Nov 25 2016 04:08
1)add a div element beloww your h3 element.
John O'Keefe
@JohnOKeefe15
Nov 25 2016 04:08
@pthazey what kind of form element?
pthazey
@pthazey
Nov 25 2016 04:08
Nest your text input element within a form element.
Make sure your form has an action attribute which is set to /submit-cat-photo
Make sure your form element has a closing tag.
SandeepMenta
@SandeepMenta
Nov 25 2016 04:08
2) your div element should have the class row
SAMBIT KUMAR JETHY
@sambitkumarjethy
Nov 25 2016 04:09
Give the text input in your form the class form-control
John O'Keefe
@JohnOKeefe15
Nov 25 2016 04:09
@SandeepMenta You have your h3 within a div element. If you wanted a div element below you need to have your beggining and end portions of your div element after your h3 element.
SAMBIT KUMAR JETHY
@sambitkumarjethy
Nov 25 2016 04:09
error showing
please help me
SandeepMenta
@SandeepMenta
Nov 25 2016 04:10
i cant get you can you pls ellaborate it
pthazey
@pthazey
Nov 25 2016 04:10
@JohnOKeefe15 I just want to know where do i put the form element? On its own line
or inside something?
John O'Keefe
@JohnOKeefe15
Nov 25 2016 04:11
@SandeepMenta put a div statement <div></div> after the end of your h3 element which is </h3> That would be putting a div element below your h3 element.
SandeepMenta
@SandeepMenta
Nov 25 2016 04:11
thank you for your explanation
Kirby James
@kirbygit
Nov 25 2016 04:11
anybody linux expert here
ubuntu distro
I have a question
John O'Keefe
@JohnOKeefe15
Nov 25 2016 04:11
@pthazey usually the form element is outside of all of your input elements. So something like this. <form><input></input><input></input></form>.
There is more to it then that but giving you a very simplified description.
pthazey
@pthazey
Nov 25 2016 04:13
Thank you ill see if I can figure it out.
John O'Keefe
@JohnOKeefe15
Nov 25 2016 04:13
ok good luck
pthazey
@pthazey
Nov 25 2016 04:14
I got it @JohnOKeefe15. Thanks heaps
CamperBot
@camperbot
Nov 25 2016 04:14
pthazey sends brownie points to @johnokeefe15 :sparkles: :thumbsup: :sparkles:
:cookie: 123 | @johnokeefe15 |http://www.freecodecamp.com/johnokeefe15
John O'Keefe
@JohnOKeefe15
Nov 25 2016 04:14
No problem! Glad you were able to figure it out.
bill zhang
@likefatboy
Nov 25 2016 04:23
can somebody help me??
how to remove it ~~
$("target4").remove("");
can't run
<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target1").prop("disabled", true);
$("target4").remove("");
});
</script>
John O'Keefe
@JohnOKeefe15
Nov 25 2016 04:24
@likefatboy you need to provide the selector that you want to remove in the "" of the remove function.
bill zhang
@likefatboy
Nov 25 2016 04:25
what can i select ??
John O'Keefe
@JohnOKeefe15
Nov 25 2016 04:25
For example: $( "div" ).remove( ".hello" ); will remove the class hello from any div elements
bill zhang
@likefatboy
Nov 25 2016 04:25
name of the class??
John O'Keefe
@JohnOKeefe15
Nov 25 2016 04:25
yes the name of the class you want to remove
bill zhang
@likefatboy
Nov 25 2016 04:25
oh~~i see~
thank you ~~
@JohnOKeefe15 thank you
CamperBot
@camperbot
Nov 25 2016 04:26
likefatboy sends brownie points to @johnokeefe15 :sparkles: :thumbsup: :sparkles:
:cookie: 124 | @johnokeefe15 |http://www.freecodecamp.com/johnokeefe15
John O'Keefe
@JohnOKeefe15
Nov 25 2016 04:26
if you wanted to remove the element you would leave the remove blank.
so $("div").remove() would remove all div elements.
If you want to learn more about it you can read the reference on this page: https://api.jquery.com/remove/
bill zhang
@likefatboy
Nov 25 2016 04:27
enen ~~
Thank you very much.
Ash
@purplepies21
Nov 25 2016 04:29
hey everyone. is there anyone available to help me with a java project?
It's essentially done, just minor errors left to fix
having a hard time finding them
Errikka
@Errikka
Nov 25 2016 04:30
Good evening!
Adrian Flores
@ajfmo
Nov 25 2016 04:30
any one working on the portfolio project???
Errikka
@Errikka
Nov 25 2016 04:30
blob
I have a little box instead of a border. What am I missing?
Adrian Flores
@ajfmo
Nov 25 2016 04:31
any one working on the portfolio project???
Ash
@purplepies21
Nov 25 2016 04:31
@Errikka I'm checking right now. 1 sec
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 04:31
@Errikka Well, you have an empty img tag with a border, that's why.
Apply the style to your img element that's not empty
Chris Scharff
@cscharff
Nov 25 2016 04:32
@Errikka you created a new image tag in the html portion rather than applying it to the existing image
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 04:32
*class
Ash
@purplepies21
Nov 25 2016 04:33
@Errikka you need to add the class to the orange cat image like this: <img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Errikka
@Errikka
Nov 25 2016 04:33
So the instructions I gave it should go in the space above it?
Chris Scharff
@cscharff
Nov 25 2016 04:33
@Errikka you can apply multiple classes to the same object by seperating the class names with a space
Ash
@purplepies21
Nov 25 2016 04:34
@Errikka in the same quotes as the smaller image classs in the img tag
Errikka
@Errikka
Nov 25 2016 04:34
Thank you
EVERYONE!
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 04:34
@purplepies21 I'm on the portfolio page, but haven't started yet.
Ash
@purplepies21
Nov 25 2016 04:35
@BrandonZamorano what's up?
Errikka
@Errikka
Nov 25 2016 04:35
So I guess I am making things more difficult for myself by creating new tags. Instead I should be squeezing everything under the same tags, just different classes?
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 04:35
No problems, simply haven't started, heh.
Ash
@purplepies21
Nov 25 2016 04:36
@Errikka the beginning of your img class should look like this "<img class="smaller-image thick-green-border" "
Chris Scharff
@cscharff
Nov 25 2016 04:36
well the tag <img = src=“some image”> represents the HTML that displays the image you want.. you could have 5 images displayed each in their own <img src=“someotherimage”>
@erikk
@Errikka so you are choosing which image to apply the class(es) too and adding it inside that image tag (a long way of saying yes you are making it harder)
Errikka
@Errikka
Nov 25 2016 04:37
Geeze this is more complicated than I thought.
Ash
@purplepies21
Nov 25 2016 04:38
is there anyone available to help me look over a java assignment that is being annoying and won't compile
Errikka
@Errikka
Nov 25 2016 04:38
Thank you again everyone.
Ash
@purplepies21
Nov 25 2016 04:38
blob
@Errikka we're just making it sound complicated
Chris Scharff
@cscharff
Nov 25 2016 04:38
@Errikka well it just takes a little time to get the basics down… it’s not totally intuitive but workign through it helps your problem solving skills later
Ash
@purplepies21
Nov 25 2016 04:39
@Errikka that's my code for that assignment. you weren't that far off
Errikka
@Errikka
Nov 25 2016 04:39
I was on a roll until challenge 16. Whew!
Attiyya Houston
@TheWanderHer
Nov 25 2016 04:40
Doing introductory jQuery. So .html() can be used to add tags and edit text, whereas .text() will only edit text. Is there a way to only add a tag using .html() without having to rewrite all the text?
Like if I want just want to italicize something but not change the existing text.
Ash
@purplepies21
Nov 25 2016 04:41
is there anyone available to help me look over a java assignment that is being annoying and won't compile?? very in need of help right now
__mifflin__
@cdrainxv
Nov 25 2016 04:51
@TheWanderHer: Sure! You could go:
$("selector").css("font-style", "italic");
kronouzgg
@kronouzgg
Nov 25 2016 04:58
guys do we need to label always the input one by one?
Omar Tan
@wheelhot
Nov 25 2016 05:02

Hi, can someone explain to me, why must I nest button in a div to get bootstrap .col-xs-4 to work?

    <div class="col-xs-4">
      <button class="btn btn-block btn-primary">Like</button>
    </div>

how come placing 'col-xs-4' into the button class doesn't work like below?

<button class="btn btn-block btn-primary col-xs-4">Like</button>
NickStanczak
@NickStanczak
Nov 25 2016 05:03
Hello I need help
Im just starting out
Im on "Suze Your Image" and idk what im doing worng
Ash
@purplepies21
Nov 25 2016 05:04
@NickStanczak what do you need help with?
NickStanczak
@NickStanczak
Nov 25 2016 05:05

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

my code ^
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 05:05
This looks wrong

img {
.smaller-image {
width: 100px;
}
}
@NickStanczak
Omar Tan
@wheelhot
Nov 25 2016 05:06
anyone can help me with my question?
NickStanczak
@NickStanczak
Nov 25 2016 05:06
@BrandonZamorano How do I fix it ?
RDHopkins
@RDHopkins
Nov 25 2016 05:07
@NickStanczak you are declaring a class for img tag when you could just put it in the tag itself
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 05:08
@NickStanczak Aye, it should just be :
.smaller-image {
width: 100px;
}
And then give the image the class attribute for that class?
RDHopkins
@RDHopkins
Nov 25 2016 05:08
you would want to do just the width declaration then add the class to the <img> tag for best results probably
NickStanczak
@NickStanczak
Nov 25 2016 05:09
Do I put that under Style or under the IMG ?
Omar Tan
@wheelhot
Nov 25 2016 05:09
How come no one is answering my question 😟
RDHopkins
@RDHopkins
Nov 25 2016 05:09
@NickStanczak , brandon's solution would go under style then do class="" in your img tag
@wheelhot im not to the bootstrap part yet, sorry
NickStanczak
@NickStanczak
Nov 25 2016 05:10
ohhhh ok thanks
Victor I. Marcu
@Victor-I
Nov 25 2016 05:10

Hi guys, i'm stuck with this one: <form
action="/submit-cat-photo"

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

</form>

would you please help me out?
RDHopkins
@RDHopkins
Nov 25 2016 05:10
you could also do something like img { width: 100px; } within style, but this would change all your img tags
or do <img width="100px"> but this would only apply to this tag
Omar Tan
@wheelhot
Nov 25 2016 05:11
@RDHopkins oh okay
@Victor-I Hmm, what's the issue?
RDHopkins
@RDHopkins
Nov 25 2016 05:12
@Victor-I you need to close your <form> tag at the front
Victor I. Marcu
@Victor-I
Nov 25 2016 05:13
i'm asked to Nest your text input element within a form element.
RDHopkins
@RDHopkins
Nov 25 2016 05:13
and you need an opening < before input
Victor I. Marcu
@Victor-I
Nov 25 2016 05:13
@RDHopkins ok, so <form action="/submit-cat-photo" < input type="text" placeholder="cat photo URL">
</form> ?
RDHopkins
@RDHopkins
Nov 25 2016 05:13
when it says to nest, it wants the input within the <form> </form>
Victor I. Marcu
@Victor-I
Nov 25 2016 05:14
yes, I don-t know how to do that
Attiyya Houston
@TheWanderHer
Nov 25 2016 05:14
@cdrainxv ah, of course. thank you! So a way to implement tags without editing/rewriting other content is to find it's equivalency in .css().
CamperBot
@camperbot
Nov 25 2016 05:14
thewanderher sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 1104 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
RDHopkins
@RDHopkins
Nov 25 2016 05:14
<form action="/submit"> <input type... >
then close form after
David Sroka
@donswavey
Nov 25 2016 05:14
so does any1 know where i can learn visual studio somewhere similar to freecodecamp
NickStanczak
@NickStanczak
Nov 25 2016 05:15
@RDHopkins How do I show the chat a picture of my code ? Without having to copy and paste it.
RDHopkins
@RDHopkins
Nov 25 2016 05:16
not sure, sorry
just started here tonight
David Sroka
@donswavey
Nov 25 2016 05:16
k
NickStanczak
@NickStanczak
Nov 25 2016 05:17
Im still stuck
<img class="smaller-image">
RDHopkins
@RDHopkins
Nov 25 2016 05:17
@Victor-I when it asks to nest, think of it as a tag within a tag, like a list, you have to next a <li> within a <ol> or <ul>
NickStanczak
@NickStanczak
Nov 25 2016 05:17
is this how i would class the image ?
RDHopkins
@RDHopkins
Nov 25 2016 05:17
nest*
Victor I. Marcu
@Victor-I
Nov 25 2016 05:18
@RDHopkins thanks a lot!
CamperBot
@camperbot
Nov 25 2016 05:18
victor-i sends brownie points to @rdhopkins :sparkles: :thumbsup: :sparkles:
:cookie: 44 | @rdhopkins |http://www.freecodecamp.com/rdhopkins
RDHopkins
@RDHopkins
Nov 25 2016 05:18
@NickStanczak yeah that looks correct, what is it doing?
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 05:18
Aye, that's how you assing a class.
James
@JDBiggums
Nov 25 2016 05:18
<div class="container-fluid"><div class="row">
<h3 class="text-primary text-center">jQuery Playground</div></h3></div>
Where would I put a div element if it is below the h3 element?
David Sroka
@donswavey
Nov 25 2016 05:18

u have to put three ` <--- infront of the code, u still have to copy and paste it but itll come up like this

<a href = "your code here"></a

``` <---- put that on top and below the code

</a>*
RDHopkins
@RDHopkins
Nov 25 2016 05:19
@donswavey similar to commenting out code?
David Sroka
@donswavey
Nov 25 2016 05:20
yea bassically
but idk if it works on the same line i switch from chat mode to compose mode
NickStanczak
@NickStanczak
Nov 25 2016 05:20

<a href = '''

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

<img class="smaller-image">

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

<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
'''></a>

CamperBot
@camperbot
Nov 25 2016 05:20
:bulb: to format code use backticks! ``` more info
NickStanczak
@NickStanczak
Nov 25 2016 05:20
Damn it
Kirby James
@kirbygit
Nov 25 2016 05:21
i need help
You should have a total of two images.
Your new image should be below your old one and have the class img-responsive.
Your new image should not have the class smaller-image.
Your new image should have a src of https://bit.ly/fcc-running-cats.
Make sure your new img element has a closing angle bracket.
my code:

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

<img src="https://bit.ly/fcc-running-cats">
<img src="https://bit.ly/fcc-running-cats">

James
@JDBiggums
Nov 25 2016 05:21
Lol
David Sroka
@donswavey
Nov 25 2016 05:21
wrong button, its the ` not ' so its the one underneath the squiggly line ~
NickStanczak
@NickStanczak
Nov 25 2016 05:21

'''

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

<img class="smaller-image">

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

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

CamperBot
@camperbot
Nov 25 2016 05:21
:bulb: to format code use backticks! ``` more info
David Sroka
@donswavey
Nov 25 2016 05:21
my fault for not saying tht
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 05:22
Ouch. Back ticks are above the Tab if you have a US QWERTY keyboard.
Kirby James
@kirbygit
Nov 25 2016 05:22
anybody can help me
NickStanczak
@NickStanczak
Nov 25 2016 05:22
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

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

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

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

<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>
Okay now can someone help me with this ?
Kirby James
@kirbygit
Nov 25 2016 05:23
whats the problem nick
what problem no. is that
RDHopkins
@RDHopkins
Nov 25 2016 05:23
@NickStanczak take a look at how you declared a class in your <p> and tell me :P
NickStanczak
@NickStanczak
Nov 25 2016 05:23
Size Your Images
Kirby James
@kirbygit
Nov 25 2016 05:23

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

Brandon Zamorano
@BrandonZamorano
Nov 25 2016 05:24
@NickStanczak Add the class attribute to the current image, you didn't have to create a new <img> tag.
NickStanczak
@NickStanczak
Nov 25 2016 05:25
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

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

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

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

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

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
dybbuk
@izanagichan
Nov 25 2016 05:25
how come putting in the right style element isn't working
Kirby James
@kirbygit
Nov 25 2016 05:25
how about in my case can somebody help me
NickStanczak
@NickStanczak
Nov 25 2016 05:25
Man im getting frustrated and its only my first night lol
dybbuk
@izanagichan
Nov 25 2016 05:26
same @NickStanczak
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 05:26
@NickStanczak Now your src and other attributes are outside the <img> tag.
James
@JDBiggums
Nov 25 2016 05:26
Add a div element below your h3 element.<div class="container-fluid"><div class="row">
<h3 class="text-primary text-center">jQuery Playground</div></h3></div>
???
NickStanczak
@NickStanczak
Nov 25 2016 05:26
@BrandonZamorano and everyone else thanks soo much
:D
CamperBot
@camperbot
Nov 25 2016 05:26
nickstanczak sends brownie points to @brandonzamorano :sparkles: :thumbsup: :sparkles:
:cookie: 143 | @brandonzamorano |http://www.freecodecamp.com/brandonzamorano
RDHopkins
@RDHopkins
Nov 25 2016 05:26
dont get frustrated, learning the syntax takes time
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 05:26
Np.
@JDBiggums Well one problem is you closed the </div> before closing you </h3>.
Not sure what other requirements you're missing, however.
Kirby James
@kirbygit
Nov 25 2016 05:29
can somebody please help me with this problme
James
@JDBiggums
Nov 25 2016 05:29
Add a div element below your h3 element
Add a div element below your h3 element
<div class="container-fluid"><div class="row">
<h3 class="text-primary text-center">jQuery Playground</div></h3></div>
Kirby James
@kirbygit
Nov 25 2016 05:30
You should have a total of two images.
Your new image should be below your old one and have the class img-responsive.
Your new image should not have the class smaller-image.
Your new image should have a src of https://bit.ly/fcc-running-cats.
Make sure your new img element has a closing angle bracket.
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>

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

<img src="https://bit.ly/fcc-running-cats">
<img src="https://bit.ly/fcc-running-cats">

<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</div>

Brandon Zamorano
@BrandonZamorano
Nov 25 2016 05:30

@JDBiggums

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

You closed the div, before closing your <h3> .
Should be:

<div class="container-fluid">
    <div class="row">
        <h3 class="text-primary text-center">jQuery Playground</h3>
        </div>
    </div>
__mifflin__
@cdrainxv
Nov 25 2016 05:30
@kboygit: You should know how to add a class by now.
Kirby James
@kirbygit
Nov 25 2016 05:31
oh i see i ctrl z
NickStanczak
@NickStanczak
Nov 25 2016 05:31
Does anyone know if I can get off of this and log back on tomorrow and start where I left off or do I lose everything when i leave ?
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 05:31
You can resume where you left off.
NickStanczak
@NickStanczak
Nov 25 2016 05:32
any save buttons or do just get off ?
James
@JDBiggums
Nov 25 2016 05:32
But if I'm supposed to ad a div under the h3 what else do I need"?
Jordan Hancock
@kingwavy
Nov 25 2016 05:32
how do I screenshot to put in on screen as is???
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 05:32
@NickStanczak You can simply get off, you can go back to the challenge when you return.
__mifflin__
@cdrainxv
Nov 25 2016 05:34

@JDBiggums: Add a div with class row right

below

your h3 element.

Nothing else.
Jordan Hancock
@kingwavy
Nov 25 2016 05:35

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

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

why isn't m text turned red??
Kirby James
@kirbygit
Nov 25 2016 05:36
whats wrong with this

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

.img-responsive {

}
</style>

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

<img class="img-responsive" src="https://bit.ly/fcc-running-cats">
<img class="img-responsive" src="https://bit.ly/fcc-running-cats">


<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</div>

Reset Help Bug
You should have a total of two images.
Your new image should be below your old one and have the class img-responsive.
Your new image should not have the class smaller-image.
Your new image should have a src of https://bit.ly/fcc-running-cats.
Make sure your new img element has a closing angle bracket.
a total of two images
ang closing angle bracket lol
__mifflin__
@cdrainxv
Nov 25 2016 05:36
@kingwavy: Did you also style your red-text class in your style tags?… refer to this example:
<style>
  .blue-text {
    color: blue;
  }
</style>
RDHopkins
@RDHopkins
Nov 25 2016 05:37
@kingwavy you're using single quotes, need to use double ' ' vs " "
Jordan Hancock
@kingwavy
Nov 25 2016 05:37
ahh ok I'll try that thanks
Kirby James
@kirbygit
Nov 25 2016 05:37
uhm hello?
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 05:37
@kboygit Why do you have 2 of the same images?
<img class="img-responsive" src="https://bit.ly/fcc-running-cats">
<img class="img-responsive" src="https://bit.ly/fcc-running-cats">
Kirby James
@kirbygit
Nov 25 2016 05:38
oh ok i misunderstood it
i thought its asking for two images
didnt see the keyword "total"
__mifflin__
@cdrainxv
Nov 25 2016 05:38
@kboygit: img-responsive is a bootstrap class that has already been defined… to make use of it just add it your img as you have already done… no need to add rules to it in your style tags.
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 05:38
Haha, ah, okay.
Errikka
@Errikka
Nov 25 2016 05:39
blob
I'm not sure why my anchor text shows up, but I'm still getting this x.
Kirby James
@kirbygit
Nov 25 2016 05:39
thanks @cdrainxv for explaining
CamperBot
@camperbot
Nov 25 2016 05:39
kboygit sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 1105 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
LandonBreeden
@LandonBreeden
Nov 25 2016 05:39
Read instructions 100 timesover..cantunsterstand what objective of lesson Standing In Line(java) wantss
https://www.freecodecamp.com/challenges/stand-in-line#?solution= function nextInLine(arr%2C item) { %2F%2F Your code here %3B arr.shift%5B0%5D%3B return item%3B %2F%2F Change this line } %2F%2F Test Setup var testArr %3D %5B1%2C2%2C3%2C4%2C5%5D%3B %2F%2F Display Code console.log("Before: " %2B JSON.stringify(testArr))%3B console.log(nextInLine(testArr%2C 6))%3B %2F%2F Modify this line to test console.log("After: " %2B JSON.stringify(testArr))%3B
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 05:40
@Errikka cat photos should be in between the <a></a> tags.
Errikka
@Errikka
Nov 25 2016 05:41
@BrandonZamorano I had it there and I still got the x. I'll try it again.
kronouzgg
@kronouzgg
Nov 25 2016 05:41
guys why were using a boostrap? is this neccesesary
__mifflin__
@cdrainxv
Nov 25 2016 05:41
@Errikka: You actually don’t have any anchor text.. your anchor text should be cat photos.
<a href="…">anchor text goes here</a>
Errikka
@Errikka
Nov 25 2016 05:41
Yep, I still got the x.
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 05:42
@Errikka Does it ask you to nest it in the <p></p> tags? If not, try to remove those.
__mifflin__
@cdrainxv
Nov 25 2016 05:42
@Errikka: Also why is it nested in p element… that’s the next challenge.
Errikka
@Errikka
Nov 25 2016 05:43
blob
Here is the example;
James
@JDBiggums
Nov 25 2016 05:44
How is it supposed to look? <div class="container-fluid"><div class="row">
<h3 class="text-primary text-center">jQuery Playground</h3></div></div>
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 05:45
@Errikka Remove the <p></p> tags that surround the <a></a> tags.
James
@JDBiggums
Nov 25 2016 05:45
If I add the div element with class row underneath the h3?
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 05:46
@JDBiggums You're also missing the closing angle bracket for the first <h3>.
James
@JDBiggums
Nov 25 2016 05:46
Oh yeah lol
Errikka
@Errikka
Nov 25 2016 05:47
@BrandonZamorano I removed the p tags. That didn't help.
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 05:47
@Errikka Should look like this: <a href="http://freecatphotoapp.com">cat photos</a>
Errikka
@Errikka
Nov 25 2016 05:47
@cdrainxv I moved the text. That didn't work.
__mifflin__
@cdrainxv
Nov 25 2016 05:48
@JDBiggums: As I said nothing else to do other than just adding a div with class row underneath your h3. Nothing else. Instead you went ahead and nested your h3 inside your div with class row.
James
@JDBiggums
Nov 25 2016 05:50
what?
Lol
How should it look
?
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 05:51
@JDBiggums
h3 shouldn't have been inside the div.

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
  </div>
</div>
__mifflin__
@cdrainxv
Nov 25 2016 05:51
@Errikka: Remove <p> and </p> that are around your a element. Once again… your anchor text which should be cat photos has to be in the proper space.
<a href="…">anchor text goes here</a>
James
@JDBiggums
Nov 25 2016 05:52
are you serious? lmao
__mifflin__
@cdrainxv
Nov 25 2016 05:53
@JDBiggums: You have to read the instructions better. There was not mention of nesting. It clearly said BELOWBELOW.
Frank Joseph
@frankmaayn
Nov 25 2016 05:57
guys can i get some help plz
what do you have to put so that your format works on a phone when its vertical
kanishkar
@kanishkar1998
Nov 25 2016 06:00
Are you asking the bootstrap grid @frankmaayn
__mifflin__
@cdrainxv
Nov 25 2016 06:02
@media only screen and (device-width: 600px) and (orientation: landscape) {
      /* css rules */
}
For example, though phones wil have a smaller width… 600px width is about a small tablet.
Errikka
@Errikka
Nov 25 2016 06:03
Thank you @BrandonZamorano that worked!
CamperBot
@camperbot
Nov 25 2016 06:03
errikka sends brownie points to @brandonzamorano :sparkles: :thumbsup: :sparkles:
:cookie: 146 | @brandonzamorano |http://www.freecodecamp.com/brandonzamorano
Errikka
@Errikka
Nov 25 2016 06:03
blob
no dead link
It said replace herf with #. I did that and its not working.'
Candelasa Marconi
@marconicandelasa
Nov 25 2016 06:05
I need help guys in C++ Hii btw
kanishkar
@kanishkar1998
Nov 25 2016 06:05
you have to give <a href="#"> @Errikka
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 06:05
@Errikka It meant, set the href's value href = "#"
__mifflin__
@cdrainxv
Nov 25 2016 06:06
@Errikka: It said replace the value of href attribute with #… this is the template for attributes:
attribute="value"
href is the attribute… and the previous value was a link… replace the link with #.
Frank Joseph
@frankmaayn
Nov 25 2016 06:06
@kanishkar1998 i guess? i dont know
@kanishkar1998 https://codepen.io/frankmaayn/pen/yVbgxP this is my tribute page.. it works on laptops but it wont resize on phones
kanishkar
@kanishkar1998
Nov 25 2016 06:09
since you are using bootstrap it is applicable for any devices if you turn your phone vertical it works. @frankmaayn
by the way nice tribute page @frankmaayn
Kirby James
@kirbygit
Nov 25 2016 06:11
question

The btn-primary class is the main color you'll use in your app. It is useful for highlighting actions you want your user to take.

Add Bootstrap's btn-primary class to your button.

Note that this button will still need the btn and btn-block classes.

in bootstrap do I need to declare still the btn-primary class
or is it a bootstrap builtin feature
Errikka
@Errikka
Nov 25 2016 06:11
@cdrainxv , I removed the link and replaced it with #. I'm still getting an error.
kanishkar
@kanishkar1998
Nov 25 2016 06:13
replace like this <a href="#"> @Errikka
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 06:14
@frankmaayn Not sure about this, but maybe try adding img-responsive to your images. Also, there are some <divs> that aren't properly closed. Also heard that you shouldn't nest containers within a container, not sure about that though.
kanishkar
@kanishkar1998
Nov 25 2016 06:16
nope you dont need @kboygit
Errikka
@Errikka
Nov 25 2016 06:16
blob
@kanishkar1998
__mifflin__
@cdrainxv
Nov 25 2016 06:16
@Errikka: href not herf.
James Dill
@minornotez
Nov 25 2016 06:16
I'm having issues with the borders around the elements. Any advice? Thanks in advance!
kanishkar
@kanishkar1998
Nov 25 2016 06:17
its href @Errikka
Errikka
@Errikka
Nov 25 2016 06:17
@cdrainxv Thanks I didn't realize I had a typo.
CamperBot
@camperbot
Nov 25 2016 06:17
errikka sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 1106 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Errikka
@Errikka
Nov 25 2016 06:17
Thank you @kanishkar1998
CamperBot
@camperbot
Nov 25 2016 06:17
errikka sends brownie points to @kanishkar1998 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for kanishkar1998
Errikka
@Errikka
Nov 25 2016 06:18
Thanks @cdrainxv
CamperBot
@camperbot
Nov 25 2016 06:18
errikka sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:warning: errikka already gave cdrainxv points
Kirby James
@kirbygit
Nov 25 2016 06:18
@kanishkar1998 so its built in feature right ok thanks
CamperBot
@camperbot
Nov 25 2016 06:18
kboygit sends brownie points to @kanishkar1998 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for kanishkar1998
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 06:18
@minornotez What's the problem?
James Dill
@minornotez
Nov 25 2016 06:22
@BrandonZamorano I am unable to get the solid border but wouldn't it be inside the <style></style> along with the pixel and solid?
Kirby James
@kirbygit
Nov 25 2016 06:23
s
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 06:24
@minornotez Sorry, I'm a bit confused. Could you provide your current code if there's a problem?
Anurag Gupta
@AnuraGupta97
Nov 25 2016 06:26
Anyone working on Portfolio project?
besynerlig
@besynerlig
Nov 25 2016 06:26
no but im done with it, you need help? @AnuraGupta97
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 06:27
Heh, I've yet to start with that.
besynerlig
@besynerlig
Nov 25 2016 06:27
@BrandonZamorano have you done the tribute page?
Anurag Gupta
@AnuraGupta97
Nov 25 2016 06:27
actually I don't know how to get that navigation bar on the top @besynerlig
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 06:28
Yeah, got it done recently. Though it still has a few quirks from the mistakes I realized afterwards, haha.
besynerlig
@besynerlig
Nov 25 2016 06:28
well @AnuraGupta97 to get the navbar at top its quite simple. Just create a <navbar> at the top of the HTML document
<body>
<navbar>
<a href="site1">In a link</a>
</navbar>
</body>
@BrandonZamorano want me to take a look and give feedback, if you want to improve any?
LandonBreeden
@LandonBreeden
Nov 25 2016 06:29
I really need someone to tell me what Java lesson Standing In Line is asking me to produce.. I've tried everything I can think off
:(
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 06:29
@besynerlig Heh, maybe after I fix the current quirks. :laughing:
besynerlig
@besynerlig
Nov 25 2016 06:30
@LandonBreeden i think i recenetly did that one, link me it and i'll give it my best!
@BrandonZamorano alright, your choice :)
LandonBreeden
@LandonBreeden
Nov 25 2016 06:30
Even an answer of what your completed code said would let me know
Anurag Gupta
@AnuraGupta97
Nov 25 2016 06:30
ohh thank you very much. Why it is not there in contents? You probably looked it up yourself. @besynerlig
CamperBot
@camperbot
Nov 25 2016 06:30
anuragupta97 sends brownie points to @besynerlig :sparkles: :thumbsup: :sparkles:
:cookie: 190 | @besynerlig |http://www.freecodecamp.com/besynerlig
LandonBreeden
@LandonBreeden
Nov 25 2016 06:31
https://www.freecodecamp.com/challenges/stand-in-line#?solution= function nextInLine(arr%2C item) { %2F%2F Your code here var newNumber%3D item%3B push.pup return item %2B 1%3B %2F%2F Change this line } %2F%2F Test Setup var testArr %3D %5B1%2C2%2C3%2C4%2C5%5D%3B %2F%2F Display Code console.log("Before: " %2B JSON.stringify(testArr))%3B console.log(nextInLine(testArr%2C 6))%3B %2F%2F Modify this line to test console.log("After: " %2B JSON.stringify(testArr))%3B
besynerlig
@besynerlig
Nov 25 2016 06:31
i will not send you the whole code @LandonBreeden i can try explain what you need to do it you want. you're here to learn, not finish challanges ;)
@AnuraGupta97 looked up how to do a navbar? nah i just used my html knowledge :)
ahhh @LandonBreeden i was stuck on this one for a good hour yesterday
LandonBreeden
@LandonBreeden
Nov 25 2016 06:32
I do understand what they asking me to produce so currently don't know if it's been my code or I'm trying to accomplish wrong objective
besynerlig
@besynerlig
Nov 25 2016 06:32
what it needs you to do it use push() and shift() to remove and add items to the que, they coverd this in an earlier challange
i sadly didint get your code because the link you sent got fucked up so i only got to the challange
LandonBreeden
@LandonBreeden
Nov 25 2016 06:33
Want me to write algorithm to continue number sequence??
besynerlig
@besynerlig
Nov 25 2016 06:34
yeah it wants you to use push() to put an item at the last of the que, and use shift() to remove the first item.
LandonBreeden
@LandonBreeden
Nov 25 2016 06:34
Ok thanks should have better chance knowing what I'm trying to accomplish
besynerlig
@besynerlig
Nov 25 2016 06:34
then it wants you to return that item you just shift()ed out and display it
if you need more help ask, i think i understand it well enough to explain, atleast i hope i do :)
LandonBreeden
@LandonBreeden
Nov 25 2016 06:35
@besynerlig right on ty :)
CamperBot
@camperbot
Nov 25 2016 06:35
landonbreeden sends brownie points to @besynerlig :sparkles: :thumbsup: :sparkles:
:cookie: 191 | @besynerlig |http://www.freecodecamp.com/besynerlig
Anurag Gupta
@AnuraGupta97
Nov 25 2016 06:35
Oh great. Actually I'm a beginner. Can you suggest me from where should I learn more about html and css that is not on FCC. @besynerlig
Kirby James
@kirbygit
Nov 25 2016 06:35
I need help here
Your buttons should all be nested within the same div element with the class row.
Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4.
Make sure each of your button elements has a closing tag.
Make sure each of your div elements has a closing tag.

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

<div class="container-fluid">
<h2 class="red-text text-center">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>

<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">
<div class="row col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
<button class="btn btn-block btn-info">Info</button>
<button class="btn btn-block btn-danger">Delete</button>
</div>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</div>

code:
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 06:36
@kboygit You're supposed to surround each button with its own div.
Kirby James
@kirbygit
Nov 25 2016 06:36
meaning?
I need to make a div on each button?
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 06:37
Correct.
Also.
besynerlig
@besynerlig
Nov 25 2016 06:37
well @AnuraGupta97 i used CodeAcademy to learn all my HTML and CSS, and then the past 2years i have just ben making website on website and googleing my problems, and now i know quite alot. so its time and practice :) but i can recommend doing all the FCC html & css(bootstrap) challanges, and doing the CodeAcademy HTML & CSS challanges. Remember to do CodeAcademy AFTER you're done with FCC! important
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 06:37
<div class="row col-xs-4"> <!-- col-xs-4 should not be on this one, just the divs for each of the buttons -->
<button class="btn btn-block btn-primary">Like</button>
<button class="btn btn-block btn-info">Info</button>
<button class="btn btn-block btn-danger">Delete</button>
</div>
besynerlig
@besynerlig
Nov 25 2016 06:38
and for the love of god. LEARN BOOTSTRAP! I have ben making websites for 2 years without and when i found out what it was i just wished i had known it from the start! i can not stress it enough! Bootstra is your best pal, buddy
Kirby James
@kirbygit
Nov 25 2016 06:38
gotchu
Anurag Gupta
@AnuraGupta97
Nov 25 2016 06:39
oh i'll go through with it. Thanks again @besynerlig
CamperBot
@camperbot
Nov 25 2016 06:39
anuragupta97 sends brownie points to @besynerlig :sparkles: :thumbsup: :sparkles:
:warning: anuragupta97 already gave besynerlig points
besynerlig
@besynerlig
Nov 25 2016 06:39
@BrandonZamorano try and explain how they should solve it instead of solving it for them. they wont learn anything from just copying the code you send them
my pleasue @AnuraGupta97
Kirby James
@kirbygit
Nov 25 2016 06:39
<div class="row col-xs-4"> <!-- col-xs-4 should not be on this one, just the divs for each of the buttons -->
<button class="btn btn-block btn-primary">Like</button>
<button class="btn btn-block btn-info">Info</button>
<button class="btn btn-block btn-danger">Delete</button>
</div>
so this one doesnt work
besynerlig
@besynerlig
Nov 25 2016 06:39
btw @kboygit your code is wrong.
Kirby James
@kirbygit
Nov 25 2016 06:39
you need to nest each button on a separate one
besynerlig
@besynerlig
Nov 25 2016 06:40
the first <div> element had both the classes row & col-xs-4. Those should be in seperate <div> tags.
Kirby James
@kirbygit
Nov 25 2016 06:40
   <button class="btn btn-block btn-primary">Like</button>
    </div>
    <div class="col-xs-4">
      <button class="btn btn-block btn-info">Info</button>
    </div>
    <div class="col-xs-4">
      <button class="btn btn-block btn-danger">Delete</button>
    </div>
  </div>
I got it
I am just asking
besynerlig
@besynerlig
Nov 25 2016 06:40
+1
kronouzgg
@kronouzgg
Nov 25 2016 06:41
@besynerlig what is the advantage using boostrap ?
besynerlig
@besynerlig
Nov 25 2016 06:41
@kronouzgg well, do you know how to use CSS?
kronouzgg
@kronouzgg
Nov 25 2016 06:42
yes sir but not quite good
I'm just a beginner also learning web dev.
besynerlig
@besynerlig
Nov 25 2016 06:42
bootstrap is basicly a premade css file that you can use. Someone took thier time and made loads of classes that you can asign to your HTML tags, so instead of doing your own css document. you just use bootstrap's own clases
you can ofc do your own css also to get a personal feel, wich i recommend doing.
Omar Tan
@wheelhot
Nov 25 2016 06:43
Hmm, can anyone explain to me
why must we contain the button class in an div class?
kronouzgg
@kronouzgg
Nov 25 2016 06:44
what do you recommend for beginner do we need to use bootstrap for our first website or we do the css style
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 06:44
Definitely would be easier with bootstrap.
@wheelhot Well, in the examples it uses divs, but I think you can simply add the class to the button? I'm not sure.
besynerlig
@besynerlig
Nov 25 2016 06:45
It depends on how well you know bootstrap, bootstrap can hinder your creativitity if you dont know it well enough. @kronouzgg
Omar Tan
@wheelhot
Nov 25 2016 06:45
<div class="row">
    <div class="col-xs-4">
      <button class="btn btn-block btn-primary">Like</button>
    </div>

Works, but the following one doesn't

<div class="row">
      <button class="btn btn-block btn-primary col-xs-4">Like</button>
<div class="row">
    <div class="col-xs-4">
      <button class="btn btn-block btn-primary">Like</button>
    </div>

Works, but the following one doesn't

<div class="row">
      <button class="btn btn-block btn-primary col-xs-4">Like</button>
If I were to add the class 'col-xs-4' into button class instead of its own div, it wont work
besynerlig
@besynerlig
Nov 25 2016 06:46
my suggestion is just deciding what you want for a website, example: the tribute page, the on a peice of paper or in photoshop draw how you want the website to look, then go into https://bootstrapcreative.com/resources/bootstrap-3-css-classes-index/ and try use thier classes to create what you want. if you need to use your own than do that.
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 06:46
Yeah, that won't work on FCC.
besynerlig
@besynerlig
Nov 25 2016 06:46
remember to compleate all the challanges first so you have an understanding of what you're doing
Omar Tan
@wheelhot
Nov 25 2016 06:47
not sure why as I'm only aware of the difference between block (div) vs inline (span)
I guess a button is considered inline
?
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 06:50
Yeah, buttons are in-line
Omar Tan
@wheelhot
Nov 25 2016 06:51
Hmm, any way to suggest this for improvement?
to mention that button elements is in-line and this can effect how some CSS classes work?
James Dill
@minornotez
Nov 25 2016 06:53
@BrandonZamorano it was because I hadn't seperated class. I'm new to this. Thank you though. future reference, what's the current code you had asked for?
CamperBot
@camperbot
Nov 25 2016 06:53
minornotez sends brownie points to @brandonzamorano :sparkles: :thumbsup: :sparkles:
:cookie: 148 | @brandonzamorano |http://www.freecodecamp.com/brandonzamorano
Oscar Wallberg
@oscarwallberg
Nov 25 2016 06:53
Guys would it be hard to create your own framework as you go instead of using for example bootstrap? I mean, is it hard to make it pretty like bootstrap from scratch?
besynerlig
@besynerlig
Nov 25 2016 06:57
@oscarwallberg #1 its not hard making it look good from bootstrap #2 yes its possible to create your own, though you should need quite alot of css knowledge
Omar Tan
@wheelhot
Nov 25 2016 06:58
Bootstrap pretty much helps in solving lots of browser nuances, especially now that we have to deal with too many screen sizes. You could make your own but get ready to "debug and test" your code across various browsers and screen sizes
besynerlig
@besynerlig
Nov 25 2016 06:58
@oscarwallberg this page took mee 15min to make, is 99% bootstrap.
Omar Tan
@wheelhot
Nov 25 2016 06:58
Awesome!
and I guess if browser caches bootstrap CSS, it'll also load faster right?
besynerlig
@besynerlig
Nov 25 2016 06:59
i suppose it will. im not that good on back-end. still learning that, front-end though (HTML & CSS) im quite advanced on.
Omar Tan
@wheelhot
Nov 25 2016 06:59
aah, btw. You know who I can contact to offer improvement suggestion?
feel that HTML properties that's inline vs block and how it could affect CSS should be mentioned
besynerlig
@besynerlig
Nov 25 2016 07:00
for FCC? im not sure tbh. check if they have a support mail
Omar Tan
@wheelhot
Nov 25 2016 07:00
ok
Oscar Wallberg
@oscarwallberg
Nov 25 2016 07:01
@besynerlig @wheelhot Thanks guys. I'm wondering mostly because I want to learn how they do it, I don't necessarily want to create a website as fast as possible. And once I have it made, I can just re use it for future websites.
CamperBot
@camperbot
Nov 25 2016 07:01
oscarwallberg sends brownie points to @besynerlig and @wheelhot :sparkles: :thumbsup: :sparkles:
:cookie: 76 | @wheelhot |http://www.freecodecamp.com/wheelhot
:cookie: 194 | @besynerlig |http://www.freecodecamp.com/besynerlig
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 07:01
@wheelhot Oh, forgot to mention that they used div tags for the button element, because they made the button to be a block in that case, instead of in-line
David Alegria
@dalegria25
Nov 25 2016 07:01
Beginner Mode help with cat-app, it needs a id attribute of cat- photo-form, a green background, but cant have a class or style attribute.
juniorjb
@juniorjb
Nov 25 2016 07:02
im trying to resize my image with .smaller-image {
width: 100px;
}
but its not working
besynerlig
@besynerlig
Nov 25 2016 07:02
@oscarwallberg well you can always contribute to thier sourcecode if you want, by doing so you'll learn how they did it.
David Alegria
@dalegria25
Nov 25 2016 07:02
add html to the code
LPR-309
@LPR-309
Nov 25 2016 07:02
@juniorjb Have you added class="smaller-image" to your <img> element?
besynerlig
@besynerlig
Nov 25 2016 07:02
@dalegria25 & @juniorjb send your codes here.
juniorjb
@juniorjb
Nov 25 2016 07:03
no thanks
no, thanks i will try that
Oscar Wallberg
@oscarwallberg
Nov 25 2016 07:03
@besynerlig Oh right, didn't even consider that.
David Alegria
@dalegria25
Nov 25 2016 07:03
how do I do that/
besynerlig
@besynerlig
Nov 25 2016 07:03
@dalegria25 just copy the whole code and paste it in here
Omar Tan
@wheelhot
Nov 25 2016 07:03
@BrandonZamorano ic, but the code wont work if I were to put it in button class.
and there's no mention about why button need to be a block and such
Dzeyahre
@Dzeyahre
Nov 25 2016 07:05
hello guys !!! can anyone please help me where i will put the background -color class in this challenge

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

<div>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
</div>

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

Brandon Zamorano
@BrandonZamorano
Nov 25 2016 07:05
Well, challenges are specific as to what they'll accept. But indeed you can add that class and it will work:
http://codepen.io/BrandonZamorano/pen/qqjyBP
AtoMicPsyk3
@AtoMicPsyk3
Nov 25 2016 07:05
hi i dont know where it wants me to put in the code
https://www.freecodecamp.com/challenges/style-text-inputs-as-form-controls#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%3C%2Fstyle%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-8%22%3E%0A%20%20%20%20%20%20%3Ch2%20class%3D%22text-primary%20text-center%22%3ECatPhotoApp%3C%2Fh2%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22img-responsive%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%3E%3C%2Fa%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cimg%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-running-cats%22%20class%3D%22img-responsive%22%20alt%3D%22Three%20kittens%20running%20towards%20the%20camera.%20%22%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-primary%22%3E%3Ci%20class%3D%22fa%20fa-thumbs-up%22%3E%3C%2Fi%3E%20Like%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-info%22%3E%3Ci%20class%3D%22fa%20fa-info-circle%22%3E%3C%2Fi%3E%20Info%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-danger%22%3E%3Ci%20class%3D%22fa%20fa-trash%22%3E%3C%2Fi%3E%20Delete%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cp%3EThings%20cats%20%3Cspan%20class%3D%22text-danger%22%3Elove%3A%3C%2Fspan%3E%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%20%20%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Indoor%3C%2Flabel%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Loving%3C%2Flabel%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Crazy%3C%2Flabel%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%20%20%3C%2Fform%3E%0A%3C%2Fdiv%3E%0A
besynerlig
@besynerlig
Nov 25 2016 07:06
these links though
Manish Giri
@Manish-Giri
Nov 25 2016 07:08
@AtoMicPsyk3 lines 70, 71
AtoMicPsyk3
@AtoMicPsyk3
Nov 25 2016 07:08
@Manish-Giri i think i love u
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 07:08
Has anyone tried a TeamTreeHouse membership?
Manish Giri
@Manish-Giri
Nov 25 2016 07:08
lol
@BrandonZamorano I have
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 07:08
@Manish-Giri Did you take the web-dev course?
Manish Giri
@Manish-Giri
Nov 25 2016 07:09
@BrandonZamorano you mean web-design track?
Kirby James
@kirbygit
Nov 25 2016 07:09
anybody using ubuntu 16.04.01
i have a question
Manish Giri
@Manish-Giri
Nov 25 2016 07:09
@kboygit i’m just upgrading mine
rllopez0831
@rllopez0831
Nov 25 2016 07:09
hey guys
i'm new
Kirby James
@kirbygit
Nov 25 2016 07:09
nice I see your github profile
@Manish-Giri
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 07:10
@Manish-Giri Ah, yes, the tracks. Did you take it? If so, was it before FCC ,during FCC , etc?
Dokkedal
@Dokkedal
Nov 25 2016 07:10
Hi all what does nesting mean ?
And how is it done?
Kirby James
@kirbygit
Nov 25 2016 07:10
you put inside the element asked
Dokkedal
@Dokkedal
Nov 25 2016 07:10
indside what?
Dzeyahre
@Dzeyahre
Nov 25 2016 07:10

@Dzeyahre
hello guys !!! can anyone please help me where i will put the background -color class in this challenge

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

<div>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
</div>

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

Kirby James
@kirbygit
Nov 25 2016 07:10
example <div> <h2></h2></div>
David Alegria
@dalegria25
Nov 25 2016 07:10
@besynerlig <form action="/submit-cat-photo" id="cat-photo-form"> I jus needs a green background attribute from Css #cat-photo-element {
background-color: green;
}
rllopez0831
@rllopez0831
Nov 25 2016 07:10
i'm stuck on the first part
Kirby James
@kirbygit
Nov 25 2016 07:10
h2 is being nested inside div
@Dokkedal
Dokkedal
@Dokkedal
Nov 25 2016 07:11
thanks
i will try it
Kirby James
@kirbygit
Nov 25 2016 07:11
@Manish-Giri manish whats your laptop
rllopez0831
@rllopez0831
Nov 25 2016 07:11
it doesn't show me the move on button
Kirby James
@kirbygit
Nov 25 2016 07:11
I mean machine
besynerlig
@besynerlig
Nov 25 2016 07:11
@dalegria25 you need to att a class to your <form> tag
Manish Giri
@Manish-Giri
Nov 25 2016 07:11
@BrandonZamorano I think I signed up for treehouse at about the same time I signed up for fcc, and I’m mainly focusing on the back end technologies there - Java, Full stack JS, Ruby. Doing Rails at the moment.
besynerlig
@besynerlig
Nov 25 2016 07:11
example: <p class="myClass">TEST</p>
Manish Giri
@Manish-Giri
Nov 25 2016 07:11
@kboygit I have a mac and a Dell with ubuntu 14.04 on it, now upgrading to 16.04
besynerlig
@besynerlig
Nov 25 2016 07:12
holy shit...
David Alegria
@dalegria25
Nov 25 2016 07:12
Sorry IDK wtf happened
besynerlig
@besynerlig
Nov 25 2016 07:12
well you told me you needed to add a class, i just explained how you do it :) scroll up
Kirby James
@kirbygit
Nov 25 2016 07:13
@Manish-Giri gotchu I'll buy a mac soon for my main machine and linux as secondary
Manish Giri
@Manish-Giri
Nov 25 2016 07:13
@kboygit :+1:
Kirby James
@kirbygit
Nov 25 2016 07:13
I messaged you @Manish-Giri
David Alegria
@dalegria25
Nov 25 2016 07:13
@besynerlig cant add a class or style element
*attribute
besynerlig
@besynerlig
Nov 25 2016 07:14
what tag do you want to add a class to? <img>? <form>?
David Alegria
@dalegria25
Nov 25 2016 07:15
<form> @besynerlig
besynerlig
@besynerlig
Nov 25 2016 07:15
then you want to do <form class="myClass">
David Alegria
@dalegria25
Nov 25 2016 07:16
Give your form element the id of cat-photo-form. Cheked
Your form element should have the background-color of green.
Make sure your form element has an id attribute. cheked
Do not give your form any class or style attributesChecked
LMSee @besynerlig
besynerlig
@besynerlig
Nov 25 2016 07:17
ok then it wants you to give it and #id and not a class
you do this exactly the same just replace class with id
David Alegria
@dalegria25
Nov 25 2016 07:18
In <style> ?
@besynerlig
besynerlig
@besynerlig
Nov 25 2016 07:18
and in css instead of .myClass its #myID
no in the <form> tag that it wants you to put it
Omar Tan
@wheelhot
Nov 25 2016 07:18
Personally, if paying. I find Udacity one of the best. The community is great and the coach support as well
and didn't know Bootstrap existed 2 years ago :P
Kirby James
@kirbygit
Nov 25 2016 07:20
can you pay for me?
@wheelhot
I can see your profile your loaded with money
Omar Tan
@wheelhot
Nov 25 2016 07:20
lol
flight ticket is cheap these days :P
Kirby James
@kirbygit
Nov 25 2016 07:21
buy me a ticket then
Srinivasan
@kksrini89
Nov 25 2016 07:23
Guys do you know any open source software for converting Perl to exe??
David Alegria
@dalegria25
Nov 25 2016 07:23
@besynerlig ok I got that, but wrong <form action="/submit-cat-photo" id="cat-photo-form" id="green-background">
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 07:23
Isn't the web-dev course on Udacity free?
I thought you only pay if you want the nano-degree.
besynerlig
@besynerlig
Nov 25 2016 07:23
@dalegria25 link me the challange and i'll check it for you
Kirby James
@kirbygit
Nov 25 2016 07:23
@BrandonZamorano I second the motion
Omar Tan
@wheelhot
Nov 25 2016 07:24
Yes, if you want the nano-degree and I think if you want forum access as well
Kirby James
@kirbygit
Nov 25 2016 07:24
I think pluralsight,udemy,codeschool is where you need to invest your monet
money
Omar Tan
@wheelhot
Nov 25 2016 07:24
I'm currently subscribed to plural sight but I don't think I'll continue my subscription after this
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 07:24
Ah, yes. I think I'll try out pluralsight as visual studio benefits offers a 3-month sub, that I apparently missed.
@wheelhot Hmm, anything bad about it?
besynerlig
@besynerlig
Nov 25 2016 07:25
@dalegria25 ahhhh i see. what it wants you to do is give the already existing id the color green
Kirby James
@kirbygit
Nov 25 2016 07:25
yea you need to invest your money on pluralsight rather than udacity
Omar Tan
@wheelhot
Nov 25 2016 07:25
it's just watching videos and asking question is through a regular chat system like disqus
besynerlig
@besynerlig
Nov 25 2016 07:26
you do this by writing
#myID {
background-color: COLORNAME;
}
Omar Tan
@wheelhot
Nov 25 2016 07:26
it does have lots of videos and some of the mentors are very knowledgeable, but that's about t
Udacity has actual people to go through your code and see if you fulfilled the rubric (if you choose to pay for the Nanodegree)
Kirby James
@kirbygit
Nov 25 2016 07:26
hahah ok my man @wheelhot
Omar Tan
@wheelhot
Nov 25 2016 07:27
haha, I wished I saw FCC earlier :D
the support here is amazing as well and considering that it's free
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 07:27
Ah, I see. I think TeamTreeHouse recently offered nano-degrees aswell, lol.
Heh, well anyways I'll give pluralsight a try. I've nothing to lose with a free-trial, heh.
Kirby James
@kirbygit
Nov 25 2016 07:27
whats the advantage of a nanodegree lol
its still an online course
besynerlig
@besynerlig
Nov 25 2016 07:28
@wheelhot dont call us free! we are very sophisticated hookers! Expensive!
Omar Tan
@wheelhot
Nov 25 2016 07:28
haha, TreeHouse and Udacity is probably competing really hard right now, I think both offers trial? so give it a shot
hahaha
@besynerlig yes to that! Hahaha
David Alegria
@dalegria25
Nov 25 2016 07:28
@besynerlig nope run the test
besynerlig
@besynerlig
Nov 25 2016 07:29
show me the code for the id. only the id: cat-photo-app or whatever it was.
Kirby James
@kirbygit
Nov 25 2016 07:29
its not free its still a paid subscription lol
@omar tan
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 07:29
Heh, if only codeschool was bundled with a pluralsight subscription. Tried them out last-weekend when they hosted the free-weekend event. Their videos seemed a bit fun.
David Alegria
@dalegria25
Nov 25 2016 07:30
@besynerlig it esplains the css part but its stills needs an Id in the <form> line( component I guess?)
Kirby James
@kirbygit
Nov 25 2016 07:30
I chatted with the codeschool codefounder
via bluejeans
Omar Tan
@wheelhot
Nov 25 2016 07:30
Well nanodegree gives you forum, coach support (1 on 1 appointments) and actual people that'll grade your work, so if you feel that's useful for you.
Jonathan Isaac
@Jisaac85
Nov 25 2016 07:30
just starting out and I'm stuck. Trying to make all my p elements use the monospace font. not sure where it goes
Kirby James
@kirbygit
Nov 25 2016 07:31
and he gave my account a credit for any courses and added a free path sub on my account jsut for talking to him
didnt expect that though
Omar Tan
@wheelhot
Nov 25 2016 07:31
good for you :D
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 07:31
@kboygit Wow.
Kirby James
@kirbygit
Nov 25 2016 07:31
yea
he emailed me and I thought it was an automated message
I tried to reply and we did a video conf
Omar Tan
@wheelhot
Nov 25 2016 07:32
Udacity does give a 50% discount once you complete the course within a year I think, I guess does give people incentive to finish what they started. Haha
Kirby James
@kirbygit
Nov 25 2016 07:32
Chat with Code School (Amazing Flip)
View on Google Calendar
When Wed Nov 23, 2016 11am – 11:30am (PST)
Where Chat online, Design Room, Blue Jeans Video Conference - https://bluejeans.com/160300503
Who The guest list is not available
YesMaybeNo
Agenda
Wed Nov 23, 2016
No earlier events
11am Chat with Code School (Amazing Flip)
No later events
you dont know whats gonna happen in life man
Omar Tan
@wheelhot
Nov 25 2016 07:33
:thumbsup:
Tony Leo
@LarkenLeo
Nov 25 2016 07:34
Hey how do I nest in a <form action=></form>
@LarkenLeo <form action="/submit-cat-photo">
Tony Leo
@LarkenLeo
Nov 25 2016 07:38
Oh okay, I was just making sure.
David Alegria
@dalegria25
Nov 25 2016 07:38
yep form element doesn't need a </
Gaurav Chhetri
@gauravchhetri
Nov 25 2016 07:38
how can we apply multiple classes to an element by separating each class with a space within its class attribute?please help?
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 07:39
@gauravchhetri Yeah, simply separate with a space. ie; <p class="firstClass secondClass"></p>
Gaurav Chhetri
@gauravchhetri
Nov 25 2016 07:40
and how to create the first and second class@brandon
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 07:40
@wheelhot @kboygit Haha, well thanks for the suggestions for resources. I'll definitely try to check all of them out, haha.
CamperBot
@camperbot
Nov 25 2016 07:40
brandonzamorano sends brownie points to @wheelhot and @kboygit :sparkles: :thumbsup: :sparkles:
:cookie: 77 | @wheelhot |http://www.freecodecamp.com/wheelhot
:cookie: 76 | @kboygit |http://www.freecodecamp.com/kboygit
David Alegria
@dalegria25
Nov 25 2016 07:40
@gauravchhetri space class="smaller-image thick-green-border"
Kirby James
@kirbygit
Nov 25 2016 07:42
@BrandonZamorano np
Omar Tan
@wheelhot
Nov 25 2016 07:42
@BrandonZamorano :thumbsup:
Gaurav Chhetri
@gauravchhetri
Nov 25 2016 07:43
<img class ="class1 class2">
<img class1,class2=" thin-green-border""smaller-image" >
is it correct
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 07:43
@dalegria25 Select the id in the <style></style section, and use the background-color property to set it to green.
You select id's with a #, as it says in the instructions/desc.
Manish Giri
@Manish-Giri
Nov 25 2016 07:44
@gauravchhetri class1 class2 was just an example, use actual class names
Darren
@DarrenfJ
Nov 25 2016 07:45
evening FCC
Gaurav Chhetri
@gauravchhetri
Nov 25 2016 07:45
thanks manish
Darren
@DarrenfJ
Nov 25 2016 07:46
hey manish! :wave:
Manish Giri
@Manish-Giri
Nov 25 2016 07:47
@DarrenfJ :wave: :wavy_dash:
@DarrenfJ howdy
@gauravchhetri :+1:
BloodUHC
@BloodUHC
Nov 25 2016 07:47
good moring
David Alegria
@dalegria25
Nov 25 2016 07:47
@BrandonZamorano Could you write it for me in here <form action="/submit-cat-photo" id="cat-photo-form" > I already did the style part in CSS
Omar Tan
@wheelhot
Nov 25 2016 07:48
Btw, if you guys want to paste your code with the correct formatting
  ```(3x)
  YOUR CODE HERE
  ```(3x)
Gaurav Chhetri
@gauravchhetri
Nov 25 2016 07:49
hey manish m not able to get the code??could u please help me a bit more
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 07:49
@dalegria25 Sorry, forgot what your problem was. What requirement are you not meeting?
Manish Giri
@Manish-Giri
Nov 25 2016 07:50
@gauravchhetri copy paste your challenge url here
David Alegria
@dalegria25
Nov 25 2016 07:50
Your form element should have the background-color of green. with this rule Do not give your form any class or style attributes
Gaurav Chhetri
@gauravchhetri
Nov 25 2016 07:50
Manish Giri
@Manish-Giri
Nov 25 2016 07:51
@gauravchhetri the class name should be thick-green-border, not .thin-green-border
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 07:51
@dalegria25 Could you post your code?
David Alegria
@dalegria25
Nov 25 2016 07:52
@BrandonZamorano <form action="/submit-cat-photo" id="cat-photo-form">
Gaurav Chhetri
@gauravchhetri
Nov 25 2016 07:52
thanks manish
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 07:52
@dalegria25 That part seems correct, could you post what is in between the <style> tags?
David Alegria
@dalegria25
Nov 25 2016 07:53
Its not leeting me here is the link @BrandonZamorano
Manish Giri
@Manish-Giri
Nov 25 2016 07:54
@DarrenfJ any news on the streak problem?
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 07:54
@dalegria25 Is that the full link? Code editor appears blank for me.
Darren
@DarrenfJ
Nov 25 2016 07:55
I haven't checked my email yet lol!
brb
David Alegria
@dalegria25
Nov 25 2016 07:56
@BrandonZamorano IDK why it does this, but I reset it twicw
@BrandonZamorano * twice
Manish Giri
@Manish-Giri
Nov 25 2016 07:56
@DarrenfJ create an issue, it’ll be much faster
Brandon Zamorano
@BrandonZamorano
Nov 25 2016 07:57
@dalegria25 Yeah, the code editor's a bit buggy. Simply selecting the id and setting the background-color to green in the <style> section should be all you have to do.
View the example they provided.
David Alegria
@dalegria25
Nov 25 2016 07:58
@BrandonZamorano nope ive run it like that, maybe its a bug
Gaurav Chhetri
@gauravchhetri
Nov 25 2016 07:58
can anybody let me know any popular sites to learn java..
David Alegria
@dalegria25
Nov 25 2016 07:59
@BrandonZamorano cant because its the last part then switches to a padding lesson
Darren
@DarrenfJ
Nov 25 2016 07:59
ha! @Manish-Giri long time open issues... they asked if I wanted to take a crack at it..
FreeCodeCamp/FreeCodeCamp#7925
FreeCodeCamp/FreeCodeCamp#7468
Manish Giri
@Manish-Giri
Nov 25 2016 07:59
oh damn
@DarrenfJ go for it :muscle:
Darren
@DarrenfJ
Nov 25 2016 08:00
I know.. I said I might take a look...
it's just I've been watching the contributors site about people setting a local of FCC and that seems like hours of your life you'll never get back...
;)
also. i notice a coupla missed thank you 's for you help coverage.. @Manish-Giri
CamperBot
@camperbot
Nov 25 2016 08:01
darrenfj sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 2484 | @manish-giri |http://www.freecodecamp.com/manish-giri
Darren
@DarrenfJ
Nov 25 2016 08:01
so, thanks!
jeebus yer raking in the brownies man
Manish Giri
@Manish-Giri
Nov 25 2016 08:02
@DarrenfJ it’s actually very easy! It doesn’t take that long, and I can help you with that if/when you decide to go ahead with it :smile:
@DarrenfJ aww, thx, you’re too kind :smile:
CamperBot
@camperbot
Nov 25 2016 08:02
manish-giri sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 1099 | @darrenfj |http://www.freecodecamp.com/darrenfj
Manish Giri
@Manish-Giri
Nov 25 2016 08:03
oh hey, 1100, almost
Darren
@DarrenfJ
Nov 25 2016 08:03
it's probably my next thing.. to start actually helping out on bugs/issues
__mifflin__
@cdrainxv
Nov 25 2016 08:03
thanks @DarrenfJ @Manish-Giri
CamperBot
@camperbot
Nov 25 2016 08:03
cdrainxv sends brownie points to @darrenfj and @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 2485 | @manish-giri |http://www.freecodecamp.com/manish-giri
:star2: 1100 | @darrenfj |http://www.freecodecamp.com/darrenfj
Darren
@DarrenfJ
Nov 25 2016 08:03
hey buddy! :D
thanks back atcha! @cdrainxv
CamperBot
@camperbot
Nov 25 2016 08:03
darrenfj sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 1107 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
trentongrigsby
@trentongrigsby
Nov 25 2016 08:03
Hey this is my first time coding ever. Stuck on the first tutorial creating the CatPhotoApp. I'm at the part where you size your images. I think I am coding the class for the img element incorrectly, but not sure where i'm going wrong.
Manish Giri
@Manish-Giri
Nov 25 2016 08:04

1100

trentongrigsby
@trentongrigsby
Nov 25 2016 08:04

Here's what I have coded:

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

h2 {
font-family: Lobster, Monospace;
}

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

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

Darren
@DarrenfJ
Nov 25 2016 08:05
@trentongrigsby you got it right in the CSS section... did you add it also to the existing <img> in the html part?