These are chat archives for FreeCodeCamp/Help

11th
Jan 2017
Manish Giri
@Manish-Giri
Jan 11 2017 00:00
:+1:
b3xp4lsr
@b3xp4lsr
Jan 11 2017 00:00
@coymeetsworld I press Run tests and it doesn't work
wesbow
@wesbow
Jan 11 2017 00:01
@foundlouis <style> goes before your h2 element
Deepanshu Bendale
@deepanshubendale
Jan 11 2017 00:01
@b3xp4lsr it runs u just have some errors in code
so u cant get whether it runs or not
Coy Sanders
@coymeetsworld
Jan 11 2017 00:02
@b3xp4lsr need more to go off of than that
you can try refreshing your browser but if that doesn't work its probably an issue with your code
carefully check to make sure its not showing any errors in your editor
wesbow
@wesbow
Jan 11 2017 00:03
Help, how do I give the text input in my form the class form-control?
CamperBot
@camperbot
Jan 11 2017 00:03
no wiki entry for: how do i give the text input in my form the class form-control
wesbow
@wesbow
Jan 11 2017 00:03
this is my form
<form action="/submit-cat-photo">
<input class="form-control">
<div class="row">
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
</div>
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
</div>
</div>
<div class="row">
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Loving</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Lazy</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Crazy</label>
</div>
</div>
<input type="text" placeholder="cat photo URL" required>
<button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane">Submit</i></button>
</form>
Coy Sanders
@coymeetsworld
Jan 11 2017 00:04
same way you give classes to any other element @wesbow
wesbow
@wesbow
Jan 11 2017 00:05
Thanks @coymeetsworld I think I got it
CamperBot
@camperbot
Jan 11 2017 00:05
wesbow sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 1766 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Jan 11 2017 00:05
@wesbow :thumbsup:
Louis Alfaro
@foundlouis
Jan 11 2017 00:05
so does <stlye>go on top of the first or the 2ndline mixed with the h2 element?sorry im super fresh to coding
Coy Sanders
@coymeetsworld
Jan 11 2017 00:06
@foundlouis its better if you just show what you have, you don't have to put things at a specific line number
its all relative
Louis Alfaro
@foundlouis
Jan 11 2017 00:06
ok let me copy n paste

<stlye>

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

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

thas not correct right
Neil Alexander Walker
@yunder
Jan 11 2017 00:07
I'm still stuck on "Specify How Fonts Should Degrade" I gave up yesterday and came back today. I am 100% sure I have done what it asks of me and that there's some kind of problem. Is anyone else stuck in the same spot?
Coy Sanders
@coymeetsworld
Jan 11 2017 00:07
style is spelled wrong
Anh Nguyen
@tiremon112
Jan 11 2017 00:07
stlye lol
Louis Alfaro
@foundlouis
Jan 11 2017 00:08

Coy Sanders
@coymeetsworld
Jan 11 2017 00:08
and yes you have HTML and CSS inside style tags @foundlouis, you only want CSS
Mrfizzledeggs
@Mrfizzledeggs
Jan 11 2017 00:08
lol
Could someone help me on creating a form element lesson
Anh Nguyen
@tiremon112
Jan 11 2017 00:08
@foundlouis check spell and space before submit, it a great way to improve coding skill too.
Louis Alfaro
@foundlouis
Jan 11 2017 00:08
ok my bad i reset it realquick so i typed it wrong
Coy Sanders
@coymeetsworld
Jan 11 2017 00:08
thats not the only issue @tiremon112
Anh Nguyen
@tiremon112
Jan 11 2017 00:09
but it common
:clap:
Alex Reany
@ReanyAlex
Jan 11 2017 00:09
Hey everyone. I'm new to freeCodeCamp so if this has been asked before I apologize. I'm trying to select the middle of a line of code and for some reason I am unable to select the area I want. I have been refreshing the page and that worked before, but it isn't this time.
Manish Giri
@Manish-Giri
Jan 11 2017 00:09
@ReanyAlex type any key into the editor, it should "unfreeze", then you can select the code..
Coy Sanders
@coymeetsworld
Jan 11 2017 00:09
is your browser fitting the entire screen @ReanyAlex ?
Alex Reany
@ReanyAlex
Jan 11 2017 00:10
Awesome thank you for the solution
wesbow
@wesbow
Jan 11 2017 00:10
@yunder I was stuck there yesterday too but I got it now. what are you having trouble with
Anthony Hunt
@Ajh2904305
Jan 11 2017 00:10
@coymeetsworld <p> <a href="http://freecodecamp.com"> <img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> </a> "cat photos" </p>
Coy Sanders
@coymeetsworld
Jan 11 2017 00:11
They didn't say to nest the image inside @Ajh2904305
Anh Nguyen
@tiremon112
Jan 11 2017 00:11
how can i access to the javascript chat room ?
Coy Sanders
@coymeetsworld
Jan 11 2017 00:11
the only thing that should be the link is text
Neil Alexander Walker
@yunder
Jan 11 2017 00:11
@wesbow it won't let me move on. I have commented out the google lobster link, and I have Monospace set up as the fall-back font after lobster. Nothing I do will get the system to acknowledge that.
Anh Nguyen
@tiremon112
Jan 11 2017 00:12
@Manish-Giri :+1: ty
CamperBot
@camperbot
Jan 11 2017 00:12
tiremon112 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 3691 | @manish-giri |http://www.freecodecamp.com/manish-giri
CherryPlaysRoblox
@CherryPlaysRoblox1
Jan 11 2017 00:12

@CherryPlaysRoblox1
I'm stuck on Filter Arrays with.filter
can someone help me

var oldArray = [1,2,3,4,5,6,7,8,9,10];

// Only change code below this line.

var newArray = newArray.filter(function(val) {
return val !== 10;
});

Anthony Hunt
@Ajh2904305
Jan 11 2017 00:12
@coymeetsworld okay
Coy Sanders
@coymeetsworld
Jan 11 2017 00:12
@CherryPlaysRoblox1 you're filtering an array that doesn't exist yet
wesbow
@wesbow
Jan 11 2017 00:12
@yunder can you copy that part of your code here?
Coy Sanders
@coymeetsworld
Jan 11 2017 00:13
you want newArray to equal the result of filtering oldArray
CherryPlaysRoblox
@CherryPlaysRoblox1
Jan 11 2017 00:13
@coymeetsworld But I did the var newArray
Manish Giri
@Manish-Giri
Jan 11 2017 00:13
@tiremon112 :+1: you're leaving us too? :sweat:
Coy Sanders
@coymeetsworld
Jan 11 2017 00:13
you can't initialize something to itself @CherryPlaysRoblox1
I can't say var x = x;
CherryPlaysRoblox
@CherryPlaysRoblox1
Jan 11 2017 00:13
@coymeetsworld Oh okay lemme see if it works
Neil Alexander Walker
@yunder
Jan 11 2017 00:13

@wesbow Here you go:
<!--<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">-->

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

CherryPlaysRoblox
@CherryPlaysRoblox1
Jan 11 2017 00:14
@coymeetsworld Thanks
CamperBot
@camperbot
Jan 11 2017 00:14
cherryplaysroblox1 sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 1767 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Jan 11 2017 00:14
no problem
Anh Nguyen
@tiremon112
Jan 11 2017 00:15
@Manish-Giri not really, i go there when i need it
:panda_face:
wesbow
@wesbow
Jan 11 2017 00:16
@coymeetsworld can you help out @yunder He's trying to specify how fonts degrade?
Manish Giri
@Manish-Giri
Jan 11 2017 00:16
hm
I know a few ppl
who went there and never came back
:scream:
Coy Sanders
@coymeetsworld
Jan 11 2017 00:16
@yunder when you comment out the link, that means Lobster isn't available any longer
Anh Nguyen
@tiremon112
Jan 11 2017 00:17
ddrain murder them ? :fearful:
:bug:
Louis Alfaro
@foundlouis
Jan 11 2017 00:17

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

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

whats wrong?
Coy Sanders
@coymeetsworld
Jan 11 2017 00:17
are you sure the code isn't ok @yunder? I don't think I see an issue with it
Lauri Välja
@OFFLlNE
Jan 11 2017 00:17
mm you are not supposed to put html code into style @foundlouis
Anh Nguyen
@tiremon112
Jan 11 2017 00:17
lol kidding :sparkles:
Neil Alexander Walker
@yunder
Jan 11 2017 00:17
@coymeetsworld My understanding is that placing <!-- --> around the google link hides it and makes the Lobster font no longer work, in which case Monospace is set to take over--is that not what I wrote?
Coy Sanders
@coymeetsworld
Jan 11 2017 00:18
yeah thats right
Manish Giri
@Manish-Giri
Jan 11 2017 00:18
@tiremon112 probably :smiling_imp:
Coy Sanders
@coymeetsworld
Jan 11 2017 00:18
try refreshing your browser
Manish Giri
@Manish-Giri
Jan 11 2017 00:18
Offline is now Online
Florencio
@Calencho
Jan 11 2017 00:18
how do I give class to a buttton?
Louis Alfaro
@foundlouis
Jan 11 2017 00:18
fuck man this is so frustrating
Lauri Välja
@OFFLlNE
Jan 11 2017 00:19
yea, some latenight help :D
AG-Camper
@AgCamper
Jan 11 2017 00:19
@foundlouis your <h2></h2> is inside of your CSS.
Louis Alfaro
@foundlouis
Jan 11 2017 00:19
its suppose to be outside?
Coy Sanders
@coymeetsworld
Jan 11 2017 00:19
@foundlouis take a look at the examples they give you, carefully
Anh Nguyen
@tiremon112
Jan 11 2017 00:19
@Manish-Giri does the return make the code start over again ?
Neil Alexander Walker
@yunder
Jan 11 2017 00:19
@coymeetsworld Thanks. I'll try that again, but I had this problem last night. Refreshing didn't help then. In fact, I gave ulp and went to bed because I couldn't get past it.
CamperBot
@camperbot
Jan 11 2017 00:19
:star2: 1768 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
yunder sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
Louis Alfaro
@foundlouis
Jan 11 2017 00:20
ok
chesil23
@chesil23
Jan 11 2017 00:20
how do i do this? -Due to browser implementation differences, you may need to be at 100% zoom to pass the tests on this challenge.
Coy Sanders
@coymeetsworld
Jan 11 2017 00:20
@foundlouis what your solution should be isn't going to be that much different
Manish Giri
@Manish-Giri
Jan 11 2017 00:20
@tiremon112 it makes your function exit completely
Louis Alfaro
@foundlouis
Jan 11 2017 00:20
ok
thanks m8
Coy Sanders
@coymeetsworld
Jan 11 2017 00:20
np gl
@chesil23 you probably don't have to do anything
Lauri Välja
@OFFLlNE
Jan 11 2017 00:20
@chesil23 probably ignore that part
chesil23
@chesil23
Jan 11 2017 00:21
ok thanks
Coy Sanders
@coymeetsworld
Jan 11 2017 00:21
if you're on mobile it could be an issue, but odds are if youre on a PC your browser is at 100% already, unless you purposely zoom in or out you would know
Lauri Välja
@OFFLlNE
Jan 11 2017 00:22
huh.. my game got ruined, guess heading to bed right away then
OFFLlNE @OFFLlNE flies away
OFFLlNE @OFFLlNE waves everybody good nite
Manish Giri
@Manish-Giri
Jan 11 2017 00:23
@OFFLlNE :wave:
Anh Nguyen
@tiremon112
Jan 11 2017 00:23
function ourTrueOrFalse(isItTrue) {
  if (isItTrue) { 
    return "Yes, it's true";
  }
  return "No, it's false";
}
so that mean after the return true, the entire function is gone inside the code?
Michael
@Justkidding69
Jan 11 2017 00:23
Hey guys.. anyone that can help me with the "your img element should have the class "smaller-image" where do i enter that code? in the <img src - code or?
Evan Kalvis
@evan17gr
Jan 11 2017 00:24
if (fixQuote.length>30){

}
Neil Alexander Walker
@yunder
Jan 11 2017 00:24
I did a hard refresh. Nothing. I'm trapped on the "Specify How Fonts Should Degrade" page :-( Is this a bug, or is there something I'm missing?
Evan Kalvis
@evan17gr
Jan 11 2017 00:24
how can i say if this is true then return a <br> element?
add a <br>
Michael
@Justkidding69
Jan 11 2017 00:25
@yunder trapped like how?
Manish Giri
@Manish-Giri
Jan 11 2017 00:26
@tiremon112 yeah
Patrick Tran
@tranpatrick01
Jan 11 2017 00:26
its sad to say i will be taking a break from fcc
CherryPlaysRoblox
@CherryPlaysRoblox1
Jan 11 2017 00:26
@Justkidding69 Add class="classGoesHere"
Anh Nguyen
@tiremon112
Jan 11 2017 00:26
@Manish-Giri :+1: good to know
Florencio
@Calencho
Jan 11 2017 00:26
can somebody help me on my create a bootstrap button lesson?
i dont jnow how to do it
i got stuck
leruzal
@leruzal
Jan 11 2017 00:26
do i have to make my portoflio site look the same like the pen one
Manish Giri
@Manish-Giri
Jan 11 2017 00:26
:+1:
Patrick Tran
@tranpatrick01
Jan 11 2017 00:26
@Calencho read instructions and try first...
@leruzal its yours...make it unique
Evan Kalvis
@evan17gr
Jan 11 2017 00:27
@leruzal no
Anh Nguyen
@tiremon112
Jan 11 2017 00:27
@tranpatrick01 Don't break coder, must code everyday :smile:
Florencio
@Calencho
Jan 11 2017 00:27
@tranpatrick01 whats the class of a button?
i really dont get it
Evan Kalvis
@evan17gr
Jan 11 2017 00:27
im a break coder rn
Delano Harris
@dharris757
Jan 11 2017 00:27
Hey guys I am current on the challenge Target HTML Elements with Selectors Using JQuery and I believe i have to correct code but its not working. I am unable to move on the next challenge here is my code <script>
$(document).ready(function() {
$("button").addclass("animated bounce");
});
</script>
Patrick Tran
@tranpatrick01
Jan 11 2017 00:27
@Calencho <button></button>
leruzal
@leruzal
Jan 11 2017 00:27
but they say that it has to be functionaly the same @evan17gr
Jason Surko
@jasonsurko
Jan 11 2017 00:27

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

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

Patrick Tran
@tranpatrick01
Jan 11 2017 00:27
@tiremon112 im focusing on python to understand javascript better.
Manish Giri
@Manish-Giri
Jan 11 2017 00:28
@evan17gr return document.createElement("br"); try this maybe
Anh Nguyen
@tiremon112
Jan 11 2017 00:28
Aha
Florencio
@Calencho
Jan 11 2017 00:28
@tranpatrick01 isnt that the text?
Evan Kalvis
@evan17gr
Jan 11 2017 00:28
@leruzal u have to complete the user stories
Anh Nguyen
@tiremon112
Jan 11 2017 00:28
good luck buddy, my friend drop out because he can't handle Python and he think he is too stupid im sad.
@tranpatrick01
:worried:
Evan Kalvis
@evan17gr
Jan 11 2017 00:28
@Manish-Giri ok i ll try thanks
Manish Giri
@Manish-Giri
Jan 11 2017 00:28
@dharris757 addClass - cap C
Jason Surko
@jasonsurko
Jan 11 2017 00:28
how do I get the words to pop up on the phone? what is it im missing?
CamperBot
@camperbot
Jan 11 2017 00:28
evan17gr sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 3692 | @manish-giri |http://www.freecodecamp.com/manish-giri
Patrick Tran
@tranpatrick01
Jan 11 2017 00:28
@tiremon112 you need to know algebra 1 and 2 to be good.
Anh Nguyen
@tiremon112
Jan 11 2017 00:29
that is no problemo
Michael
@Justkidding69
Jan 11 2017 00:29
@tranpatrick01 the mate but the code i was line i was looking for was <img class="smaller-image" etc. doing the tutorial btw.. ;)
Patrick Tran
@tranpatrick01
Jan 11 2017 00:29
@tiremon112 python i nothing like javascript...its straight forward and its like english
Manish Giri
@Manish-Giri
Jan 11 2017 00:29
?
Patrick Tran
@tranpatrick01
Jan 11 2017 00:29
is*
Manish Giri
@Manish-Giri
Jan 11 2017 00:29
JS is much better than Python, but that's just me
Anh Nguyen
@tiremon112
Jan 11 2017 00:30
yeah it is.
it like java and C#
Patrick Tran
@tranpatrick01
Jan 11 2017 00:30
@Manish-Giri Well i think so to, however to understand javascript better python is the way to go right now
@tiremon112 yes...
Manish Giri
@Manish-Giri
Jan 11 2017 00:30
okay
Anh Nguyen
@tiremon112
Jan 11 2017 00:30
public void instead function
:clap:
Anthony Hunt
@Ajh2904305
Jan 11 2017 00:30
@Manish-Giri <p> <a href="http://freecodecamp.com"> "cat photos" </a> </p> the word cat photos is showing up and i dont understand how to link an a element to the link.
Evan Kalvis
@evan17gr
Jan 11 2017 00:30
@Manish-Giri i doesnt exist i think
Manish Giri
@Manish-Giri
Jan 11 2017 00:30
@Ajh2904305 remove the quotes
Patrick Tran
@tranpatrick01
Jan 11 2017 00:30
1 for python for beginners
Manish Giri
@Manish-Giri
Jan 11 2017 00:31
around cat photos
Neil Alexander Walker
@yunder
Jan 11 2017 00:31
@Justkidding69 I cannot move beyond the challenge. Nothing happens when I run the test. I checked the comments for a bug, and it looks like there is one. I just don't understand when that will be fixed or how I'll know when I can try again.
Manish Giri
@Manish-Giri
Jan 11 2017 00:31
@Ajh2904305
leruzal
@leruzal
Jan 11 2017 00:31
ok @evan17gr ty
CamperBot
@camperbot
Jan 11 2017 00:31
leruzal sends brownie points to @evan17gr :sparkles: :thumbsup: :sparkles:
:cookie: 389 | @evan17gr |http://www.freecodecamp.com/evan17gr
Patrick Tran
@tranpatrick01
Jan 11 2017 00:31
ill be around on gitter to help people so i dont forget things :)
Anh Nguyen
@tiremon112
Jan 11 2017 00:31
@tranpatrick01 just don't get bore, python can make you hate code
Patrick Tran
@tranpatrick01
Jan 11 2017 00:31
@tiremon112 the best part is im reading a book...
Anh Nguyen
@tiremon112
Jan 11 2017 00:31
@tranpatrick01 my friend drop out college just because he can't handle python
:fearful:
Patrick Tran
@tranpatrick01
Jan 11 2017 00:31
@tiremon112 haha
Manish Giri
@Manish-Giri
Jan 11 2017 00:31

@tranpatrick01 just don't get bore, python can make you hate code

true

CherryPlaysRoblox
@CherryPlaysRoblox1
Jan 11 2017 00:32
@tiremon112 Wow... That's a bit wierd
Anh Nguyen
@tiremon112
Jan 11 2017 00:32
yes it is, i try to teach him to code . His repond is im too stupid to learn code
Patrick Tran
@tranpatrick01
Jan 11 2017 00:32
thats why you dont go to college you got to bootcamp instead.
Evan Kalvis
@evan17gr
Jan 11 2017 00:32
im going to uni next year lol
Manish Giri
@Manish-Giri
Jan 11 2017 00:32
@evan17gr then just add br to the element inside if, instead of returning
CherryPlaysRoblox
@CherryPlaysRoblox1
Jan 11 2017 00:32
lol
Patrick Tran
@tranpatrick01
Jan 11 2017 00:33
@tiremon112 probably coding is not his thing?
Evan Kalvis
@evan17gr
Jan 11 2017 00:33
am i gonna drop out
Manish Giri
@Manish-Giri
Jan 11 2017 00:33
lol
Quynh Tran
@ntran270
Jan 11 2017 00:33
well now i know to avoid python XD
CherryPlaysRoblox
@CherryPlaysRoblox1
Jan 11 2017 00:33
lol
Evan Kalvis
@evan17gr
Jan 11 2017 00:34
@Manish-Giri oh u dont need the return i think
Anthony Hunt
@Ajh2904305
Jan 11 2017 00:34
@Manish-Giri removed " but still see text
Manish Giri
@Manish-Giri
Jan 11 2017 00:34
truth is, every language is good for some things, and bad for other things. Python is awesome for data-analysis stuff, while not being so good for web development.
CherryPlaysRoblox
@CherryPlaysRoblox1
Jan 11 2017 00:34
ahhh
max77p
@max77p
Jan 11 2017 00:34
@Manish-Giri quick question ```
$(".off").append('<img id='mainImg' src=data.stream.channel.logo />');
CherryPlaysRoblox
@CherryPlaysRoblox1
Jan 11 2017 00:34
@evan17gr I know a few people who did drop out
max77p
@max77p
Jan 11 2017 00:35
what is the correct format for this? @Manish-Giri
Patrick Tran
@tranpatrick01
Jan 11 2017 00:35
@evan17gr if you like coding your not going to drop out.
Hello911
@Hello911
Jan 11 2017 00:35
I found this linkedin picture for my button http://www.tressarandolph.com/images/linkedin-icon.png but I want it to be in gold. How can I do that?
Evan Kalvis
@evan17gr
Jan 11 2017 00:35
lol i dont plan to drop out
CherryPlaysRoblox
@CherryPlaysRoblox1
Jan 11 2017 00:35
okay
Patrick Tran
@tranpatrick01
Jan 11 2017 00:35
@Hello911 photoshop lol
@evan17gr GREAT! Do so and join bootcamps.
@evan17gr being sarcastic.
Hello911
@Hello911
Jan 11 2017 00:36
@tranpatrick01 which software do I use.
Anh Nguyen
@tiremon112
Jan 11 2017 00:36
@tranpatrick01 he loved to code at first, he told me to team up to make a project,but idk what happen he dropout and never want to code again
Hello911
@Hello911
Jan 11 2017 00:36
Can I do that without any software?
Anh Nguyen
@tiremon112
Jan 11 2017 00:36
@tranpatrick01 also you could try to learn ruby btw, it is like python
a = "Adasd" is a string lul
CherryPlaysRoblox
@CherryPlaysRoblox1
Jan 11 2017 00:37
@Hello911 Use paint
@Hello911 Might work if picture is not in pixels
Patrick Tran
@tranpatrick01
Jan 11 2017 00:37
@tiremon112 lol
Manish Giri
@Manish-Giri
Jan 11 2017 00:37
@max77p
var $img = $("<img>");
$img.attr("src", data.stream.channel.logo);
$img.attr("id", "mainImg");
$(".off").append($img);
try this maybe
Evan Kalvis
@evan17gr
Jan 11 2017 00:37
var fixQuote = document.getElementById("actual-quote"); if (fixQuote.length>10){ document.createElement("br");}
Patrick Tran
@tranpatrick01
Jan 11 2017 00:37
@Hello911 photoshop if you know how to use it
Pete Sathianathan
@petenathan
Jan 11 2017 00:37
how do you do this?
Anh Nguyen
@tiremon112
Jan 11 2017 00:37
brainfuck also a good language to learn too. :laughing:
Pete Sathianathan
@petenathan
Jan 11 2017 00:37
<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>
max77p
@max77p
Jan 11 2017 00:37
@Manish-Giri why is the way i am doing wrong?
Pete Sathianathan
@petenathan
Jan 11 2017 00:37
Give your div element the class silver-background.
Patrick Tran
@tranpatrick01
Jan 11 2017 00:38
@tiremon112 ahaha
Manish Giri
@Manish-Giri
Jan 11 2017 00:38
@max77p dunno, never tried it that way. Does it work?
@petenathan lowercase s
Patrick Tran
@tranpatrick01
Jan 11 2017 00:38
@petenathan its c not S
CherryPlaysRoblox
@CherryPlaysRoblox1
Jan 11 2017 00:38
@petenathan Try no capital
Patrick Tran
@tranpatrick01
Jan 11 2017 00:38
what they say lol i misspelled.
Anh Nguyen
@tiremon112
Jan 11 2017 00:38
:smile:
CherryPlaysRoblox
@CherryPlaysRoblox1
Jan 11 2017 00:39
lol
Hello911
@Hello911
Jan 11 2017 00:39
@tranpatrick01 I don't can I do it using CSS?
Patrick Tran
@tranpatrick01
Jan 11 2017 00:39
@tiremon112 you cant trust wiki....
Anh Nguyen
@tiremon112
Jan 11 2017 00:39
Brainfuck is an esoteric programming language
it is actually legit
max77p
@max77p
Jan 11 2017 00:39
@Manish-Giri no it doesn't wondering what i am doing wrong in it
Patrick Tran
@tranpatrick01
Jan 11 2017 00:39
@Hello911 yes...but its going to take a lot of code. the fastest way to do is by using image editor.
"work smarter not harder"
Joe Escobedo
@joeEscob1023
Jan 11 2017 00:40
can you guys review my portfolio page?
Manish Giri
@Manish-Giri
Jan 11 2017 00:40
@max77p try out the other code
Patrick Tran
@tranpatrick01
Jan 11 2017 00:40
@tiremon112 wa wa what....
@TacoJoe post it up buddy and lets see.
Evan Kalvis
@evan17gr
Jan 11 2017 00:41
@Hello911 maybe use the linkedin icon and change the color of that?
Joe Escobedo
@joeEscob1023
Jan 11 2017 00:41
it looks better on the full screen, i dont know how to make it to where its the same on all screens
Patrick Tran
@tranpatrick01
Jan 11 2017 00:42
@TacoJoe pop up can be annoying
Evan Kalvis
@evan17gr
Jan 11 2017 00:42
@TacoJoe use media queries
Anh Nguyen
@tiremon112
Jan 11 2017 00:42
@TacoJoe a prompt O.o
Joe Escobedo
@joeEscob1023
Jan 11 2017 00:42
I know, i just thought it would be fun to use for this project.
whats a media queries?
Patrick Tran
@tranpatrick01
Jan 11 2017 00:43
@TacoJoe too much social icons...
Manish Giri
@Manish-Giri
Jan 11 2017 00:43
@TacoJoe it's a way to modify your content based on screen size
Patrick Tran
@tranpatrick01
Jan 11 2017 00:43
@TacoJoe the reason why its annoying is that the user have to click on the message to be able to see the page....but hey thats just me.
Anh Nguyen
@tiremon112
Jan 11 2017 00:44
if you want a honest review message cdrain :smile:
Joe Escobedo
@joeEscob1023
Jan 11 2017 00:44
i can cut it down to minimum social icons lol
honest reviews are whats going to help! so keep at it!
Patrick Tran
@tranpatrick01
Jan 11 2017 00:44
@TacoJoe ok thats fine.
Louis Alfaro
@foundlouis
Jan 11 2017 00:45

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

<h2>CatPhotoApp</h2>

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

Patrick Tran
@tranpatrick01
Jan 11 2017 00:45
navbar-fixed can really help user navigate easier
Louis Alfaro
@foundlouis
Jan 11 2017 00:45
why is that not working??
Manish Giri
@Manish-Giri
Jan 11 2017 00:45
@foundlouis h2 is not a class
Hello911
@Hello911
Jan 11 2017 00:45
@evan17gr That was what I was thinking. But I don't know how.
Manish Giri
@Manish-Giri
Jan 11 2017 00:45
remove the . in front
@foundlouis
Louis Alfaro
@foundlouis
Jan 11 2017 00:45
oh ok
Hello911
@Hello911
Jan 11 2017 00:45
@tranpatrick01 But I don't have the software
Evan Kalvis
@evan17gr
Jan 11 2017 00:46
@Hello911 cen u send a link of ur pen?
Louis Alfaro
@foundlouis
Jan 11 2017 00:46
thnaks man
Manish Giri
@Manish-Giri
Jan 11 2017 00:46

if you want a honest review message cdrain :smile:

be prepared to jump off the rooftop, after the review

Evan Kalvis
@evan17gr
Jan 11 2017 00:46
can
Patrick Tran
@tranpatrick01
Jan 11 2017 00:46
@Hello911 theres a way to get it for free...
Hello911
@Hello911
Jan 11 2017 00:46
@evan17gr which pen. I have't made it yet
@tranpatrick01 Like how?
Evan Kalvis
@evan17gr
Jan 11 2017 00:46
lol
Patrick Tran
@tranpatrick01
Jan 11 2017 00:46
nowsaday you can get anything for free on the internet.
Hello911
@Hello911
Jan 11 2017 00:46
yeah but how.
Patrick Tran
@tranpatrick01
Jan 11 2017 00:46
youtube is your bestfriend ....
Evan Kalvis
@evan17gr
Jan 11 2017 00:47
it might be illegal
but who cares
Patrick Tran
@tranpatrick01
Jan 11 2017 00:47
aye but the government dont give a shit
Evan Kalvis
@evan17gr
Jan 11 2017 00:47
yes most of the time
u can download gimp as well which is free
Garo
@Garabed96
Jan 11 2017 00:48
for my tribute page
how can i make the whole background grey
Kevin
@Kevinromeo17
Jan 11 2017 00:49
hey im on Uncomment HTML and it says this, Be sure to delete all trailing comment tags, i.e. --> what do i do?
Garo
@Garabed96
Jan 11 2017 00:49
i tried putting my whole code in a <div style="background-color:#C0C0C0"> ..... </div>
@Kevinromeo17 delete <!-- and -->
Patrick Tran
@tranpatrick01
Jan 11 2017 00:49
@Garabed96 background-color in css
Garo
@Garabed96
Jan 11 2017 00:49
u start a comment with <!-- and end with -->
@tranpatrick01 i thought were not supposed to use css in the tribute page
Seth Church
@iEnder
Jan 11 2017 00:50
@Garabed96
body {
  background-color:  #ccc;
}
Patrick Tran
@tranpatrick01
Jan 11 2017 00:50
@Garabed96 @pkmn9060 yes like that
Manish Giri
@Manish-Giri
Jan 11 2017 00:50
@Garabed96 you can use
Patrick Tran
@tranpatrick01
Jan 11 2017 00:51
@Kevinromeo17 paste code
Seth Church
@iEnder
Jan 11 2017 00:51
@Garabed96 or html
instead of body
Sourabh Rangdal
@sourabhrangdal
Jan 11 2017 00:52
hey all, i'm on my first project tribute page and want to check libraries
Garo
@Garabed96
Jan 11 2017 00:52
i have it in my div but it only colors up to my pictures
Anthony Hunt
@Ajh2904305
Jan 11 2017 00:52
@Manish-Giri <p> <a href="http://freecodecamp.com"> cat photos </a></p> i stil see the text and dont understand this instruction "You need an a element that links to http://freecatphotoapp.com"
Garo
@Garabed96
Jan 11 2017 00:53
nvm got it boys i had an extra </div>
Manish Giri
@Manish-Giri
Jan 11 2017 00:53
@Ajh2904305 your href has the wrong URL
freecatphotoapp.com
not freecodecamp.com
Patrick Tran
@tranpatrick01
Jan 11 2017 00:54
@Garabed96 dont put on div
Garo
@Garabed96
Jan 11 2017 00:54
why not
Patrick Tran
@tranpatrick01
Jan 11 2017 00:55
its only giving the color to that section of <div></div>
where in body it means everything is grey... in the body except images,texts etc.
Anthony Hunt
@Ajh2904305
Jan 11 2017 00:56
@Manish-Giri smh thanks!
CamperBot
@camperbot
Jan 11 2017 00:56
ajh2904305 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 3693 | @manish-giri |http://www.freecodecamp.com/manish-giri
Dinesh
@dinesh333
Jan 11 2017 00:56
Hey guys I am doing the tribute page.. I have the following code that is supposed to cause a blockquote to be "animated bounce" but it isn't working. any ideas why?
<script>
    $(document).ready(function(){
      $(".quote").addClass("animated bounce");
    });
</script>

    <blockquote class="text-center quote">I won't be a rock star. I will be a legend</blockquote>
Seth Church
@iEnder
Jan 11 2017 00:57
@dinesh333 do you have the animate js library linked up?
Patrick Tran
@tranpatrick01
Jan 11 2017 00:57
@dinesh333 use id?
Seth Church
@iEnder
Jan 11 2017 00:57
or css
Patrick Tran
@tranpatrick01
Jan 11 2017 00:57
im assuming he does...
Garo
@Garabed96
Jan 11 2017 00:57
thank you i get what you mean
Patrick Tran
@tranpatrick01
Jan 11 2017 00:58
@Garabed96 great!
ameltesen
@ameltesen
Jan 11 2017 00:58
Hey guys been having some difficulty with the CSS clicking, any tips, or reading recommendations?
Manish Giri
@Manish-Giri
Jan 11 2017 00:58
@dinesh333 animate.css
@ameltesen css clicking?
Patrick Tran
@tranpatrick01
Jan 11 2017 00:59
^
__mifflin__
@cdrainxv
Jan 11 2017 00:59
Clicking as in understanding.
ameltesen
@ameltesen
Jan 11 2017 00:59
@Manish-Giri comprehending? waiting for it to click and make sense?
Patrick Tran
@tranpatrick01
Jan 11 2017 00:59
@ameltesen lol
im guessing your British?
Manish Giri
@Manish-Giri
Jan 11 2017 01:00
ah okay
Patrick Tran
@tranpatrick01
Jan 11 2017 01:00
@ameltesen ws3school.com can help you understanding
understand*
Manish Giri
@Manish-Giri
Jan 11 2017 01:00
@ameltesen w3schools
ameltesen
@ameltesen
Jan 11 2017 01:01
thanks ^_^
Liv_lyfe
@sforbes9474
Jan 11 2017 01:01
Hey guys how are you all doing. I need some help on this one "Add a Submit button to a form."
Add a submit button to your form element with type submit and "Submit" as its text
Manish Giri
@Manish-Giri
Jan 11 2017 01:01
csstricks too
iiRosie1
@iiRosie1
Jan 11 2017 01:02
@Manish-Giri :wave:
Kent G.
@kentgomez28
Jan 11 2017 01:02
Hello all. um, how do I make a call to google so that i can grab the lobster font? Sorry if this is a repeat question.
Patrick Tran
@tranpatrick01
Jan 11 2017 01:02
@sforbes9474 add button with type="submit"
Dinesh
@dinesh333
Jan 11 2017 01:02
@pkmn9060 @Manish-Giri I went to settings and added Animate.css.. and it isn't working still.. :/
Garo
@Garabed96
Jan 11 2017 01:02
@sforbes9474 whats the challenge called
Manish Giri
@Manish-Giri
Jan 11 2017 01:02
@iiRosie1 hiii :wave:
@dinesh333 link your pen
iiRosie1
@iiRosie1
Jan 11 2017 01:02
@kentgomez28 There's a link that is in the instructions. Post it at the top of your code
Patrick Tran
@tranpatrick01
Jan 11 2017 01:03
@dinesh333 not animate.css its jquery....
Kent G.
@kentgomez28
Jan 11 2017 01:03
Thanks iiRosie1!
Kent G.
@kentgomez28
Jan 11 2017 01:03
cool, pkmn9060
Patrick Tran
@tranpatrick01
Jan 11 2017 01:03
@dinesh333 add jquery libaray
iiRosie1
@iiRosie1
Jan 11 2017 01:04
@kentgomez28 Glad I could help :)
Seth Church
@iEnder
Jan 11 2017 01:04
@dinesh333 why dont you just add the class in the html?
Dinesh
@dinesh333
Jan 11 2017 01:04
@tranpatrick01 I have it added.. "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js" right?
Patrick Tran
@tranpatrick01
Jan 11 2017 01:04
@dinesh333 yes
Evan Kalvis
@evan17gr
Jan 11 2017 01:05
@dinesh333 $(document).ready(function(){
$("blockquote").addClass("animated bounce");
}); put this in the js window
and then get rid off it in the html window
Manish Giri
@Manish-Giri
Jan 11 2017 01:05
@dinesh333 put JS code in JS window
iiRosie1
@iiRosie1
Jan 11 2017 01:05
@dinesh333 Nice tribute page!
Evan Kalvis
@evan17gr
Jan 11 2017 01:05
it should work
Seth Church
@iEnder
Jan 11 2017 01:05
<blockquote class="text-center quote animated bounce">I won't be a rock star. I will be a legend</blockquote>
Patrick Tran
@tranpatrick01
Jan 11 2017 01:05
@evan17gr he doesnt have jquery loaded...
Evan Kalvis
@evan17gr
Jan 11 2017 01:06
he does have it
Seth Church
@iEnder
Jan 11 2017 01:06
He doesnt need it if hes just adding that class when the page is loaded...
Dinesh
@dinesh333
Jan 11 2017 01:06
AWESOME!! WORKED!! :D
Seth Church
@iEnder
Jan 11 2017 01:06
^^
Dinesh
@dinesh333
Jan 11 2017 01:06
Thanks @tranpatrick01 @Manish-Giri @iiRosie1 @evan17gr @pkmn9060 :D :D :D
CamperBot
@camperbot
Jan 11 2017 01:06
:cookie: 192 | @tranpatrick01 |http://www.freecodecamp.com/tranpatrick01
:cookie: 323 | @iirosie1 |http://www.freecodecamp.com/iirosie1
dinesh333 sends brownie points to @tranpatrick01 and @manish-giri and @iirosie1 and @evan17gr and @pkmn9060 :sparkles: :thumbsup: :sparkles:
:cookie: 307 | @pkmn9060 |http://www.freecodecamp.com/pkmn9060
:cookie: 390 | @evan17gr |http://www.freecodecamp.com/evan17gr
:star2: 3694 | @manish-giri |http://www.freecodecamp.com/manish-giri
Seth Church
@iEnder
Jan 11 2017 01:07
that thanks chain almost broke the bot
lmao
Dinesh
@dinesh333
Jan 11 2017 01:07
hahha..
iiRosie1
@iiRosie1
Jan 11 2017 01:07
@Manish-Giri Lol you're the only one past 100 brownie points
Patrick Tran
@tranpatrick01
Jan 11 2017 01:07
lol.
Manish Giri
@Manish-Giri
Jan 11 2017 01:07
lol
iiRosie1
@iiRosie1
Jan 11 2017 01:07
it makes you look like a pro
Manish Giri
@Manish-Giri
Jan 11 2017 01:07
haha
@iiRosie1 you're a pro too!
Garo
@Garabed96
Jan 11 2017 01:08
1000*
Seth Church
@iEnder
Jan 11 2017 01:08
arnt those just the challenges youve completed?
Garo
@Garabed96
Jan 11 2017 01:08
i think thats everyone references you for a thank you
Patrick Tran
@tranpatrick01
Jan 11 2017 01:08
sensi @Manish-Giri
Delano Harris
@dharris757
Jan 11 2017 01:08
Hi guys i really can't move past the following challenge for "Target HTML Elements with Selectors Using JQuery. I am using CHROME as my browser. I have Tripled check everything for my current code and some was kind enough to tell me to use "addClass - cap C" but since Im new maybe using it incorrectly. Could someone show how to right the code correctly this is what I have so far <script>
$(document).ready(function() {
$("button").addclass("animated bounce");
});
</script>
iiRosie1
@iiRosie1
Jan 11 2017 01:08
@Manish-Giri not really... but thanks
CamperBot
@camperbot
Jan 11 2017 01:08
iirosie1 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 3695 | @manish-giri |http://www.freecodecamp.com/manish-giri
Patrick Tran
@tranpatrick01
Jan 11 2017 01:09
lol
Manish Giri
@Manish-Giri
Jan 11 2017 01:09
lol
__mifflin__
@cdrainxv
Jan 11 2017 01:09
@dharris757: addClass
Patrick Tran
@tranpatrick01
Jan 11 2017 01:09
@Manish-Giri thanks
CamperBot
@camperbot
Jan 11 2017 01:09
tranpatrick01 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 3696 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Jan 11 2017 01:09
@iiRosie1 you will soon be, if you think you're not yet! :+1:
@tranpatrick01 ty too :tada:
CamperBot
@camperbot
Jan 11 2017 01:09
manish-giri sends brownie points to @tranpatrick01 :sparkles: :thumbsup: :sparkles:
:cookie: 193 | @tranpatrick01 |http://www.freecodecamp.com/tranpatrick01
Seth Church
@iEnder
Jan 11 2017 01:09
I dont remember receiving 307 thanks
:P
iiRosie1
@iiRosie1
Jan 11 2017 01:10
:stuck_out_tongue_winking_eye:
Delano Harris
@dharris757
Jan 11 2017 01:10
@cdrainxv ha ha where do i type addclass??
Garo
@Garabed96
Jan 11 2017 01:10
u went into a private room and thanked yourself @pkmn9060
lool
Seth Church
@iEnder
Jan 11 2017 01:11
O no they're on to me
iiRosie1
@iiRosie1
Jan 11 2017 01:11
lol
__mifflin__
@cdrainxv
Jan 11 2017 01:11
@dharris757: You don't. It's addClass not addclass.
Patrick Tran
@tranpatrick01
Jan 11 2017 01:11
lol
iiRosie1
@iiRosie1
Jan 11 2017 01:11
@Garabed96 But I'm pretty sure camper bot keeps track of them
Manish Giri
@Manish-Giri
Jan 11 2017 01:13
@dharris757 $("button").addclass("animated bounce");
capital C here
Delano Harris
@dharris757
Jan 11 2017 01:13
@cdrainxv ok so what your are explaining the its case sensitive their for the error I have in my code is lower case "c" instead of capitalize "C". Cool thinks
__mifflin__
@cdrainxv
Jan 11 2017 01:13
:+1:
Delano Harris
@dharris757
Jan 11 2017 01:15
@Manish-Giri through all the hidden text I figured out what he was explaining thanks Manish for breaking it down for me.
CamperBot
@camperbot
Jan 11 2017 01:15
:star2: 3697 | @manish-giri |http://www.freecodecamp.com/manish-giri
dharris757 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
Anh Nguyen
@tiremon112
Jan 11 2017 01:17
No point for savage :smile:
rock500
@rock500
Jan 11 2017 01:17
I am trying to set up an anchor text but its not working. any suggestions
<a ><p>Catphotos</p> <a href="http://freecodecamp.com"></a>
Manish Giri
@Manish-Giri
Jan 11 2017 01:17
@dharris757 :+1:

No point for savage :smile:

lol

__mifflin__
@cdrainxv
Jan 11 2017 01:17
cookie
Patrick Tran
@tranpatrick01
Jan 11 2017 01:18
@cdrainxv thanks
CamperBot
@camperbot
Jan 11 2017 01:18
tranpatrick01 sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 2039 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Patrick Tran
@tranpatrick01
Jan 11 2017 01:18
merry chirstmas
Manish Giri
@Manish-Giri
Jan 11 2017 01:18
with all that cookies he could sponsor FCC for a year
and still he wants another
__mifflin__
@cdrainxv
Jan 11 2017 01:18
lol.. thanks @tranpatrick01
CamperBot
@camperbot
Jan 11 2017 01:18
cdrainxv sends brownie points to @tranpatrick01 :sparkles: :thumbsup: :sparkles:
:cookie: 194 | @tranpatrick01 |http://www.freecodecamp.com/tranpatrick01
Garo
@Garabed96
Jan 11 2017 01:21
when u dont even have 1 cookie..
Aaron Williams
@atrainbtown
Jan 11 2017 01:21
lol
Anh Nguyen
@tiremon112
Jan 11 2017 01:21
Ohhh
__mifflin__
@cdrainxv
Jan 11 2017 01:21
about @Garabed96
CamperBot
@camperbot
Jan 11 2017 01:21
:cookie: 119 | @garabed96 |http://www.freecodecamp.com/garabed96
Patrick Tran
@tranpatrick01
Jan 11 2017 01:21
ohh snap
__mifflin__
@cdrainxv
Jan 11 2017 01:21
liar
Garo
@Garabed96
Jan 11 2017 01:21
oh
Patrick Tran
@tranpatrick01
Jan 11 2017 01:21
when hes lying
Garo
@Garabed96
Jan 11 2017 01:21
i thought i didnt have any LOL
Patrick Tran
@tranpatrick01
Jan 11 2017 01:21
nice try
Garo
@Garabed96
Jan 11 2017 01:22
honest mistake
about @tranpatrick01
CamperBot
@camperbot
Jan 11 2017 01:22
:cookie: 194 | @tranpatrick01 |http://www.freecodecamp.com/tranpatrick01
Garo
@Garabed96
Jan 11 2017 01:22
can you guys tear my crappy tribue apart plz https://codepen.io/CapGaro/full/ygYZwX/
id appreciate honesty
Patrick Tran
@tranpatrick01
Jan 11 2017 01:23
@Garabed96 too dull...
make it colorful
Tony
@FreakishLancer
Jan 11 2017 01:23
@Garabed96 It fulfills the user stories, so there is really nothing that anyone would deduct points for.
Aaron Williams
@atrainbtown
Jan 11 2017 01:23
$("#target6").addClass("animated fadeOut")
Patrick Tran
@tranpatrick01
Jan 11 2017 01:23
text font is boring
good gray contrast
Aaron Williams
@atrainbtown
Jan 11 2017 01:27
  $(document).ready(function() {

  });
  $("button").addClass(animated);
Garo
@Garabed96
Jan 11 2017 01:28
one issue i ran into when i used bullet points is theyre seperate from the text when I add the class text-center
Aaron Williams
@atrainbtown
Jan 11 2017 01:28
what am i doing wrong??
Patrick Tran
@tranpatrick01
Jan 11 2017 01:28
animated what? @atrainbtown
Aaron Williams
@atrainbtown
Jan 11 2017 01:28
button
Patrick Tran
@tranpatrick01
Jan 11 2017 01:29
animated bounce? animated fadeout
yes but what kind of animated is what im asking?
Aaron Williams
@atrainbtown
Jan 11 2017 01:29
Add the animated class to all elements with type button.
Patrick Tran
@tranpatrick01
Jan 11 2017 01:29
bounce , fadeout, fadein etc.
Aaron Williams
@atrainbtown
Jan 11 2017 01:29
"
caitlin allen
@caitlinallen
Jan 11 2017 01:29
where does "smaller-image" go in the img element
Aaron Williams
@atrainbtown
Jan 11 2017 01:29
it just says add animated class to button
Patrick Tran
@tranpatrick01
Jan 11 2017 01:30
what does the instructions say?
Diego Quintana
@diegoquintanav
Jan 11 2017 01:30
heeey is someone dealing with lvl114? i'm using <script> $(document).ready(function() { $(".well:nth-child(2)").children().addClass("animated bounce"); }); </script>
Aaron Williams
@atrainbtown
Jan 11 2017 01:30

Now you know three ways of targeting elements: by type: $("button"), by class: $(".btn"), and by id $("#target1").

Although it is possible to add multiple classes in a single .addClass() call, let's add them to the same element in three separate ways.

Using .addClass(), add only one class at a time to the same element, three different ways:

Add the animated class to all elements with type button.

CamperBot
@camperbot
Jan 11 2017 01:30
no wiki entry for: this seems to ay the opposite of what is true am i stupid note it doesnt matter which order the classes are listed in the html elementhowever the order of the class declarations in the style section are what is important the second declaration will always take precedence over the first because blue-text is declared second it overrides the attributes of pink-text
Patrick Tran
@tranpatrick01
Jan 11 2017 01:30
@caitlinallen we need instructions and your code to help you futher
Diego Quintana
@diegoquintanav
Jan 11 2017 01:31
and it passes the tests, but I don't trust it... I mean, the text says that the second element should move but all off them within class"well" move. Like the six of them
caitlin allen
@caitlinallen
Jan 11 2017 01:31
to downsize a picture to 100px
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. " width=100px>
Patrick Tran
@tranpatrick01
Jan 11 2017 01:32
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "  style ="width:100px;">
Vontavia Heard
@viamyheart
Jan 11 2017 01:32
Can someone please help me? I am trying to create a rock paper scissors game in java that keeps score and cuts the game off once one of the player reaches 5 points but I can't figure it out for the life of me. So far I have the code for the game, and that's where I'm stuck. I can't figure out how to keep score or how to continue the game after one round
Patrick Tran
@tranpatrick01
Jan 11 2017 01:32
@caitlinallen that should fix it
@viamyheart java is not taught in FCC so it might hard to find anyone knowing that language.
Vontavia Heard
@viamyheart
Jan 11 2017 01:33
@tranpatrick01 I know, I just thought it might be worth a try
caitlin allen
@caitlinallen
Jan 11 2017 01:33
it needs the class smaller-image
Patrick Tran
@tranpatrick01
Jan 11 2017 01:34
class="smaller-image"
Diego Quintana
@diegoquintanav
Jan 11 2017 01:35
I just found out that I'm using .children() and didn't notice
caitlin allen
@caitlinallen
Jan 11 2017 01:35
thank you!!!
Patrick Tran
@tranpatrick01
Jan 11 2017 01:35
Anytime :)
Pathrinathan (Pat). P
@pathmanp
Jan 11 2017 01:35
what's the approach for tweeting out the quote for bonus section of project #3 - random Quote machine?
Patrick Tran
@tranpatrick01
Jan 11 2017 01:36
@diegoquintanav im glad that your able to fix it :)
@pathmanp wish i can help but im not that far in FCC yet...
anyone have last min question before i leave?
Sam
@Samwise12
Jan 11 2017 01:39
Question: How do I send an array such as ['a','b'] to a mongodb using a form and then get that array back from mongodb?
Noah Frantz
@frantz777
Jan 11 2017 01:41
what is the basic code to make a button in css?
Florencio
@Calencho
Jan 11 2017 01:41
i need some help please on my add font awesome icons to your buttons
ajit kumar sahu
@ajitkumarsahu
Jan 11 2017 01:41

script>
// Only change code below this line.
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(function(position){
$("#data").html("latitude:"+position.coords.latitude+"<br>longitude:"+position.cooords.longitude);
});
}

// Only change code above this line.
</script>

<div id = "data">
<h4>You are here:</h4>

</div>

i am not able to get this code
You should make use of position.coords.longitude to display the users' longitudinal location.
Florencio
@Calencho
Jan 11 2017 01:42
i dont know how to nest my i element within my button element
ajit kumar sahu
@ajitkumarsahu
Jan 11 2017 01:42
this condition is not getting satisfied by the above given code
Florencio
@Calencho
Jan 11 2017 01:42
is it with div?
ajit kumar sahu
@ajitkumarsahu
Jan 11 2017 01:43
yessssssss
Florencio
@Calencho
Jan 11 2017 01:43
@ajitkumarsahu are you talking to me?
jbrow78
@jbrow78
Jan 11 2017 01:43
div makes a window
Florencio
@Calencho
Jan 11 2017 01:44
can you help me. ive read the instructions over and over and i cant get it
thats all i need, how to nest the i element within my button
Aaron Williams
@atrainbtown
Jan 11 2017 01:45
does anyone know how to target the same element with multiple jQuery selectors???
Coding Machine
@EphremL
Jan 11 2017 01:46
Hello, How are you all doing this fine evening
Garo
@Garabed96
Jan 11 2017 01:47
what do you guys think of skipping around content ?
jbrow78
@jbrow78
Jan 11 2017 01:47
um, i'm not a skilled javascript developer, but if it's with html or css than i'm the person to ask
Ricardo G.
@Rubenricardo
Jan 11 2017 01:47
hey!
Florencio
@Calencho
Jan 11 2017 01:48
@jbrow78 so please can you help me? im on HTML
jbrow78
@jbrow78
Jan 11 2017 01:48
sure
Coding Machine
@EphremL
Jan 11 2017 01:48
@Garabed96 . I highly suggest you shouldn't because when you learn from 1-100 you know whats going on but if you skip to 56 you will be greatly confused.
Florencio
@Calencho
Jan 11 2017 01:48
how do i nest my i element within my button
Coding Machine
@EphremL
Jan 11 2017 01:48
@Calencho. I am happy to help you, state your problem.
Bardoe Bess
@bardbess
Jan 11 2017 01:48
<button><i></i></button> nest means put inside. @Calencho
Ricardo G.
@Rubenricardo
Jan 11 2017 01:48
can anyone help me
to add script
jbrow78
@jbrow78
Jan 11 2017 01:49
@Calencho what's the problem
Florencio
@Calencho
Jan 11 2017 01:49
let me try @bardbess
Ricardo G.
@Rubenricardo
Jan 11 2017 01:49
script element, add this code: $(document).ready(function() { to your script
where does it go on my code?
on top?
Diego Quintana
@diegoquintanav
Jan 11 2017 01:49
people, what would you suggest as an IDE to work with? want to skip developing on codepen... or at least jump to some basic IDE. Used VS Code and Atom, but mostly for python and bit of c#
Florencio
@Calencho
Jan 11 2017 01:49
and where do i write that @bardbess
Coding Machine
@EphremL
Jan 11 2017 01:50
@Calencho. That code would be of no use to you since the <i> elements were only used in XHTML, when html5 came we can use css to do anything that has to with design and feel of a webpage.
@Rubenricardo. It goes at the top $(document).ready(function() { is a starter for JQuery.
jbrow78
@jbrow78
Jan 11 2017 01:52
'''
CamperBot
@camperbot
Jan 11 2017 01:52
:bulb: to format code use backticks! ``` more info
Florencio
@Calencho
Jan 11 2017 01:52
thanks @bardbess with what you told me i solved it
CamperBot
@camperbot
Jan 11 2017 01:52
calencho sends brownie points to @bardbess :sparkles: :thumbsup: :sparkles:
:cookie: 241 | @bardbess |http://www.freecodecamp.com/bardbess
Bardoe Bess
@bardbess
Jan 11 2017 01:52
great!
jbrow78
@jbrow78
Jan 11 2017 01:53
anyone need help
Ricardo G.
@Rubenricardo
Jan 11 2017 01:53
@EphremL but do i need to add the word script
Coding Machine
@EphremL
Jan 11 2017 01:53
I do not understand your prospective @Calencho. In future times please get in the habit of using CSS for deisgn and feel of a webpage
Florencio
@Calencho
Jan 11 2017 01:53
@bardbess i only needed to be reminded that nest is to put inside, so again thanks @bardbess
CamperBot
@camperbot
Jan 11 2017 01:53
calencho sends brownie points to @bardbess :sparkles: :thumbsup: :sparkles:
:warning: calencho already gave bardbess points
Bardoe Bess
@bardbess
Jan 11 2017 01:53
@diegoquintanav not sure about c# but sublime and atom are pretty popular atm. Always vim and emacs too :P
Ricardo G.
@Rubenricardo
Jan 11 2017 01:53
<script $(document).ready(function() { });> </script> like this?
Coding Machine
@EphremL
Jan 11 2017 01:53
no @Rubenricardo
OceloteRevolver47
@OceloteRevolver47
Jan 11 2017 01:54

Nest your text input element within a form element.

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

<form action="/submit-cat-photo"></form>
What does this mean?

Coding Machine
@EphremL
Jan 11 2017 01:54
use only the code thats starts with "$" sign
Diego Quintana
@diegoquintanav
Jan 11 2017 01:54
@bardbess thanks!
CamperBot
@camperbot
Jan 11 2017 01:54
diegoquintanav sends brownie points to @bardbess :sparkles: :thumbsup: :sparkles:
:cookie: 242 | @bardbess |http://www.freecodecamp.com/bardbess
Bardoe Bess
@bardbess
Jan 11 2017 01:54
could look at visual studio code too @diegoquintanav
Aaron Williams
@atrainbtown
Jan 11 2017 01:54
  $(document).ready(function() {

  });
  $("button").addClass(animated() {

                       });
what am i doing wrong
jbrow78
@jbrow78
Jan 11 2017 01:55
@Rubenricardo try '<script type="text/javascript>'
Coding Machine
@EphremL
Jan 11 2017 01:55
you forgot "animated" @atrainbtown
Bardoe Bess
@bardbess
Jan 11 2017 01:55
@atrainbtown your addClass should be inside your addClass.
Diego Quintana
@diegoquintanav
Jan 11 2017 01:55
Yeah i'm using vs code but debugging is not straightforeward... something to do with node.js that I don't understand for now
Ricardo G.
@Rubenricardo
Jan 11 2017 01:55

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

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>

??
Bardoe Bess
@bardbess
Jan 11 2017 01:55
so that it fires when the document is ready not before the page/document has finished loading. @atrainbtown
Garo
@Garabed96
Jan 11 2017 01:55
@EphremL like i want to skip the second project in front end and do some javascript then go back to the second project
Coding Machine
@EphremL
Jan 11 2017 01:56
no @bardbess thats would make a snyx error
Garo
@Garabed96
Jan 11 2017 01:56
i guess it would be a bit confusing but idk if itll make a huge difference
Aaron Williams
@atrainbtown
Jan 11 2017 01:56
still didn't work @EphremL
jbrow78
@jbrow78
Jan 11 2017 01:56
anyone else need help
Daniel Rodriguez
@danimex
Jan 11 2017 01:56
I need some help please
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
jbrow78
@jbrow78
Jan 11 2017 01:56
whats the problem
Coding Machine
@EphremL
Jan 11 2017 01:56
if you are comfortable with the aspects of javascript go ahead and give it a shot! @Garabed96
Daniel Rodriguez
@danimex
Jan 11 2017 01:56
how do i do this

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

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

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

is that right?
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
OceloteRevolver47
@OceloteRevolver47
Jan 11 2017 01:57

What does this mean?
Nest your text input element within a form element.

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

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

Coding Machine
@EphremL
Jan 11 2017 01:58
<script>
  $(document).ready(function() {
    $("button").addClass("animated bounce");
    $(".well").addClass("animated shake");

  });
</script>
@atrainbtown do that with script tag but remeber to add qutation marks.
Manish Giri
@Manish-Giri
Jan 11 2017 01:58
@OceloteRevolver47 the input needs to be nested inside the form element
<form action="/submit-cat-photo">
//input here
</form>
jbrow78
@jbrow78
Jan 11 2017 01:58
@danimex 'p{ font-size: 16px;'
Coding Machine
@EphremL
Jan 11 2017 01:59
but remeber to change the value of "Animated bounce" to what the lesson is asking you.
@atrainbtown
Aaron Williams
@atrainbtown
Jan 11 2017 02:00

Using .addClass(), add only one class at a time to the same element, three different ways:

Add the animated class to all elements with type button.

jbrow78
@jbrow78
Jan 11 2017 02:00
p{ font-size:16px!
Coding Machine
@EphremL
Jan 11 2017 02:00
@atrainbtown do you need help with that?
Aaron Williams
@atrainbtown
Jan 11 2017 02:00
yea
jbrow78
@jbrow78
Jan 11 2017 02:00
forgot the h
Daniel Rodriguez
@danimex
Jan 11 2017 02:00
ok
jbrow78
@jbrow78
Jan 11 2017 02:01
not you @atrainbtown
Aaron Williams
@atrainbtown
Jan 11 2017 02:01
forget then ????
h
??
Coding Machine
@EphremL
Jan 11 2017 02:01
<script>
  $(document).ready(function() {
    $("button").addClass("animated")
    $(".btn").addClass("shake")
    $("#target1").addClass("btn-primary")
  });
</script>
its asking you to use addClass multiple times to selected target elements @atrainbtown
caitlin allen
@caitlinallen
Jan 11 2017 02:02
<img class="smaller-image"class="thick-green-border" src="https://bit.ly/fcc-relaxing-cat" class="border=10px solid green" alt="A cute orange cat lying on its back."> i need to change my borders width colour and style this wont work
jbrow78
@jbrow78
Jan 11 2017 02:02
are you a "newbie" @atrainbtown
Coding Machine
@EphremL
Jan 11 2017 02:02
@caitlinallen you need to edit your CSS elemets to change border feel and diesgn
Manish Giri
@Manish-Giri
Jan 11 2017 02:03
@caitlinallen class="classA classB classC"
is the syntax
caitlin allen
@caitlinallen
Jan 11 2017 02:03
i dont understand sorry i am very new
Coding Machine
@EphremL
Jan 11 2017 02:03
@jbrow78 This fourm is ment to help people that are stuck so please be kind in a friendly enviorment
jbrow78
@jbrow78
Jan 11 2017 02:03
ok
OceloteRevolver47
@OceloteRevolver47
Jan 11 2017 02:03
@caitlinallen
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;}
Coding Machine
@EphremL
Jan 11 2017 02:04
@caitlinallen Its okay, thats why you are at code camp to be the best you can at programming now let me write your code
Manish Giri
@Manish-Giri
Jan 11 2017 02:05
@caitlinallen think of a class as a "collection" of reusable properties, by applying these classes to different html elements, you can make them all behave (or look) in a similar way
Ricardo G.
@Rubenricardo
Jan 11 2017 02:05
@EphremL thanks, just that it doesn't let me
CamperBot
@camperbot
Jan 11 2017 02:05
rubenricardo sends brownie points to @ephreml :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for ephreml
jbrow78
@jbrow78
Jan 11 2017 02:05
hey , everyone visit my website
Aaron Williams
@atrainbtown
Jan 11 2017 02:05
hey Thanks @EphremL that worked i was stuck on that for hours!!!
CamperBot
@camperbot
Jan 11 2017 02:05
:warning: could not find receiver for ephreml
atrainbtown sends brownie points to @ephreml :sparkles: :thumbsup: :sparkles:
Coding Machine
@EphremL
Jan 11 2017 02:05
img {
   border-color: green;
   width: 40px;
   hieght: 40px:
}
that is an example @caitlinallen
caitlin allen
@caitlinallen
Jan 11 2017 02:05
ohh okay
Coding Machine
@EphremL
Jan 11 2017 02:06
no problem @Rubenricardo @atrainbtown
Ricardo G.
@Rubenricardo
Jan 11 2017 02:06
reate a script element making sure it is valid and has a closing tag.
You should add $(document).ready(function() { to the beginning of your script element.
Close your $(document).ready(function() { function with });
jbrow78
@jbrow78
Jan 11 2017 02:06
how do send brownie points
Ricardo G.
@Rubenricardo
Jan 11 2017 02:06
this are the instructions
OceloteRevolver47
@OceloteRevolver47
Jan 11 2017 02:06
@jbrow78 Looks nice so far
Ricardo G.
@Rubenricardo
Jan 11 2017 02:06
i believe i do not have to put every element yet
Manish Giri
@Manish-Giri
Jan 11 2017 02:06

@caitlinallen like this example

.fake-class {
color: red;
}

this class will set the color to red on all HTML elements you apply it to, so
<p class="fake-class">Red paragraph</p>

Ricardo G.
@Rubenricardo
Jan 11 2017 02:06
@jbrow78 just add thanks
CamperBot
@camperbot
Jan 11 2017 02:06
rubenricardo sends brownie points to @jbrow78 :sparkles: :thumbsup: :sparkles:
:cookie: 21 | @jbrow78 |http://www.freecodecamp.com/jbrow78
Coding Machine
@EphremL
Jan 11 2017 02:06
yes @Rubenricardo thats a good practice to get into
@Manish-Giri a class is a good but over using class elements will make code confusing
jbrow78
@jbrow78
Jan 11 2017 02:07
@camperbot how do I send brownie points
Bill
@braunyb
Jan 11 2017 02:08
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
<label><input type="radio" name="indoor-outdoor"><button type="submit">indoor</button></label>
<label><input type="radio" name="indoor-outdoor"><button type="submit">outdoor</button></label>
</form>
Coding Machine
@EphremL
Jan 11 2017 02:08
you just say words such as thanks and direct it to someone @jbrow78
CamperBot
@camperbot
Jan 11 2017 02:08
ephreml sends brownie points to @jbrow78 :sparkles: :thumbsup: :sparkles:
:cookie: 22 | @jbrow78 |http://www.freecodecamp.com/jbrow78
jbrow78
@jbrow78
Jan 11 2017 02:09
thanks @Rubenricardo
CamperBot
@camperbot
Jan 11 2017 02:09
jbrow78 sends brownie points to @rubenricardo :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for rubenricardo
Coding Machine
@EphremL
Jan 11 2017 02:09
see it works just fine :0
Ricardo G.
@Rubenricardo
Jan 11 2017 02:09
<script $(document).ready(function() { <div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target" id="target1">#target1</button>
<button class="btn btn-default target" id="target2">#target2</button>
<button class="btn btn-default target" id="target3">#target3</button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn btn-default target" id="target4">#target4</button>
<button class="btn btn-default target" id="target5">#target5</button>
<button class="btn btn-default target" id="target6">#target6</button>
</div>
</div>
</div>
</div>

</script>
Coding Machine
@EphremL
Jan 11 2017 02:09
brownie ponits @jbrow78
LiamAumann
@Aumann-Liam
Jan 11 2017 02:09
im having some trouble with this thing not thinking that i have all my divs closed.
jbrow78
@jbrow78
Jan 11 2017 02:10
thanks @Rubenricardo
LiamAumann
@Aumann-Liam
Jan 11 2017 02:10
<div class="row">
<div class="col-xs-4">
<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>
Coding Machine
@EphremL
Jan 11 2017 02:10
on the first dic you forgot to close @Chummmy
div*
Ricardo G.
@Rubenricardo
Jan 11 2017 02:10
oh and click on the person you want to thank @jbrow78
CamperBot
@camperbot
Jan 11 2017 02:10
rubenricardo sends brownie points to @jbrow78 :sparkles: :thumbsup: :sparkles:
:warning: rubenricardo already gave jbrow78 points
jbrow78
@jbrow78
Jan 11 2017 02:11
thanks @Rubenricardo
CamperBot
@camperbot
Jan 11 2017 02:11
jbrow78 sends brownie points to @rubenricardo :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for rubenricardo
Claudio Restifo
@Marmiz
Jan 11 2017 02:11
@Chummmy is it nested in a container or container-fluid?
If so then try to refresh the page
LiamAumann
@Aumann-Liam
Jan 11 2017 02:11
@EphremL it tells me to nest all the buttons in that div.
Coding Machine
@EphremL
Jan 11 2017 02:11
What is the question name at top left corner @Chummmy
LiamAumann
@Aumann-Liam
Jan 11 2017 02:12
?
Coding Machine
@EphremL
Jan 11 2017 02:12
it has a question name on the top left corner
<<<<<------
jbrow78
@jbrow78
Jan 11 2017 02:12
@Rubenricardo @camperbot is not allowing me to send you brownie points, but I would if i could , thanks @Rubenricardo
CamperBot
@camperbot
Jan 11 2017 02:12
jbrow78 sends brownie points to @rubenricardo and @camperbot :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for rubenricardo
:star2: 2864 | @camperbot |http://www.freecodecamp.com/camperbot
LiamAumann
@Aumann-Liam
Jan 11 2017 02:12
Put the Like, Info and Delete buttons side-by-side by nesting all three of them within one <div class="row"> element, then each of them within a <div class="col-xs-4"> element.
that was what it told me to do
I don't know if that is what you were asking for.
Bill
@braunyb
Jan 11 2017 02:14

I can't get passed the "Radio Button" challenge. It says I haven't completed this task "Each of your two radio button elements should be nested in its own label element." Here is my code: <form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>

<label><input type="radio" name="indoor-outdoor"><button type="submit">indoor</button></label>
<label><input type="radio" name="indoor-outdoor"><button type="submit">outdoor</button></label>
</form>

jbrow78
@jbrow78
Jan 11 2017 02:14
how do you add a '''
<iframe>
'''
to html pages
CamperBot
@camperbot
Jan 11 2017 02:14
:bulb: to format code use backticks! ``` more info
Coding Machine
@EphremL
Jan 11 2017 02:15
<label><input type="radio" name="indoor-outdoor">Outdoor</label>
remember @braunyb
jbrow78
@jbrow78
Jan 11 2017 02:16
how do you add <iframe> width
Garo
@Garabed96
Jan 11 2017 02:16
are we allowed to upload our freecodecamp projects to github ?
Bardoe Bess
@bardbess
Jan 11 2017 02:17
@Garabed96 for sure. You wrote it
Edward Barton
@Incredibl3dible
Jan 11 2017 02:17
@Garabed96 I believe it’s encouraged so employers can see your portfolio items
Coding Machine
@EphremL
Jan 11 2017 02:17
<iframe src="http://www.w3schools.com"></iframe> @jbrow78 such as that?.
@Garabed96 you are allowed to post projects
Bardoe Bess
@bardbess
Jan 11 2017 02:18
<style> iframe {width: 400px; }</style> ? @jbrow78
Garo
@Garabed96
Jan 11 2017 02:19
@bardbess @Incredibl3dible @EphremL thank you
CamperBot
@camperbot
Jan 11 2017 02:19
garabed96 sends brownie points to @bardbess and @incredibl3dible and @ephreml :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for ephreml
:cookie: 243 | @bardbess |http://www.freecodecamp.com/bardbess
:cookie: 264 | @incredibl3dible |http://www.freecodecamp.com/incredibl3dible
jbrow78
@jbrow78
Jan 11 2017 02:19
thanks @bardbess
CamperBot
@camperbot
Jan 11 2017 02:19
jbrow78 sends brownie points to @bardbess :sparkles: :thumbsup: :sparkles:
:cookie: 244 | @bardbess |http://www.freecodecamp.com/bardbess
Coding Machine
@EphremL
Jan 11 2017 02:20
No problem @Garabed96
Bardoe Bess
@bardbess
Jan 11 2017 02:20
:+1:
Ricardo G.
@Rubenricardo
Jan 11 2017 02:20
help!
how do i add the script with this function?
<script $(document).ready(function() {???
Coding Machine
@EphremL
Jan 11 2017 02:22
<script> 
$(document).ready(function() {
</script>
@Rubenricardo
LiamAumann
@Aumann-Liam
Jan 11 2017 02:22

<div class="row">

<div class="col-xs-4">
<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>

it says all my divs aren't close, any help?
It*
__mifflin__
@cdrainxv
Jan 11 2017 02:23
@EphremL: Still not quite correct.
@Rubenricardo:
<script> 
 $(document).ready(function() {
  // code will end up here
 });
</script>
Coding Machine
@EphremL
Jan 11 2017 02:24
yes @cdrainxv i forgot the });
Ricardo G.
@Rubenricardo
Jan 11 2017 02:24
but is that at the end
or next toit?
<script>
$(document).ready(function() {


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

</script>
Bill
@braunyb
Jan 11 2017 02:24
@EphremL Thanks!! I was over thinking
CamperBot
@camperbot
Jan 11 2017 02:24
:warning: could not find receiver for ephreml
braunyb sends brownie points to @ephreml :sparkles: :thumbsup: :sparkles:
Coding Machine
@EphremL
Jan 11 2017 02:25
@Chummmy <div class="row"> <div class="col-xs-4"> <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> <p>Things cats love: <span class="text-danger">Love</span></p>
  <div class="row">
    <div class="col-xs-4">
      <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>
  <p>Things cats love: <span class="text-danger">Love</span></p>
@Chummmy
no problem @braunyb
<script>
  $(document).ready(function() {
    $("button").addClass("animated bounce");
    $(".well").addClass("animated shake");

  });
</script>

<!-- Only change code above this line. -->

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

Why is this not working? It says "Nest your text input element within a form element."

<p>Things cats love:</p>

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

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

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

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

</form>

Bardoe Bess
@bardbess
Jan 11 2017 02:28
It annoys me how the 'instructions' move around in these challenges. Sometimes you can follow the test case, sometimes you have to read 'Instructions' and sometimes you have to read everything a few times to find out what your suppose to do.
LiamAumann
@Aumann-Liam
Jan 11 2017 02:28
@EphremL I copy and pasted what you had and it still wouldn't work; and it was the exact same as i had for some reason.
Coding Machine
@EphremL
Jan 11 2017 02:28
@bardbess I agree but i am done with everyhting but i am waiting for a partner to do projects
LiamAumann
@Aumann-Liam
Jan 11 2017 02:29
I am just gonna reset adn see if that clears a bug or something, but thanks for your help anyways
kcscott88
@kcscott88
Jan 11 2017 02:29
<div class="text-primary text-center">
<h3>jQuery Playground</h3>
</div> /I'm supposed to apply bootstrap class "text-primary" and "text-center". did I do something wrong??
Coding Machine
@EphremL
Jan 11 2017 02:29
dont copy and paste @Chummmy
Bardoe Bess
@bardbess
Jan 11 2017 02:29
ok well done @EphremL . Im still stepping through js challenges.
Coding Machine
@EphremL
Jan 11 2017 02:29
only copy the button part @Chummmy
ye
Gurminder-Kaler
@Gurminder-Kaler
Jan 11 2017 02:30
DEAR AUMANN TEXT CENTRE WILL OVERRULE , I THINK
Coding Machine
@EphremL
Jan 11 2017 02:30
i meant delete part
LiamAumann
@Aumann-Liam
Jan 11 2017 02:30
I did only copy the button part, I made certain of it. But fret no longer as alas I may have found a solution!
Manish Giri
@Manish-Giri
Jan 11 2017 02:31
@EphremL not a good idea to post direct answers here.
Coding Machine
@EphremL
Jan 11 2017 02:31
@Chummmy what is the question name located at top left corner
ik i am just trying to understand what @Chummmy is working with here @Manish-Giri
LiamAumann
@Aumann-Liam
Jan 11 2017 02:32
What is a question name? Do you mean what it is asking me to do?
Coding Machine
@EphremL
Jan 11 2017 02:32
at left is has bold letters like this : Target Elements by ID Using jQuery
thats the question name what does yours say
actually just copy and paste everything on instruction side
LiamAumann
@Aumann-Liam
Jan 11 2017 02:34
Ok...

Use the Bootstrap Grid to Put Elements Side By Side
Bootstrap uses a responsive grid system, which makes it easy to put elements into rows and specify each element's relative width. Most of Bootstrap's classes can be applied to a div element.

Here's a diagram of how Bootstrap's 12-column grid layout works:

an image illustrating Bootstrap's grid system

Note that in this illustration, the col-md- class is being used. Here, md means medium, and is a number specifying how many columns wide the element should be. In this case, the column width of an element on a medium-sized screen, such as a laptop, is being specified.

In the Cat Photo App that we're building, we'll use col-xs-, where xs means extra small (like an extra-small mobile phone screen), and is the number of columns specifying how many columns wide the element should be.

Put the Like, Info and Delete buttons side-by-side by nesting all three of them within one <div class="row"> element, then each of them within a <div class="col-xs-4"> element.

The row class is applied to a div, and the buttons themselves can be nested within it.

Found a solution... and it is quite funny as the problem wasn't from my divs lol.
Coding Machine
@EphremL
Jan 11 2017 02:36
<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">
    <div class="col-xs-4">
  <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>
  <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>
delete everything in coding section and copy and paste this to see if it works @Chummmy
Anh Nguyen
@tiremon112
Jan 11 2017 02:36
@diomed he is back :laughing:
Coding Machine
@EphremL
Jan 11 2017 02:37
@tiremon112 who?
LiamAumann
@Aumann-Liam
Jan 11 2017 02:37
Sorry for making you go to that trouble sir, i figured out the problem. The problem was that i had deleted the <p> element under the div areas which in turn bugged the page so it wouldn't work.
Coding Machine
@EphremL
Jan 11 2017 02:37
@Chummmy
Anh Nguyen
@tiremon112
Jan 11 2017 02:37
:baby_chick:
Coding Machine
@EphremL
Jan 11 2017 02:37
no problem @Chummmy
LiamAumann
@Aumann-Liam
Jan 11 2017 02:37
area*
what are brownie points, and how do i send them?
What*
__mifflin__
@cdrainxv
Jan 11 2017 02:38
Coding Machine
@EphremL
Jan 11 2017 02:38
:facepunch:
you just say thanks
and direct it to someone
LiamAumann
@Aumann-Liam
Jan 11 2017 02:39
thanks @EphremL
CamperBot
@camperbot
Jan 11 2017 02:39
chummmy sends brownie points to @ephreml :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for ephreml
Coding Machine
@EphremL
Jan 11 2017 02:39
:feelsgood:
Manish Giri
@Manish-Giri
Jan 11 2017 02:39
is @diomed back?
LiamAumann
@Aumann-Liam
Jan 11 2017 02:39
Cya later, and thanks again
Coding Machine
@EphremL
Jan 11 2017 02:39
he has been for quite some time now @Manish-Giri
np
__mifflin__
@cdrainxv
Jan 11 2017 02:39
No… too early… still asleep.
Manish Giri
@Manish-Giri
Jan 11 2017 02:40
yeah
Anh Nguyen
@tiremon112
Jan 11 2017 02:40
Nope :smile:
Manish Giri
@Manish-Giri
Jan 11 2017 02:40
3:40 AM there
Coding Machine
@EphremL
Jan 11 2017 02:40
:game_die:
Jenny Dalsania
@jennydal
Jan 11 2017 02:40
How do I create button element in Bootstrap?
Found my answer :)
jbrow78
@jbrow78
Jan 11 2017 02:44
thanks @Rubenricardo
CamperBot
@camperbot
Jan 11 2017 02:45
jbrow78 sends brownie points to @rubenricardo :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for rubenricardo
LiamAumann
@Aumann-Liam
Jan 11 2017 02:45
thanks @camperbot
CamperBot
@camperbot
Jan 11 2017 02:45
chummmy sends brownie points to @camperbot :sparkles: :thumbsup: :sparkles:
:star2: 2865 | @camperbot |http://www.freecodecamp.com/camperbot
LiamAumann
@Aumann-Liam
Jan 11 2017 02:45
lol
Edward Barton
@Incredibl3dible
Jan 11 2017 02:46
Can anybody help me with confirming I’m receiving weather data on my local weather app?
Louis Alfaro
@foundlouis
Jan 11 2017 02:49

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

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

why is thta not working??
trying to make the image smaller
too x
px*
Edward Barton
@Incredibl3dible
Jan 11 2017 02:50
@foundlouis What challenge is this?
Louis Alfaro
@foundlouis
Jan 11 2017 02:51
23
i need to make the image smaller
Edward Barton
@Incredibl3dible
Jan 11 2017 02:52
@foundlouis Link?
thats pretty long
do you see it?
Edward Barton
@Incredibl3dible
Jan 11 2017 02:53
@foundlouis Yes, you can delete the link if you’d like. Did you assign a class of “smaller-image” to the <img> element?
Louis Alfaro
@foundlouis
Jan 11 2017 02:53
?
oh
no i did not
now i know what to do thank you
Edward Barton
@Incredibl3dible
Jan 11 2017 02:54
@foundlouis No problem. FYI, for future reference, when talking to others directly, you can click on their username to mention them so they’ll be notified
Plus we get brownie points when we help others solve their problems ;)
Louis Alfaro
@foundlouis
Jan 11 2017 02:56
lol for sure man
Moren162
@Moren162
Jan 11 2017 02:56
Hi guys, I was wondering if you can help with this... I need to be able to type in "stop" or "exit" to get out of the loop. It seems I can only put in a number. Can you help me?

price_float = 1

while price_float > 0:

price_str = input("what is the price of the product? ")
price_float = float(price_str)
if price_str == '1':
    break
tax_str = input("Enter the tax percentage : ")
tax_float = float(tax_str)

tax = tax_float / 100
price = price_float

print("Total price for your item is " + str(tax*price + price))

print("Take care")

Manish Giri
@Manish-Giri
Jan 11 2017 02:57
python?
Moren162
@Moren162
Jan 11 2017 02:57
Yes sorry python
Manish Giri
@Manish-Giri
Jan 11 2017 02:58
where is the code about the stop/exit
Akbar Mirza
@akbarbmirza
Jan 11 2017 02:58
hi guys, I think I found a bug in the Get Geolocation Data challenge. I was able to solve the challenge, but it was kinda silly
Ken Haduch
@khaduch
Jan 11 2017 02:58
@akbarbmirza - what did you find?
DRJcoder
@DRJcoder
Jan 11 2017 02:59
need help
Create a new button element with the text "Like".
whats the code
Moren162
@Moren162
Jan 11 2017 02:59

price_float = 1
while price_float > 0:

price_str = input("what is the price of the product? ")
price_float = float(price_str)
if price_str == 'stop':
    break
tax_str = input("Enter the tax percentage : ")
tax_float = float(tax_str)

tax = tax_float / 100
price = price_float

print("Total price for your item is " + str(tax*price + price))

print("Take care")

Akbar Mirza
@akbarbmirza
Jan 11 2017 02:59
@khaduch It looks like the "You should display the users' position within the data div element" step wouldn't show up as completed if you surrounded $('#data') with single quotes, as opposed to double quotes as seen below
$("#data").html('latitude: ' + position.coords.latitude + '<br> longitude: ' + position.coords.longitude);
    });
SugarTitsLeslie
@SugarTitsLeslie
Jan 11 2017 02:59
Hey so for challenge #22, where exactly do I have to put the text to get the image to be 100px?
Moren162
@Moren162
Jan 11 2017 02:59
if price_str == 'stop'
It gives me an indent error but if i put a number then it works
Edward Barton
@Incredibl3dible
Jan 11 2017 03:01
@SugarTitsLeslie Can you link the challenge?
James Coney
@El-Capitan-Morgan
Jan 11 2017 03:01
Guys, I've gotten to these bonfire challenges, am I supposed to understand JavaScript by now?
Manish Giri
@Manish-Giri
Jan 11 2017 03:01
@Moren162 share your code through repl.it
Claudio Restifo
@Marmiz
Jan 11 2017 03:01
@DRJcoder the text that the button display will be what's in between the tag like:
<button>Text</button>
Ken Haduch
@khaduch
Jan 11 2017 03:01
@akbarbmirza - well, they give you the exact code with the double quotes, but single quotes should work, of course. Possibly worth filing an issue on it?
Claudio Restifo
@Marmiz
Jan 11 2017 03:02
@El-Capitan-Morgan if you finish all the algorithm, yes... you should understand JS... but not master it yet! :)
Akbar Mirza
@akbarbmirza
Jan 11 2017 03:02
@khaduch how exactly do I go about doing that. It seems like a minor bug, it's not mission critical but might be nice to fix
Moren162
@Moren162
Jan 11 2017 03:02
what is repl.it?
Edward Barton
@Incredibl3dible
Jan 11 2017 03:02
@khaduch @akbarbmirza In the test section of that challenge, it does mention using double quotes for the selector, just FYI. So I think they’re aware and it just is what it is
SugarTitsLeslie
@SugarTitsLeslie
Jan 11 2017 03:02
@Incredibl3dible Sooo, the URL? Cause that's super long
Edward Barton
@Incredibl3dible
Jan 11 2017 03:03
You can delete it after posting or just direct message me it if you’d like @SugarTitsLeslie
DRJcoder
@DRJcoder
Jan 11 2017 03:03
this is my code
<input type="button" class="btn" value="Like">

Create a new button element with the text "Like".

Your new button should have the class btn.

Make sure all your button elements have a closing tag.

that is the task
Evan
@Evancaw
Jan 11 2017 03:04
How would I nest an i element within my button element or how would that look like, please help
Edward Barton
@Incredibl3dible
Jan 11 2017 03:04
@SugarTitsLeslie Got it, you can delete that now
James Coney
@El-Capitan-Morgan
Jan 11 2017 03:04
@Marmiz It's all just flying over my head. I'm gonna watch more videos on it.
Margaret
@Margaret2
Jan 11 2017 03:04
@Moren162 it's another online code editor
Akbar Mirza
@akbarbmirza
Jan 11 2017 03:04
@khaduch @Incredibl3dible alright, I guess I'll leave it be then.
Edward Barton
@Incredibl3dible
Jan 11 2017 03:05
@SugarTitsLeslie I just helped somebody else with this exact challenge. What have you coded?
Ken Haduch
@khaduch
Jan 11 2017 03:05
@Incredibl3dible - oh, yeah, I see that now, just below the code example block... But the specific reason mentioned in the link that they give says to use double quotes since single-quote selectors will not pass our tests. So I would say that it is really a test limitation... :)
Manish Giri
@Manish-Giri
Jan 11 2017 03:05

@Moren162 it's another online code editor

Finally, I see her after ages

:unamused:
Margaret
@Margaret2
Jan 11 2017 03:06
lol
Evan
@Evancaw
Jan 11 2017 03:06
How would I nest an i element within my button element or how would that look like, please help
Anh Nguyen
@tiremon112
Jan 11 2017 03:06
you need to sleep you miscount time
Margaret
@Margaret2
Jan 11 2017 03:06
^^^
Edward Barton
@Incredibl3dible
Jan 11 2017 03:06
@Evancaw Which challenge?
b3xp4lsr
@b3xp4lsr
Jan 11 2017 03:06

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p> At smaller image I did everything correct (named it smaller image and made it 100 px but i cand press run tests, what is the problem?

Evan
@Evancaw
Jan 11 2017 03:06
@Incredibl3dible 76 on html
Manish Giri
@Manish-Giri
Jan 11 2017 03:07
function sleep() {
setTimeout(() => console.log("Slept"), 200000);
}
b3xp4lsr
@b3xp4lsr
Jan 11 2017 03:07
how can I fix this problem?
I press Run Tests and it's not working
Anh Nguyen
@tiremon112
Jan 11 2017 03:07
lol
:clap:
Manish Giri
@Manish-Giri
Jan 11 2017 03:07
:shipit:
b3xp4lsr
@b3xp4lsr
Jan 11 2017 03:08
so how do I fix it??
SugarTitsLeslie
@SugarTitsLeslie
Jan 11 2017 03:08
@b3xp4lsr Its not working
Ken Haduch
@khaduch
Jan 11 2017 03:08
@b3xp4lsr - is it doing nothing or failing tests?
b3xp4lsr
@b3xp4lsr
Jan 11 2017 03:08
nothing
Manish Giri
@Manish-Giri
Jan 11 2017 03:08
um
Sugar what?
b3xp4lsr
@b3xp4lsr
Jan 11 2017 03:08
it does not say you failed or something like that
just nothing
SugarTitsLeslie
@SugarTitsLeslie
Jan 11 2017 03:08
Just nothing
@Manish-Giri Lol its a nickname
b3xp4lsr
@b3xp4lsr
Jan 11 2017 03:09
@khaduch so how do I fix it?
Ken Haduch
@khaduch
Jan 11 2017 03:09
@b3xp4lsr - sometimes things get hung up in the browser - copy your code, reset, paste it back in and try again?
b3xp4lsr
@b3xp4lsr
Jan 11 2017 03:09
I did everything correct :(
ok
Ken Haduch
@khaduch
Jan 11 2017 03:10
@Manish-Giri :confounded: :confused: :eyes:
b3xp4lsr
@b3xp4lsr
Jan 11 2017 03:11
@khaduch it still doesnt work
Edward Barton
@Incredibl3dible
Jan 11 2017 03:11
@Evancaw
<button class=“btnClass1 btnClass2 btnClass3”><i class=“faClass1 faClass2”></i> Button Label</button>
Ken Haduch
@khaduch
Jan 11 2017 03:11
@b3xp4lsr - oh, I see that you didn't assign the class smaller-img to your <img > element?
JESSE MATUS
@jessematus84
Jan 11 2017 03:11

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

CatPhotoApp what did i do wrong here it wont turn blue

b3xp4lsr
@b3xp4lsr
Jan 11 2017 03:11
do what?
Margaret
@Margaret2
Jan 11 2017 03:12
var i = 0;
while (i < 150) {
    sleep.apply(Manish);
}
@Manish-Giri
Ken Haduch
@khaduch
Jan 11 2017 03:12
@b3xp4lsr - which lesson is this, please? Just so I can double-check myself...
But I think that you have to add a class="smaller-img" attribute to your <img element...
Edward Barton
@Incredibl3dible
Jan 11 2017 03:13
@SugarTitsLeslie Were you able to solve the smaller image challenge?
Margaret
@Margaret2
Jan 11 2017 03:13
should give you about 8 hrs ^
SugarTitsLeslie
@SugarTitsLeslie
Jan 11 2017 03:13
@Incredibl3dible Sadly not yet
b3xp4lsr
@b3xp4lsr
Jan 11 2017 03:13
Size your Images
@khaduch @size your images
Edward Barton
@Incredibl3dible
Jan 11 2017 03:13
@SugarTitsLeslie What have you tried?
Manish Giri
@Manish-Giri
Jan 11 2017 03:13
@Margaret2
while (true) {
iPhone.call(Margaret);
}
SugarTitsLeslie
@SugarTitsLeslie
Jan 11 2017 03:13
@Incredibl3dible How bout' I just show you what I got and we can figure this out
Edward Barton
@Incredibl3dible
Jan 11 2017 03:14
@SugarTitsLeslie That’d be a good place to start
Margaret
@Margaret2
Jan 11 2017 03:14
:smirk:
SugarTitsLeslie
@SugarTitsLeslie
Jan 11 2017 03:14

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

Ken Haduch
@khaduch
Jan 11 2017 03:15
@b3xp4lsr - okay, creating the class alone is not sufficient to pass this. You have to edit your <img src="https://bit.ly/fcc-relaxing-cat"> element to have an attribute class="smaller-image" within the angle brackets and space-separated from any other attributes there.
Edward Barton
@Incredibl3dible
Jan 11 2017 03:15
I see your problem @SugarTitsLeslie You styled an element with class=“smaller-image”, but you didn’t actually assign a class to the img element
SugarTitsLeslie
@SugarTitsLeslie
Jan 11 2017 03:16
@Incredibl3dible And I do this how and where?
JESSE MATUS
@jessematus84
Jan 11 2017 03:16

<style>

<h2 { color: blue;} </style> what did i do wrong here please help it wont turn blue

cgualbe2
@cgualbe2
Jan 11 2017 03:16
Hello World!
CamperBot
@camperbot
Jan 11 2017 03:16

welcome to FreeCodeCamp @cgualbe2!

b3xp4lsr
@b3xp4lsr
Jan 11 2017 03:16
@khaduch Thanks
CamperBot
@camperbot
Jan 11 2017 03:16
b3xp4lsr sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 2246 | @khaduch |http://www.freecodecamp.com/khaduch
Ken Haduch
@khaduch
Jan 11 2017 03:16
@SugarTitsLeslie - look at this link :point_up: January 10, 2017 10:15 PM
Edward Barton
@Incredibl3dible
Jan 11 2017 03:16
@SugarTitsLeslie on your <img> element. you need to add the class attribute to it
matthewsd2016
@matthewsd2016
Jan 11 2017 03:17
For this challenge I'm on it says to change the "href" on my "a" element to "#" to make it a dead link but whenever I change it, I don't pass
Ken Haduch
@khaduch
Jan 11 2017 03:17
@matthewsd2016 - can you post the relevant code for your challenge?
benjamin Santana
@chronofrog
Jan 11 2017 03:17
^ i am having the same issue, you are trying to make a dead link right?
matthewsd2016
@matthewsd2016
Jan 11 2017 03:17
<p>Click here for <a href="http://www.freecatphotoapp.com">cat photos</a>.</p>
JESSE MATUS
@jessematus84
Jan 11 2017 03:17

<style>

<h2 { color: blue;} </style> can someone help me with this challenge

Margaret
@Margaret2
Jan 11 2017 03:18
@matthewsd2016 @chronofrog replace URL (part in quotes) with #
matthewsd2016
@matthewsd2016
Jan 11 2017 03:18
thanks!
Ken Haduch
@khaduch
Jan 11 2017 03:18
@matthewsd2016 - you need to change it - if you think you changed it, you didn't post the changed code?
Edward Barton
@Incredibl3dible
Jan 11 2017 03:18
@jessematus84 You have extra characters
<style>
h2 {
  color: blue;
}
</style>
Margaret
@Margaret2
Jan 11 2017 03:19
@jessematus84 you need to have:
  • a set of brackets named h2 in style tags: h2 { ... }
    AND
  • an <h2></h2> element below the style tags
benjamin Santana
@chronofrog
Jan 11 2017 03:19
so like this <p>Click here for <a href="#">cat photos</a>.</p>
Margaret
@Margaret2
Jan 11 2017 03:19
yep ^
benjamin Santana
@chronofrog
Jan 11 2017 03:20
thanks @Margaret2
CamperBot
@camperbot
Jan 11 2017 03:20
chronofrog sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 1130 | @margaret2 |http://www.freecodecamp.com/margaret2
Margaret
@Margaret2
Jan 11 2017 03:20
u welcome chrono :frog:
:D
b3xp4lsr
@b3xp4lsr
Jan 11 2017 03:20

Ok, i'm having a problem again :( .thick-green-border {
border-color: green
border-width: 10px;
border-style: solid;
}
</style>

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

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

What did I do wrong?
Edward Barton
@Incredibl3dible
Jan 11 2017 03:21
@b3xp4lsr ; after the color green?
Margaret
@Margaret2
Jan 11 2017 03:21
@b3xp4lsr
  • missing ; after border-color: green
  • need to use class="" to apply the thick-green-border class
b3xp4lsr
@b3xp4lsr
Jan 11 2017 03:21
...
Ken Haduch
@khaduch
Jan 11 2017 03:21
@b3xp4lsr - when you have multiple classes, they have to be within the same class="class1 class2 class3" attribute and values, separated by spaces.
b3xp4lsr
@b3xp4lsr
Jan 11 2017 03:21
@khaduch Thanks @Margert
CamperBot
@camperbot
Jan 11 2017 03:21
b3xp4lsr sends brownie points to @khaduch and @margert :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for margert
:warning: b3xp4lsr already gave khaduch points
b3xp4lsr
@b3xp4lsr
Jan 11 2017 03:21
@Margaret2 Thanks
CamperBot
@camperbot
Jan 11 2017 03:21
b3xp4lsr sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 1131 | @margaret2 |http://www.freecodecamp.com/margaret2
SugarTitsLeslie
@SugarTitsLeslie
Jan 11 2017 03:22
@Incredibl3dible So do I insert the image thing after this line "<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">"? Or before it? Or inside it???
cgualbe2
@cgualbe2
Jan 11 2017 03:23
I really like the lesson format of freeCodeCamp
b3xp4lsr
@b3xp4lsr
Jan 11 2017 03:23
It still doesn't work..
Margaret
@Margaret2
Jan 11 2017 03:23
@SugarTitsLeslie <img src="..." class="..." alt="...">
Edward Barton
@Incredibl3dible
Jan 11 2017 03:23
@SugarTitsLeslie No, you add a class attribute to the img element…<img class=“smaller-image”>
SugarTitsLeslie
@SugarTitsLeslie
Jan 11 2017 03:23
OOOOOOOOOOOOOOOOH
k
benjamin Santana
@chronofrog
Jan 11 2017 03:23
@b3xp4lsr did you try relaunching the program, i was stuck on the # one until i refreshed the page
Margaret
@Margaret2
Jan 11 2017 03:24
@b3xp4lsr show code again

OOOOOOOOOOOOOOOOH
k

lol

b3xp4lsr
@b3xp4lsr
Jan 11 2017 03:24

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

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

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

Edward Barton
@Incredibl3dible
Jan 11 2017 03:24
@b3xp4lsr You have two class attributes. Add thick-green-border after smaller-image separated by a space
Margaret
@Margaret2
Jan 11 2017 03:24
@b3xp4lsr thick-green-border needs to be inside the original class=, so class="smaller-image ..."
Edward Barton
@Incredibl3dible
Jan 11 2017 03:25
This message was deleted
b3xp4lsr
@b3xp4lsr
Jan 11 2017 03:25
@Incredibl3dible Thanks!
CamperBot
@camperbot
Jan 11 2017 03:25
b3xp4lsr sends brownie points to @incredibl3dible :sparkles: :thumbsup: :sparkles:
:cookie: 265 | @incredibl3dible |http://www.freecodecamp.com/incredibl3dible
Edward Barton
@Incredibl3dible
Jan 11 2017 03:26
@SugarTitsLeslie Get it?
@Margaret2 Have you completed your local weather app?
Margaret
@Margaret2
Jan 11 2017 03:28
yeah
helloyuhao
@helloyuhao
Jan 11 2017 03:28
test
cdrainxv @cdrainxv : "Help! I'm being Pavlovian conditioned!" said no dog ever.
Margaret
@Margaret2
Jan 11 2017 03:30
my cat is Pavlov conditioned to want food when she hears fridge, foil, can, silverware, plastic, me walking around in the kitchen, basically she just always wants me to feed her
:joy:
SugarTitsLeslie
@SugarTitsLeslie
Jan 11 2017 03:30
@Incredibl3dible I honestly want to say yes because its been like 20 minutes, BUT im still not getting it
__mifflin__
@cdrainxv
Jan 11 2017 03:31
At least the cat doesn't take food from your mouth:
dog
Edward Barton
@Incredibl3dible
Jan 11 2017 03:31
<img class=“smaller-image”> then style it within your <script> tags with .smaller-image { width: 100px; }
@SugarTitsLeslie ^
Coy Sanders
@coymeetsworld
Jan 11 2017 03:34
should be <style> tags @Incredibl3dible @SugarTitsLeslie
Edward Barton
@Incredibl3dible
Jan 11 2017 03:34
@coymeetsworld @SugarTitsLeslie Durp, what he said.
Alan
@Drchows
Jan 11 2017 03:35
..
.green-box {
background-color: green;
margin-top 40px;
margin-right : 20px;
margin-bottom: 20px;
margin-left: 40px;
}
Your green-box class should give the top of elements 40px of margin.
Coy Sanders
@coymeetsworld
Jan 11 2017 03:36
@Drchows youre missing a semi-colon
check your margin-top property
alex4545
@alex4545
Jan 11 2017 03:37
how do you inport google font?
SugarTitsLeslie
@SugarTitsLeslie
Jan 11 2017 03:38
Tell ya what, I'm gonna try this after sleep. That'll get me goin again
alex4545
@alex4545
Jan 11 2017 03:38
i mean lobster from google
Alan
@Drchows
Jan 11 2017 03:39
thank you
@alex4545 I'm wondering the same thing
Justin Hutchinson
@justinthutch
Jan 11 2017 03:41
I need help
Comment out your h1 element so that it is not visible on your page.
Confused on this
Jceciliani
@Jceciliani
Jan 11 2017 03:43
hey all, little stumped with this one. I need to have my h1 element have the class pink-text, and my style should have a pink-text CSS class set to pink.

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

<h1>Hello World!</h1>

__mifflin__
@cdrainxv
Jan 11 2017 03:44
@Jceciliani: You have done this before in this challenge:
https://www.freecodecamp.com/challenges/use-a-css-class-to-style-an-element
cgualbe2
@cgualbe2
Jan 11 2017 03:44
@Jceciliani you need to set the class for h1 using <h1 class="insert name here">
Jceciliani
@Jceciliani
Jan 11 2017 03:47
@cdrainxv @cgualbe2 , thanks for the help! got it
CamperBot
@camperbot
Jan 11 2017 03:47
jceciliani sends brownie points to @cdrainxv and @cgualbe2 :sparkles: :thumbsup: :sparkles:
:cookie: 40 | @cgualbe2 |http://www.freecodecamp.com/cgualbe2
:star2: 2040 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
b3xp4lsr
@b3xp4lsr
Jan 11 2017 03:48
I'm at the chapter Create a Form Element, and I don't know how to nest my text field in a form element..
cgualbe2
@cgualbe2
Jan 11 2017 03:50
@b3xp4lsr think of nesting as placing an element inside another element. ex: <form> <other elements...> </form>
b3xp4lsr
@b3xp4lsr
Jan 11 2017 03:50
@cgualbe2 I know what it means But I don't know where to put it: <input type="text" placeholder="cat photo URL">
Mrfizzledeggs
@Mrfizzledeggs
Jan 11 2017 03:51
help

</style>

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

Overrididng styles
irazaba07
@irazaba07
Jan 11 2017 03:52
hello ... again some help neeeded
b3xp4lsr
@b3xp4lsr
Jan 11 2017 03:52
@cgualbe2 Thanks, i understood
CamperBot
@camperbot
Jan 11 2017 03:52
b3xp4lsr sends brownie points to @cgualbe2 :sparkles: :thumbsup: :sparkles:
:cookie: 41 | @cgualbe2 |http://www.freecodecamp.com/cgualbe2
Mrfizzledeggs
@Mrfizzledeggs
Jan 11 2017 03:52
I took the second qoutation mark out, but it didn't change anything.
b3xp4lsr
@b3xp4lsr
Jan 11 2017 03:53
Nest your text input element within a form element... I didn't do this
how do I do it?
<form action="/submit-cat-photo"> </form> <input type="text" placeholder="cat photo URL">
irazaba07
@irazaba07
Jan 11 2017 03:53
how do i apply red-text class to h2 and p element
kinda stcuk
Eric Leung
@erictleung
Jan 11 2017 03:54
@irazaba07 you add classes to elements by having the class keyword within the element so it looks something like this <h2 class="classNameHere">This is a heading</h2>
cgualbe2
@cgualbe2
Jan 11 2017 03:55
@b3xp4lsr think of where the </form> element should go. <input type> needs to be inside it
b3xp4lsr
@b3xp4lsr
Jan 11 2017 03:55
oh
irazaba07
@irazaba07
Jan 11 2017 03:55
thank you sir @erictleung
CamperBot
@camperbot
Jan 11 2017 03:55
irazaba07 sends brownie points to @erictleung :sparkles: :thumbsup: :sparkles:
:cookie: 446 | @erictleung |http://www.freecodecamp.com/erictleung
Sourabh Rangdal
@sourabhrangdal
Jan 11 2017 03:58
how do i find all the bootstrap or "jquery* classes
i 've been searching, but how do you know all the bootstrap and jQuery "classes", "id"
dominikm94
@dominikm94
Jan 11 2017 04:01
Im a newbie, Im stuck on changing font size between the P code. Please Help
Claudio Restifo
@Marmiz
Jan 11 2017 04:01
@sourabhrangdal If you mean:
"how do I know which Bootstrap and JQuery classes exist and are available to use"
those are on their respective official documentations
Sourabh Rangdal
@sourabhrangdal
Jan 11 2017 04:02
@Marmiz i am now on my first challenge, building tribute page
Ravikumarperiyasamy
@Ravikumarperiyasamy
Jan 11 2017 04:03
However, the order of the class declarations in the <style> section are what is important. The second declaration will always take precedence over the first. Because .blue-text is declared second, it overrides the attributes of .pink-text
b3xp4lsr
@b3xp4lsr
Jan 11 2017 04:04
How do I make 2 radio buttons? It only makes one
<form action="/submit-cat-photo"> <label>
<input type="radio" name="indoor-outdoor">Indoor </label>
<button type="submit">Submit</button>
</form>
Claudio Restifo
@Marmiz
Jan 11 2017 04:05

@sourabhrangdal so it's time to use those docs.

documentation are developer best friends :)
They always look difficult and scary.. but after some practice you'll get use to it :D

cgualbe2
@cgualbe2
Jan 11 2017 04:05
@b3xp4lsr you would need 2x <input type>
b3xp4lsr
@b3xp4lsr
Jan 11 2017 04:05
@cgualbe2 Thanks, I figured it out anywais
CamperBot
@camperbot
Jan 11 2017 04:05
b3xp4lsr sends brownie points to @cgualbe2 :sparkles: :thumbsup: :sparkles:
:warning: b3xp4lsr already gave cgualbe2 points
Sourabh Rangdal
@sourabhrangdal
Jan 11 2017 04:06
@Marmiz thank you Claudio
CamperBot
@camperbot
Jan 11 2017 04:06
sourabhrangdal sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 616 | @marmiz |http://www.freecodecamp.com/marmiz
jakobmara
@jakobmara
Jan 11 2017 04:11
is there anyone here who can help me with one of the basic algortithm challenges?
Phil Seidel
@psbyron3
Jan 11 2017 04:21
@jakobmara most likely.. which one?
jakobmara
@jakobmara
Jan 11 2017 04:22
cunky monkey
chunky*
Phil Seidel
@psbyron3
Jan 11 2017 04:23
Okay haven't personally done it yet but I can take a look at the spec.
Feel free to DM so you don't bog down help
send me the spec or the link
JuanCarlosArg
@JuanCarlosArg
Jan 11 2017 04:28

Help. i can´t make the cat picture take 100px width
look my code and maybe you can help me

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

CamperBot
@camperbot
Jan 11 2017 04:28
no wiki entry for: i cant make the cat picture take 100px widthlook my code and maybe you can help melink hrefhttpsfontsgoogleapiscomcssfamilylobster relstylesheet typetextcssstyle red-text color red h2 font-family lobster monospace p font-size 16px font-family monospace smaller-image width 100px styleh2 classred-textcatphotoapph2img classsmaller-image srchttpsbitlyfcc-relaxing-cat alta cute orange cat lying on its back p classred-textkitty ipsum dolor sit amet shed everywhere shed everywhere stretching attack your ankles chase the red dot hairball run catnip eat the grass sniffpp classred-textpurr jump eat the grass rip the couch scratched sunbathe shed everywhere rip the couch sleep in the sink fluffy fur catnip scratchedp
Ricardo G.
@Rubenricardo
Jan 11 2017 04:28
does any body know what am i doing wrong?
<script $(document).ready(function() {}); >

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

</script>
??
Create a script element making sure it is valid and has a closing tag
this instruction is the only cross i have
JuanCarlosArg
@JuanCarlosArg
Jan 11 2017 04:29
Help. i can´t make the cat picture take 100px width
look my code and maybe you can help me
CamperBot
@camperbot
Jan 11 2017 04:29
no wiki entry for: i cant make the cat picture take 100px widthlook my code and maybe you can help me
JuanCarlosArg
@JuanCarlosArg
Jan 11 2017 04:29
hello
Ricardo G.
@Rubenricardo
Jan 11 2017 04:29
@JuanCarlosArg
can you show it to me?
JuanCarlosArg
@JuanCarlosArg
Jan 11 2017 04:29
i can´t make the cat picture take 100px width
look my code and maybe you can help me
Ricardo G.
@Rubenricardo
Jan 11 2017 04:29
where is the cpode
JuanCarlosArg
@JuanCarlosArg
Jan 11 2017 04:30

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

Ricardo G.
@Rubenricardo
Jan 11 2017 04:30
hablas espanol
pasame el codigo
ok
JuanCarlosArg
@JuanCarlosArg
Jan 11 2017 04:30
si
jajaja

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

Anh Nguyen
@tiremon112
Jan 11 2017 04:30
@Rubenricardo the script is at wrong place
Ricardo G.
@Rubenricardo
Jan 11 2017 04:31
where does it go?
@JuanCarlosArg tienes que poner la clase enseguida de img
asi
oh no espera
JuanCarlosArg
@JuanCarlosArg
Jan 11 2017 04:32
jajaj
Anh Nguyen
@tiremon112
Jan 11 2017 04:32
<script>
$(document).ready(function(){});
</script>
put the script at the top of the page and do not collaspe it with html.
do it just like what you did to the <style> element
Ricardo G.
@Rubenricardo
Jan 11 2017 04:35
@JuanCarlosArg que es lo que no te sale?
JuanCarlosArg
@JuanCarlosArg
Jan 11 2017 04:36
no toma efecto la orden de que la imagen del gato quede en 100px
AJNahas
@AJNahas
Jan 11 2017 04:36
how can i make a div element with a class container fluid
JuanCarlosArg
@JuanCarlosArg
Jan 11 2017 04:36
creé la clase en el Style
pero no se si esta bien hecha la aplicación de la clase al codigo
la clase esta hecha asi
Ricardo G.
@Rubenricardo
Jan 11 2017 04:37
ahh ya
JuanCarlosArg
@JuanCarlosArg
Jan 11 2017 04:37
varcode= "<style>
.larger-image {
width: 500px;
}
</style>";
Jceciliani
@Jceciliani
Jan 11 2017 04:37
Hey again, each of these Bootstrap buttons should be nested with its own div element with the class col-xs-4. This is what i have so far but no luck
JuanCarlosArg
@JuanCarlosArg
Jan 11 2017 04:38
"<style>
.larger-image {
width: 500px;
}
Ricardo G.
@Rubenricardo
Jan 11 2017 04:38
es que no estas especificando para que es en style
Anh Nguyen
@tiremon112
Jan 11 2017 04:38
@AJNahas <div class ="class name"> it is a bootstrap, so you dont have to add it to the style
Jceciliani
@Jceciliani
Jan 11 2017 04:38
<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>
JuanCarlosArg
@JuanCarlosArg
Jan 11 2017 04:38
como debería ponerlo?
AJNahas
@AJNahas
Jan 11 2017 04:38
@tiremon112 ok thx
CamperBot
@camperbot
Jan 11 2017 04:38
ajnahas sends brownie points to @tiremon112 :sparkles: :thumbsup: :sparkles:
:cookie: 208 | @tiremon112 |http://www.freecodecamp.com/tiremon112
Ricardo G.
@Rubenricardo
Jan 11 2017 04:38
escribe img en style
asi
Anh Nguyen
@tiremon112
Jan 11 2017 04:39
@Jceciliani each remember it is each ok so you have to make 3 div for each
Ricardo G.
@Rubenricardo
Jan 11 2017 04:39
smaller-image {
width: 100px;
}
img smaller-image {
width: 100px;
}
Anh Nguyen
@tiremon112
Jan 11 2017 04:39
i mean one for each my bad
JuanCarlosArg
@JuanCarlosArg
Jan 11 2017 04:39
a ver
Ricardo G.
@Rubenricardo
Jan 11 2017 04:40
como si fuera h3 o h4, pero pon img, se deberia de poner en rojo
JuanCarlosArg
@JuanCarlosArg
Jan 11 2017 04:41
se pone en rojo pero no toma efecto
Ricardo G.
@Rubenricardo
Jan 11 2017 04:43
<img class= "smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Rory Saxton
@bronkie
Jan 11 2017 04:43
I'm a little confused what it's asking for in the Use a CSS Class to Style an Element thing.
Ricardo G.
@Rubenricardo
Jan 11 2017 04:43
.smaller-image
{width:100px;}
Rory Saxton
@bronkie
Jan 11 2017 04:44
Does anyone have some tips?
Ricardo G.
@Rubenricardo
Jan 11 2017 04:44
trata de actualizar la pag