These are chat archives for FreeCodeCamp/Help

8th
Jun 2017
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:00
@Osbaldo cat photos</a> here
in this here should be after photos i.e. inside the </a> tag
MRLSU
@MRLSU
Jun 08 2017 00:01

@Gr8ayu

@MRLSU you are supposed to write .red-text{....} p{ ...} like this ur a god

Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:01
@Osbaldo it is cat photos here
Googleboy1
@Googleboy1
Jun 08 2017 00:02
@ravikishorethella thanks it worked
CamperBot
@camperbot
Jun 08 2017 00:02
googleboy1 sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 444 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Morter
@Osbaldo
Jun 08 2017 00:02
but, it should als work without "here" right? because I can't get pass this challenge since nothing happens when I run it, I think is bugged.
@ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:03
@Googleboy1 :thumbsup:
@Osbaldo no, that's how they designed the challenge
Alberto De Lucca
@adeluccar
Jun 08 2017 00:04
The challenges are literal
djlottawa
@djlottawa
Jun 08 2017 00:04
hey folks. I am doing the lesson on Responsively Style Radio Buttons. I am trying to nest do the instructions, but it's not working. Can anyone give me a hand? racking my brain for the last hour
Alberto De Lucca
@adeluccar
Jun 08 2017 00:04
Do exactly what they ask for
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:04
@djlottawa yes
Ayush Kumar
@Gr8ayu
Jun 08 2017 00:05
@Osbaldo read each word carefully , sometimes they want something which they don't write
Morter
@Osbaldo
Jun 08 2017 00:05
@ravikishorethella but I added the word "here"
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:05
@Osbaldo show your code
djlottawa
@djlottawa
Jun 08 2017 00:05
thanks. it says to do the following. Nest all of your radio buttons within a <div class="row"> element. Then nest each of them within a <div class="col-xs-6"> element.
and this is my code
<div class="row">
<div class="col-xs-6">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-6">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-6">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
Ayush Kumar
@Gr8ayu
Jun 08 2017 00:05
@djlottawa show your code
djlottawa
@djlottawa
Jun 08 2017 00:06
the only thing it says I have right is the make sure each of your div elements has a closing tag
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:06
@djlottawa where are your radio buttons?
Morter
@Osbaldo
Jun 08 2017 00:06
@ravikishorethella oh for some reason I just needed a page refresh, thank you for the help tho!
CamperBot
@camperbot
Jun 08 2017 00:06
osbaldo sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 445 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:06
@Osbaldo :smile: :+1:
djlottawa
@djlottawa
Jun 08 2017 00:06
it's using the button btn class.
Ayush Kumar
@Gr8ayu
Jun 08 2017 00:07
@djlottawa these are not radio buttons , radio buttons are those with <input> tag with type="radio"
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:07
@djlottawa that's button
djlottawa
@djlottawa
Jun 08 2017 00:07
oh damn. so I have the write them to old way?
Morter
@Osbaldo
Jun 08 2017 00:07
What? what are the cookies for? :smile:
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:07
@djlottawa see the instructions, they show how to create a radio button
djlottawa
@djlottawa
Jun 08 2017 00:08
it does if I go some lessons back. but I remember how to do the input one. I will try that :>
thanks
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:08
@djlottawa it's same to the input ones
Carlos
@kike140509
Jun 08 2017 00:09
he
hey
I need jel p
help
*
can anyone help me
>
?
please
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:10
@kike140509 what is the challenge?
Carlos
@kike140509
Jun 08 2017 00:10
I just started programming
in stuck on creating a form element
Nest your text field in a form element. Add the action="/submit-cat-photo" attribute to this form element.
this is my code
<form action="/submit-cat-photo"><input type="text" placeholder="cat photo URL"></form>
@ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:11
@kike140509 reload the browser
@kike140509 your code is correct
junbinku
@junbinku
Jun 08 2017 00:12
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
what do i do with this?
seem to cant pass it
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:12
@junbinku show what you have got
junbinku
@junbinku
Jun 08 2017 00:12

<style>
.red-text {
color: red;
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> Kitty Ipsum </p>

Carlos
@kike140509
Jun 08 2017 00:13
it worked @ravikishorethella thanks
CamperBot
@camperbot
Jun 08 2017 00:13
kike140509 sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 446 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:14

@junbinku
This is the question:
Between the style tags, give the p elements font-size of 16px.

create a p selector in the <style> tags and give the font-size property to that. For reference see this
.red-text {
color: red;
font-size: 16px;
}

@kike140509 :thumbsup:
RowlandJacob
@RowlandJacob
Jun 08 2017 00:15
how do i import the lobster font
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:16
@RowlandJacob I think the stylesheet already contains lobster font right?
RowlandJacob
@RowlandJacob
Jun 08 2017 00:17
it says i need to make a call to google to load it into my HTML
Googleboy1
@Googleboy1
Jun 08 2017 00:17
is this correct for making a dead link? <p>Click here for <a #="http://www.freecatphotoapp.com">cat photos</a> </p>
Alberto De Lucca
@adeluccar
Jun 08 2017 00:17
Rowland, use a link tag.
No Google boy.
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:17
@Googleboy1 href="#"
Alberto De Lucca
@adeluccar
Jun 08 2017 00:18
href="#"
junbinku
@junbinku
Jun 08 2017 00:18
@ravikishorethella thanks got it
CamperBot
@camperbot
Jun 08 2017 00:18
junbinku sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 447 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Googleboy1
@Googleboy1
Jun 08 2017 00:18
ok
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:18
@junbinku :thumbsup:
RowlandJacob
@RowlandJacob
Jun 08 2017 00:18
nvm i got it thank you
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:19
@RowlandJacob :clap:
junbinku
@junbinku
Jun 08 2017 00:19
@ravikishorethella how about this'
Your p element should contain the first few words of the provided additional kitty ipsum text
talha
@tkaa
Jun 08 2017 00:20
how do i insert a dead link
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:20
@junbinku in the instructions they have provided some text right ? you need to add the whole text to the <p> element
@tkaa insert to what?
djlottawa
@djlottawa
Jun 08 2017 00:21
@ravikishorethella omg I got it so wrong! I didn't scroll down to the whole code. The buttons where at the bottom. TY!
CamperBot
@camperbot
Jun 08 2017 00:21
djlottawa sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 448 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
talha
@tkaa
Jun 08 2017 00:21
Like i what to put a link in the paragraph but im not sure where so i do put it in but not make it link to the website yet
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:21
@djlottawa :thumbsup:
@tkaa post the code
junbinku
@junbinku
Jun 08 2017 00:22
@ravikishorethella my bad did not read it properly. Thanks!
CamperBot
@camperbot
Jun 08 2017 00:22
junbinku sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:warning: junbinku already gave ravikishorethella points
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:22
@junbinku :smile:
talha
@tkaa
Jun 08 2017 00:23
<p>Click here for <a href="http://www.freecatphotoapp.com">cat photos</a>.</p>
i dont want to make the link work yet but i want the link there
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:23
@tkaa change the href value to #
talha
@tkaa
Jun 08 2017 00:23
ok
Shannon M
@shannonmerrell1
Jun 08 2017 00:24
Screen Shot 2017-06-07 at 5.23.50 PM.png
Hi all, this is basic, but I can't figure out what's wrong with my code
It says Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:25
@shannonmerrell1 close the } after red;
Chris
@criskoh
Jun 08 2017 00:25
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back." how do insert a second class to the img class?
Miguel Angel
@ntrrg
Jun 08 2017 00:25
@shannonmerrell1 you should put the p rule after de } of the class
Margaret
@Margaret2
Jun 08 2017 00:25
@shannonmerrell1 can't have the p brackets inside the .red-text brackets
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:25
@criskoh class="smaller-image secondclasshere">
talha
@tkaa
Jun 08 2017 00:25
@ravikishorethella did not work
Shannon M
@shannonmerrell1
Jun 08 2017 00:26
@Margaret2 @ntrrg @ravikishorethella thank you!
CamperBot
@camperbot
Jun 08 2017 00:26
shannonmerrell1 sends brownie points to @margaret2 and @ntrrg and @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 56 | @ntrrg |http://www.freecodecamp.com/ntrrg
:star2: 2630 | @margaret2 |http://www.freecodecamp.com/margaret2
:cookie: 449 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:26
@shannonmerrell1 :thumbsup:
Nick Setter
@Settern
Jun 08 2017 00:26
How do I nest this form action into this input:
Chris
@criskoh
Jun 08 2017 00:26
thank you @ravikishorethella
CamperBot
@camperbot
Jun 08 2017 00:26
criskoh sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 450 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:26
@tkaa show the updated code
@criskoh :thumbsup:
talha
@tkaa
Jun 08 2017 00:27
@ravikishorethella <p>Click here for more<a #="http://www.freecatphotoapp.com"> cat photos</a>.</p>
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:27

@Settern

<form action="">
<your input tags here>
</form>

@tkaa <a href="#">
talha
@tkaa
Jun 08 2017 00:27
@ravikishorethella oh that makes more sense. Thank you very much.
CamperBot
@camperbot
Jun 08 2017 00:27
tkaa sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 451 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:27
@tkaa :thumbsup:
Tumentugs Shatarbal
@Tumentugs2015
Jun 08 2017 00:28
hey guys.. how can I do comment out?
angela
@angelapetsuch
Jun 08 2017 00:28
anyone have issues with inputting the short hex color for fuchsia? What I'm doing for sure seems right...
acamarillo95
@acamarillo95
Jun 08 2017 00:28
Just hit the exit if you want to leave the chat
snnywilliams6
@snnywilliams6
Jun 08 2017 00:28
I need some help importing a Google font. Can anyone lend some guidance?
Hsters22
@Hsters22
Jun 08 2017 00:28
<script>
$(document).ready(function() {
$("button").addClass("animatedbounce");
});
</script>
adding jquery to an html page trying to get buttons to bounce dont know if $("button").addClass("animatedbounce"); is in the right place
acamarillo95
@acamarillo95
Jun 08 2017 00:28
I also need help making my picture smaller
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:28
@Tumentugs2015 <!--this is a comment-->
Tumentugs Shatarbal
@Tumentugs2015
Jun 08 2017 00:29
thank you @ravikishorethella
CamperBot
@camperbot
Jun 08 2017 00:29
tumentugs2015 sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 452 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:29
@Hsters22 there should be space between animated and bounce in "animatedbounce"
@Tumentugs2015 :thumbsup:
Hsters22
@Hsters22
Jun 08 2017 00:29
wow that took way to long
i even tried a "-"
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:30
@acamarillo95 did you add class to your <img> tag?
Hsters22
@Hsters22
Jun 08 2017 00:30
thanks raviole
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:30
@Hsters22 :thumbsup:
cntrlCcoder
@cntrlCcoder
Jun 08 2017 00:32
hi guys
<button class="btn btn-block btn-primary" i class="fa fa-thumbs-up">Like</button>
can anyone see what im doing wrong with the iclass?
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:34

@cntrlCcoder
this is the syntax

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

cntrlCcoder
@cntrlCcoder
Jun 08 2017 00:34
@ravikishorethella alright il give that a go.
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:35
@cntrlCcoder :thumbsup:
cntrlCcoder
@cntrlCcoder
Jun 08 2017 00:36
@ravikishorethella your a god.
@ravikishorethella it worked like a treat! thanks mate
CamperBot
@camperbot
Jun 08 2017 00:36
cntrlccoder sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 453 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:37
@cntrlCcoder :thumbsup:
Lionel
@dufresnel
Jun 08 2017 00:37
@sahanabalram Thank you so much!
CamperBot
@camperbot
Jun 08 2017 00:37
dufresnel sends brownie points to @sahanabalram :sparkles: :thumbsup: :sparkles:
:cookie: 154 | @sahanabalram |http://www.freecodecamp.com/sahanabalram
Downs34
@Downs34
Jun 08 2017 00:40
Having huge trouble with the CSS part. Any suggestions to make it easier?
Anyone???
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:42
@Downs34 what is the challenge?
sandy02
@sandy02
Jun 08 2017 00:43
@Downs34 I guess keep trying is the key,. More u try more u learn
Alberto De Lucca
@adeluccar
Jun 08 2017 00:44
@Downs34 Yeah. Keep at it. It will click.
maramemma
@maramemma
Jun 08 2017 00:47
hi guys i got stuck in the chanllenge 15 ..anyone can help me
Elliw Seehorn
@ellsee
Jun 08 2017 00:48

<script>
$(document).ready(function() {});
</script>

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

why does this not work?

@maramemma paste the code and the issue you're having
sandy02
@sandy02
Jun 08 2017 00:49
@maramemma name of the challenge?
Pierre Talla
@petittom
Jun 08 2017 00:50
how do I go back to the previous challenge ?
Kyle Holm
@thekholm80
Jun 08 2017 00:50
@petittom click on the Map in the top right corner
maramemma
@maramemma
Jun 08 2017 00:50
it's name Change the Font Size of an Element
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:50
@petittom go to map and and you can find it there
Pierre Talla
@petittom
Jun 08 2017 00:50
@thekholm80 thx
CamperBot
@camperbot
Jun 08 2017 00:50
petittom sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 979 | @thekholm80 |http://www.freecodecamp.com/thekholm80
maramemma
@maramemma
Jun 08 2017 00:51
i did them exept this one : Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:51
@maramemma show your code
maramemma
@maramemma
Jun 08 2017 00:51

<style>
.red-text {
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>

sandy02
@sandy02
Jun 08 2017 00:52
@ellsee what issue u r facing?
maramemma
@maramemma
Jun 08 2017 00:52
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100% ...i'm stuck here
Elliw Seehorn
@ellsee
Jun 08 2017 00:52
It says chrome blocks the code because it's unsafe @sandy02
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:52
@maramemma the question is to give the p elements font-size of 16px
create a p selector inside the <style> tags and give the font-size property to that
Elliw Seehorn
@ellsee
Jun 08 2017 00:53
@maramemma disocciate it from the red text, you can have multiple classes in one style tag
sandy02
@sandy02
Jun 08 2017 00:53
@maramemma p{font-size :16px}
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:53
@sandy02 don't post answers
@sandy02 even your answer has a mistake
Elliw Seehorn
@ellsee
Jun 08 2017 00:54
@maramemma you keep the redtext as is, set up a new one the same way underneath with p as the qualifier rather than redtext
maramemma
@maramemma
Jun 08 2017 00:55
@ellsee @sandy02 thanks guys i got it
CamperBot
@camperbot
Jun 08 2017 00:55
maramemma sends brownie points to @ellsee and @sandy02 :sparkles: :thumbsup: :sparkles:
:cookie: 122 | @sandy02 |http://www.freecodecamp.com/sandy02
:cookie: 100 | @ellsee |http://www.freecodecamp.com/ellsee
sandy02
@sandy02
Jun 08 2017 00:55
@ravikishorethella ohh sorry.. mistake? semicolon ryt?
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:55
@sandy02 yes
sandy02
@sandy02
Jun 08 2017 00:56
@ravikishorethella thanku :)
CamperBot
@camperbot
Jun 08 2017 00:56
sandy02 sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 454 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:56
@sandy02 :thumbsup:
Jared
@Stoic0209
Jun 08 2017 00:56
Hello all! I seem to be having a problem with nesting an anchor element within a paragraph.
Elliw Seehorn
@ellsee
Jun 08 2017 00:56
@Stoic0209 code plz?
Jared
@Stoic0209
Jun 08 2017 00:56
Sure:
<p>
<a href="http://www.freecatphotoapp.com">cat photos</a>
</p>
Am I doing something really silly?
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:57
@Stoic0209 I think there should not be www. in http://www.freecatphotoapp.com
check the instructions
sandy02
@sandy02
Jun 08 2017 00:57
@ellsee : I think many others face the same problem.. I am not sure how to resolve it
Hunter Douglas
@almightybeavis
Jun 08 2017 00:58
Hey guys I'm at the part of the lesson where I need to create a form element and I am totally lost, I haven't been on the site for a couple days and this was were I left off and I cant seem to figure this out. What exactly is it asking of me?
Elliw Seehorn
@ellsee
Jun 08 2017 00:58
but the code itself is correct? can i still gain certification without this one challenge?
Jared
@Stoic0209
Jun 08 2017 00:58
Hmm... ok it works now. :D Thanks!
sandy02
@sandy02
Jun 08 2017 00:59
@ellsee can u name this challenge, I will try at my end by copy paste
Elliw Seehorn
@ellsee
Jun 08 2017 00:59
@Stoic0209 remove www. and retry. ctrl c from instructions will be your friend here
Learn how Script Tags and Document Ready Work @sandy02
CoughDrop23
@CoughDrop23
Jun 08 2017 00:59
@almightybeavis at the end if your code you add the <form> with your form action
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 00:59
@ellsee not all challenges are mandatory. check the challenges in the map. The ones with asterick(*) mark are mandatory to get certificate
Elliw Seehorn
@ellsee
Jun 08 2017 01:01
ok! good tip! i hope the bot sends you brownie points @ravikishorethella same goes for @sandy02
sandy02
@sandy02
Jun 08 2017 01:01
@ellsee your code works perfect at my end :)
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 01:01
@ellsee haha :smile:
Jorge Vargas
@jvsole17
Jun 08 2017 01:02
can someone help me with this challenge https://www.freecodecamp.com/challenges/give-a-background-color-to-a-div-element#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%3Cdiv%3E%0A%20%20%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%3C%2Fdiv%3E%0A%0A%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%20checked%3E%20Indoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%20checked%3E%20Loving%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Energetic%3C%2Flabel%3E%0A%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%3C%2Fform%3E%0A
sorry
MRLSU
@MRLSU
Jun 08 2017 01:02
Wtf
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 01:02
@MRLSU what happened :smile:
Elliw Seehorn
@ellsee
Jun 08 2017 01:03
@sandy02 ok good to know my computer just sucks at this. i've always hated lenovo...
sandy02
@sandy02
Jun 08 2017 01:04
guys I have asked the question yesterday but didnot knw any one answerd it or not.. I am having confusin with container tag in bootstrap. In the challenge https://www.freecodecamp.com/challenges/use-responsive-design-with-bootstrap-fluid-containers it says nest ur all html code in container div.. does it means whenever we use bootstrap after <html> tag ur next tag should be <div class ='container-fluid'> ?
Kyle Holm
@thekholm80
Jun 08 2017 01:05
how can you hate lenovo?
that's blasphemy
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 01:05
@thekholm80 :clap:
sandy02
@sandy02
Jun 08 2017 01:05
@ellsee :+1:
Kyle Holm
@thekholm80
Jun 08 2017 01:06
@sandy02 in the simplest terms you would want everything inside the <body> tag to be in a container-fluid
Margaret
@Margaret2
Jun 08 2017 01:06
@thekholm80 can we hate dell? is that ok?
Kyle Holm
@thekholm80
Jun 08 2017 01:06
oh yeah
Margaret
@Margaret2
Jun 08 2017 01:06
:joy:
Kyle Holm
@thekholm80
Jun 08 2017 01:06
dell hate is totally a real thing
and hp
sorry Coy
Margaret
@Margaret2
Jun 08 2017 01:07
haha
can someone help me with that challenge
sandy02
@sandy02
Jun 08 2017 01:08

@thekholm80 then how does this code work

<!DOCTYPE html>

<html lang="en">

<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<body>

<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">WebSiteName</a>
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Page 1</a></li>
<li><a href="#">Page 2</a></li>
<li><a href="#">Page 3</a></li>
</ul>
</div>
</nav>

<div class="container">
<h3>Basic Navbar Example</h3>
<p>A navigation bar is a navigation header that is placed at the top of the page.</p>
</div>

</body>
</html>
as after body we have nav tag not container div

Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 01:08
@jvsole17 first create a class for the <div> tag
Kyle Holm
@thekholm80
Jun 08 2017 01:08
@Margaret2 2 laptops ago I had a Dell XPS, paid a lot for it, couldn't update past Vista because dell didn't make drivers for Win 7+
Margaret
@Margaret2
Jun 08 2017 01:08
@ellsee the challenge instructions say you have to put }); on a new line. For some people it works without the new line, for some it doesn't
Jorge Vargas
@jvsole17
Jun 08 2017 01:09
@ravikishorethella what do u mean create a class?
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 01:09
@jvsole17 sorry add a class
Margaret
@Margaret2
Jun 08 2017 01:10
@thekholm80 the first laptop my family had was a dell, so i am a little nostalgic about it :smirk:
Trent Taylforth
@ttayl107
Jun 08 2017 01:10
Hey everyone, was wondering if someone could help me with creating a form element in this challenge http://tinyurl.com/y92ewgz4
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 01:10
@jvsole17 add class="silver-background" to the existing <div> tag
Jorge Vargas
@jvsole17
Jun 08 2017 01:11
@ravikishorethella ok im gonna see lol
Kyle Holm
@thekholm80
Jun 08 2017 01:11
@Margaret2 My first was a toshiba, never again lol
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 01:11
@ttayl107 everything is given in the instructions
Kyle Holm
@thekholm80
Jun 08 2017 01:11
but it ran windows 3.11 so it's a little outdated
Margaret
@Margaret2
Jun 08 2017 01:11
:confused: My Toshiba has been really good, maybe you got a cheap one?
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 01:12

@ttayl107

<form action="....">
</form>

Margaret
@Margaret2
Jun 08 2017 01:12
diomed also has a toshiba
Kyle Holm
@thekholm80
Jun 08 2017 01:12
I haven't had one since
I'm sure they're okay
I don't miss my dial up modem, 16mb hard drive, 486dx processor
Trent Taylforth
@ttayl107
Jun 08 2017 01:13
@ravikishorethella i've done that, this is what it looks like.
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>
Margaret
@Margaret2
Jun 08 2017 01:13
sadly they no longer make consumer computers or i would buy a new one
Kyle Holm
@thekholm80
Jun 08 2017 01:13
ThinkPads are my favorite
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 01:13
@ttayl107 reload the browser
Margaret
@Margaret2
Jun 08 2017 01:13
all they make are these ugly black bricks for business now :disappointed:
Kyle Holm
@thekholm80
Jun 08 2017 01:13
but it's super powerful ugly black bricks
Margaret
@Margaret2
Jun 08 2017 01:13
i guess so
Kyle Holm
@thekholm80
Jun 08 2017 01:14
Apple just announced they are releasing a whole new line that's almost as powerful as my old thinkpad
Margaret
@Margaret2
Jun 08 2017 01:14
@ttayl107 hey, this isn't a place to give answers
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 01:15
@Margaret2 he is posting her code. Not answers .
Margaret
@Margaret2
Jun 08 2017 01:15
@ravikishorethella posting your solution for someone else is giving an answer
and Trent is a guy's name
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 01:15
@Margaret2 you got it wrong, his code is not executing so, he is asking to take a look at it
cntrlCcoder
@cntrlCcoder
Jun 08 2017 01:16

@ravikishorethella the man.. can you help me with this? What am i missing to add both Color and Centering??

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

Kyle Holm
@thekholm80
Jun 08 2017 01:16
fight! fight!
Margaret
@Margaret2
Jun 08 2017 01:17
@ravikishorethella ah ok, I see
sorry to disappoint you @thekholm80 :D
Kyle Holm
@thekholm80
Jun 08 2017 01:17
maybe next time
gonna pop some popcorn just in case
cntrlCcoder
@cntrlCcoder
Jun 08 2017 01:17
@thekholm80 lol
Margaret
@Margaret2
Jun 08 2017 01:17
i hate big fights
that's what makes me mad about the main room
Kyle Holm
@thekholm80
Jun 08 2017 01:18
I don't like being involved in them
Trent Taylforth
@ttayl107
Jun 08 2017 01:18
@ravikishorethella @Margaret2 I worked it out, my Ad block extension was stopping me from proceeding, nothing wrong with the code.
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 01:18
@cntrlCcoder
<text class="classone classtwo"> not "classone" "classtwo"
Kyle Holm
@thekholm80
Jun 08 2017 01:18
don't mind watching from the sideline
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 01:18
@ttayl107 :thumbsup:
Margaret
@Margaret2
Jun 08 2017 01:18
there are small things that could be easily defused in a few minutes
but some people insist on throwing a fit
Phoebe
@Moxxerroxx
Jun 08 2017 01:19
@thekholm80 popcorn is always better with a little salt ;)
Kyle Holm
@thekholm80
Jun 08 2017 01:19
@Moxxerroxx I'm probably salty enough lol
Phoebe
@Moxxerroxx
Jun 08 2017 01:19
@thekholm80 lol
cntrlCcoder
@cntrlCcoder
Jun 08 2017 01:20
@ravikishorethella hmmmm.. still didnt seem to work.
mh259
@mh259
Jun 08 2017 01:20

hi
why i cant reize the image

<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" style=".smaller-image {width: 100px;} " alt="A cute orange cat lying on its back. ">

Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 01:20
@cntrlCcoder show what you have got
Phoebe
@Moxxerroxx
Jun 08 2017 01:20
I'm a bit nervous, but time to dig in to the challenges! :)
cntrlCcoder
@cntrlCcoder
Jun 08 2017 01:20
<h3><text class="text-primary text-center">jQuery Playgroud</h3>
Kyle Holm
@thekholm80
Jun 08 2017 01:20
you can do it @Moxxerroxx . if I can learn it anyone can
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 01:20
@mh259 remove {width: 100px;} from your <img> tag
Margaret
@Margaret2
Jun 08 2017 01:20
@mh259 this is CSS syntax: .smaller-image {width: 100px;}. You can't put it in a style="" attribute, you have to put it in the <style> element
Esther Zhang
@Esther0828
Jun 08 2017 01:21
??
Margaret
@Margaret2
Jun 08 2017 01:21
@mh259 you need to use class="..." to add the class name to your <img> like you did for the red-text class earlier
Ravi Kishore Thella
@ravikishorethella
Jun 08 2017 01:22
@cntrlCcoder read the instructions again
cntrlCcoder
@cntrlCcoder
Jun 08 2017 01:22
K.
Kyle Holm
@thekholm80
Jun 08 2017 01:22
@Margaret2 my projects are so embarrasing now
Margaret
@Margaret2
Jun 08 2017 01:23
what, looking back on your tribute and such?
Kyle Holm
@thekholm80
Jun 08 2017 01:23
no, my full stack stuff
Margaret
@Margaret2
Jun 08 2017 01:23
why
Kyle Holm
@thekholm80
Jun 08 2017 01:24
does this look like it was done by someone who's learned front end dev?
Margaret
@Margaret2
Jun 08 2017 01:24
bahahahaha
sorry :laughing:
Kyle Holm
@thekholm80
Jun 08 2017 01:24
like i said, embarrasing
cntrlCcoder
@cntrlCcoder
Jun 08 2017 01:25
Guys im still stuck. Sorry -_-
<h3><text class="text-primary text-center">jQuery Playground</h3>
Margaret
@Margaret2
Jun 08 2017 01:25
well, sometimes you just want to get done with it
Kyle Holm
@thekholm80
Jun 08 2017 01:26
honestly it's really hard for me to build anything front-end without React now
CreateTheHype
@CreateTheHype
Jun 08 2017 01:26
@cntrlCcoder take out the "text"
Kyle Holm
@thekholm80
Jun 08 2017 01:26
I'm like a dog with only one trick
cntrlCcoder
@cntrlCcoder
Jun 08 2017 01:27
@CreateTheHype - but then there is nothing attached the the class?
CreateTheHype
@CreateTheHype
Jun 08 2017 01:27
<h3 class="text-primary text-center">jQuery Playground</h3>
Alberto De Lucca
@adeluccar
Jun 08 2017 01:27
@cntrlCcoder <h3 class=...
cntrlCcoder
@cntrlCcoder
Jun 08 2017 01:27
AHHHHH
CreateTheHype
@CreateTheHype
Jun 08 2017 01:27
my bad sorry
Alberto De Lucca
@adeluccar
Jun 08 2017 01:27
;)
CreateTheHype
@CreateTheHype
Jun 08 2017 01:27
and the bracket
mh259
@mh259
Jun 08 2017 01:27

<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" class=".smaller-image" alt="A cute orange cat lying on its back. "> @Margaret2

cntrlCcoder
@cntrlCcoder
Jun 08 2017 01:27
@CreateTheHype @adeluccar thanks guys.
CamperBot
@camperbot
Jun 08 2017 01:27
:cookie: 155 | @adeluccar |http://www.freecodecamp.com/adeluccar
:cookie: 158 | @createthehype |http://www.freecodecamp.com/createthehype
cntrlccoder sends brownie points to @createthehype and @adeluccar :sparkles: :thumbsup: :sparkles:
Margaret
@Margaret2
Jun 08 2017 01:28
@mh259 you don't put the . before the class name in HTML
Alberto De Lucca
@adeluccar
Jun 08 2017 01:28
@cntrlCcoder :+1:
@mh259 The period for classes is only used in the stylesheet
CreateTheHype
@CreateTheHype
Jun 08 2017 01:29
@mh259 take the period out from in front fo red-text
Margaret
@Margaret2
Jun 08 2017 01:30
red-text smaller-image
Jared
@Stoic0209
Jun 08 2017 01:30
Hello everyone, quick question on using a form element and nesting my input element within.
<form action ="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>
Shouldn't this work? :D
Margaret
@Margaret2
Jun 08 2017 01:30
looks fine, have you tried refreshing
Jared
@Stoic0209
Jun 08 2017 01:31
that did it. :) Thanks!
Margaret
@Margaret2
Jun 08 2017 01:31
:+1:
Steven Nyeo
@limpingstone
Jun 08 2017 01:32
For the tribute page and the personal portfolio project, I wonder how much effort we should put in? Just saw some videos who built their page in 5 minutes, while the intro states it may take days.
CreateTheHype
@CreateTheHype
Jun 08 2017 01:33
yea it shouldnt take you days
Bruno de Jesus Santos
@BrunoDesenv
Jun 08 2017 01:33
Browser zoom should be at 100%. ???
CreateTheHype
@CreateTheHype
Jun 08 2017 01:33
just follow the rules (user stories)
Paul Walters
@PaulWalt74
Jun 08 2017 01:33
Having an issue is this code passable?<p>Things cats<span class ="text-danger"></span><span>love</span> </p>
Steven Nyeo
@limpingstone
Jun 08 2017 01:33
You know, the 50 hour thing LOL @CreateTheHype it scares the wits out of people
mh259
@mh259
Jun 08 2017 01:33

<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" class=".smaller-image" alt="A cute orange cat lying on its back. ">
@Margaret2 @CreateTheHype not work and i put .

CreateTheHype
@CreateTheHype
Jun 08 2017 01:34

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

<img src="https://bit.ly/fcc-relaxing-cat" alt="kitty cat">

Kyle Holm
@thekholm80
Jun 08 2017 01:34
@mh259 class=".smaller-image" no . here
Margaret
@Margaret2
Jun 08 2017 01:34
@mh259 this is wrong: class=".smaller-image" you need to remove the .
cntrlCcoder
@cntrlCcoder
Jun 08 2017 01:35

<div class="col-xs-6 well"></div>

Does the well need to be seperate?

Paul Walters
@PaulWalt74
Jun 08 2017 01:35
use img {width:"100px";
Margaret
@Margaret2
Jun 08 2017 01:35
@PaulWalt74 that's not right for this challenge
@cntrlCcoder what exactly did the instructions say
Paul Walters
@PaulWalt74
Jun 08 2017 01:36
I know but that's the only way to pass it with Linux OS
Alberto De Lucca
@adeluccar
Jun 08 2017 01:36
@limpingstone @CreateTheHype I just finished today my tribute page. I know everyone's got their own timing according to their knowledge. In my particular case, it took me about 4 hours.
cntrlCcoder
@cntrlCcoder
Jun 08 2017 01:36
@Margaret2 - Add a div element with the class well inside each of your div elements with the class "col-xs-6"
Alberto De Lucca
@adeluccar
Jun 08 2017 01:36
Mostly because I was reading the wrong documentation for bootstrap.
Margaret
@Margaret2
Jun 08 2017 01:36
@cntrlCcoder yeah, so it should be a separate well div - key word is inside
Alberto De Lucca
@adeluccar
Jun 08 2017 01:36
I didn't realize that codepen uses bootstrap 4
Elliw Seehorn
@ellsee
Jun 08 2017 01:36
@thekholm80 @ravikishorethella my school requires a specific model that frequently breaks or malfunctions in some capacity, im sure they put out great products, not ones i have access to though. also my friend sent hers for repair and 6 months later she didnt get it back. also their stylus port melted my stylus 3 times now, had to replace out of pocket every time. so yeah, not a lenovo fan ¯_(ツ)_/¯
Kyle Holm
@thekholm80
Jun 08 2017 01:36
@PaulWalt74 that's not right
Margaret
@Margaret2
Jun 08 2017 01:37
@PaulWalt74 what code did you have that passed it, that should not be passing
CreateTheHype
@CreateTheHype
Jun 08 2017 01:37
@adeluccar yea the portfolio took me all day but not too bad
Alberto De Lucca
@adeluccar
Jun 08 2017 01:37
@CreateTheHype I went ahead and hosted it on github to practice that too.
Kyle Holm
@thekholm80
Jun 08 2017 01:37
@ellsee oh well, more thinkpads for me :smile: sorry you've had bad luck
Alberto De Lucca
@adeluccar
Jun 08 2017 01:37
@CreateTheHype That's my day tomorrow.
I think that the single most valuable skill in coding nowadays is knowing how to google the problem in the right way.
Kyle Holm
@thekholm80
Jun 08 2017 01:38
^
CreateTheHype
@CreateTheHype
Jun 08 2017 01:38
true
Steven Nyeo
@limpingstone
Jun 08 2017 01:38
@adeluccar Did you use any styling? I believe we don't have to use CSS yet?
Margaret
@Margaret2
Jun 08 2017 01:39
i'm gonna take a shot everytime I hear someone say you just need to google stuff :unamused:
Paul Walters
@PaulWalt74
Jun 08 2017 01:39
<p>Things cats<span class ="text-danger"></span><span>love</span> </p> What's wrong here?
Alberto De Lucca
@adeluccar
Jun 08 2017 01:39
@limpingstone I didn't. Except for the margin call in the beginning. That's all Bootstrap.
@Margaret2 I'll join you — but I need to google which drink.
Kyle Holm
@thekholm80
Jun 08 2017 01:39
@Margaret2 add that to the 'those aren't radio buttons' and this is going to be some drunk chat
Margaret
@Margaret2
Jun 08 2017 01:39
:goberserk: @adeluccar
mh259
@mh259
Jun 08 2017 01:39
thx @Margaret2 @thekholm80 i do it
CamperBot
@camperbot
Jun 08 2017 01:39
mh259 sends brownie points to @margaret2 and @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 980 | @thekholm80 |http://www.freecodecamp.com/thekholm80
:star2: 2631 | @margaret2 |http://www.freecodecamp.com/margaret2
Margaret
@Margaret2
Jun 08 2017 01:39
@thekholm80 :joy:
Kyle Holm
@thekholm80
Jun 08 2017 01:40
oh, and I think someone added "browser zoom" to the list
CreateTheHype
@CreateTheHype
Jun 08 2017 01:40
@PaulWalt74 i dont think you should be using span
Paul Walters
@PaulWalt74
Jun 08 2017 01:41
with that one piece of code .smaller-image i did everything correct so i improvised and it worked.
Alberto De Lucca
@adeluccar
Jun 08 2017 01:42
Whoa @Margaret2 (2631!)
Paul Walters
@PaulWalt74
Jun 08 2017 01:42
Thanks Create the Hype I'll try toying with that again
CreateTheHype
@CreateTheHype
Jun 08 2017 01:43
<p>Things cats <span class="text-danger">love:</span></p> @PaulWalt74
Elliw Seehorn
@ellsee
Jun 08 2017 01:47

<script>
$(document).ready(function() {

});
</script>

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

what is wrong with my code
Curtis50Jackson87
@Curtis50Jackson87
Jun 08 2017 01:47
please help me understand why this isn't working to resize the image Everything that iv'e read looks like its right.

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

Alexander Køpke
@alexanderkopke
Jun 08 2017 01:48
@ellsee the jQuery goes in the script
@ellsee
$(document).ready(function() {
jQuery goes here
});
</script>
Elliw Seehorn
@ellsee
Jun 08 2017 01:49
thank you
Pwed32
@Pwed32
Jun 08 2017 01:50
@Curtis50Jackson87 on your </style add a ">" at the end
Alexander Køpke
@alexanderkopke
Jun 08 2017 01:50
@Curtis50Jackson87 your smaller-image needs a dot. And then you also need to add it to the img element in the same fashion as the red-text class has been added to the h2 element
CreateTheHype
@CreateTheHype
Jun 08 2017 01:50
@Curtis50Jackson87 yea your smaller image needs a dot in front
@Curtis50Jackson87 yea and close out your style sheet </style>
Alexander Køpke
@alexanderkopke
Jun 08 2017 01:52
it is the stylish thing to do :)
Kyle Holm
@thekholm80
Jun 08 2017 01:52
@alexanderkopke :wave:
CreateTheHype
@CreateTheHype
Jun 08 2017 01:52
:smile:
kennedy
@kennedyk08
Jun 08 2017 01:52
hello world
Alexander Køpke
@alexanderkopke
Jun 08 2017 01:52
hiya @thekholm80
Feanny Lane
@feannylane13
Jun 08 2017 01:53

Hi, i'm having trouble in giving the text input in my form the class form-control. This is my code:

<button class="btn btn-primary">
<input type="text from-control" placeholder="cat photo URL" required>
<button type="submit"><i class="fa fa-paper-plane"></i>Submit</button>

can someone help me. Thanks' :)

sonnguyen2603
@sonnguyen2603
Jun 08 2017 01:54

@sonnguyen2603
var myVar = 87;

// Only change code below this line
myVar = myVar ++;
can anyone tell me where I did it wrong ? the result should be 88

Kyle Holm
@thekholm80
Jun 08 2017 01:54
@sonnguyen2603 ++ both assigns and increments, so you don't need =
if i want to increment i by one, it's just i++
sonnguyen2603
@sonnguyen2603
Jun 08 2017 01:55
okay got it thank you @thekholm80
CamperBot
@camperbot
Jun 08 2017 01:55
sonnguyen2603 sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 981 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Alexander Køpke
@alexanderkopke
Jun 08 2017 01:57
@feannylane13 I think you just need one button that has it all.. classes, type, the i tags etc. the input should have type="text" and class="form-control" you wrote type="text from-control" but form-control isn't a type but a class
Steve Rios
@steverios3
Jun 08 2017 01:58

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

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

What is wrong with this code?

Curtis50Jackson87
@Curtis50Jackson87
Jun 08 2017 01:58
like this? <img class="".smaller-image">{width:100px;}</img>
</style>
CreateTheHype
@CreateTheHype
Jun 08 2017 01:59
@feannylane13
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
Alexander Køpke
@alexanderkopke
Jun 08 2017 02:00
@Curtis50Jackson87 inside the element we don't need to put a dot because we are saying it is a class already with class="smaller-image"
@Curtis50Jackson87 wait. Did you put the element inside the styling tags?
CreateTheHype
@CreateTheHype
Jun 08 2017 02:00
sorry @feannylane13 try this
<input type="text" placeholder="cat photo URL" class="form-control" required>
<button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i>Submit</button>
Kyle Borden
@Shamuh
Jun 08 2017 02:01
Hello everyone, I am having a hard time to get it to nest, what am I doing wrong?
<form action="/submit-cat-photo"> <h2 class="red-text">CatPhotoApp</h2></form>
Alexander Køpke
@alexanderkopke
Jun 08 2017 02:01
@Curtis50Jackson87 you had this before: smaller-image{width:100px;} and you just needed to put a dot in front of it: .smaller-image{width:100px;}
Curtis50Jackson87
@Curtis50Jackson87
Jun 08 2017 02:01
that wpm
That doesn't complete the challenge. I've tried that.
yes its inside of the style tags
Kyle Borden
@Shamuh
Jun 08 2017 02:02
@Curtis50Jackson87 post it again please
Feanny Lane
@feannylane13
Jun 08 2017 02:02
@alexanderkopke and @CreateTheHype I got it. Thanks' :smile:
CamperBot
@camperbot
Jun 08 2017 02:02
feannylane13 sends brownie points to @alexanderkopke and @createthehype :sparkles: :thumbsup: :sparkles:
:cookie: 159 | @createthehype |http://www.freecodecamp.com/createthehype
:star2: 1449 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
Elliw Seehorn
@ellsee
Jun 08 2017 02:02

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

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target" 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>

I don't see the issue here

Alexander Køpke
@alexanderkopke
Jun 08 2017 02:02
@Shamuh you nested an h2 element inside the form element. You should have an input inside the form element
@ellsee well is a class and needs a dot in front of it
Curtis50Jackson87
@Curtis50Jackson87
Jun 08 2017 02:03

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

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

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
<img class="smaller-image">{width:100px;}</img>
</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>

Elliw Seehorn
@ellsee
Jun 08 2017 02:04
@alexanderkopke dude I'm such an idiot thanks loads!
CamperBot
@camperbot
Jun 08 2017 02:04
ellsee sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star2: 1450 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
Alexander Køpke
@alexanderkopke
Jun 08 2017 02:05
@Curtis50Jackson87 true it didn't work even with the dot because you also needed to add the class to the img element. Like you see with the red-text class. It is created in the style with a dot and then added to the h2 element. Take a moment and look at it.
Kyle Borden
@Shamuh
Jun 08 2017 02:05
@Curtis50Jackson87 your code does not know what the class is, you have not defined the smaller-image to anything from the looks of it
Alexander Køpke
@alexanderkopke
Jun 08 2017 02:05
@ellsee I think you're smart. All that was needed was a dot.
CreateTheHype
@CreateTheHype
Jun 08 2017 02:06
@ellsee looks fine to me haha
Curtis50Jackson87
@Curtis50Jackson87
Jun 08 2017 02:06
so I have to create the class outside of the style tags?
Steve Rios
@steverios3
Jun 08 2017 02:06

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

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

What is wrong with this code?

Kyle Borden
@Shamuh
Jun 08 2017 02:06
@alexanderkopke ill try it, thank you
CamperBot
@camperbot
Jun 08 2017 02:06
shamuh sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star2: 1451 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
CreateTheHype
@CreateTheHype
Jun 08 2017 02:08

@steverios3 looks good to me try

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

Alexander Køpke
@alexanderkopke
Jun 08 2017 02:08
// So first I create the className class
<style>
.className{
color: green;
}
</style>
// then I add it to the h1 element. The Text will then appear green.
<h1 class="className">Text</h1>
Jahshot
@Jahshot
Jun 08 2017 02:08
@steverios3 whats the objective?
Evans Head
@evanshead
Jun 08 2017 02:09
Hey guys, I'm new here :)
Kyle Holm
@thekholm80
Jun 08 2017 02:09
@evanshead welcome
lisalochead
@lisalochead
Jun 08 2017 02:09
Nest the existing img element within an a element.
Your a element should be a dead link with a href attribute set to #.
Make sure each of your a elements has a closing tag.
talha
@tkaa
Jun 08 2017 02:13
how do you nest an image within an "a" element
Jahshot
@Jahshot
Jun 08 2017 02:14
<a><img></a>
Yuserah Din
@YuserahN
Jun 08 2017 02:15
@tkaa <a href="#"><img src="#"></a>
talha
@tkaa
Jun 08 2017 02:16
confused. why is there a # for the img element. here is the code i put: <p>Click here for<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">cat photos</a>.</p>
Gautamdhruv
@Gautamdhruv
Jun 08 2017 02:16
how to change color of h2 elemets color in css selectors to style element
CreateTheHype
@CreateTheHype
Jun 08 2017 02:17
@Gautamdhruv
h2 {
color: blue;
{
Ian Larson
@ianlarson39
Jun 08 2017 02:20
how to uncomment?
CreateTheHype
@CreateTheHype
Jun 08 2017 02:20
--> @ianlarson39
talha
@tkaa
Jun 08 2017 02:20
can anyone help me
CreateTheHype
@CreateTheHype
Jun 08 2017 02:20
<!-- open and close --> @ianlarson39
Curtis50Jackson87
@Curtis50Jackson87
Jun 08 2017 02:21
thanks for the help guys. I got it resized, but it still won't accept that I've set the "smaller-image" class
Ian Larson
@ianlarson39
Jun 08 2017 02:21
example of uncommenting the elements?
CreateTheHype
@CreateTheHype
Jun 08 2017 02:21
@tkaa there is supposed to be a # in the href for a dead link, but the rest looks fine
Ian Larson
@ianlarson39
Jun 08 2017 02:21
Curtis50Jackson87
@Curtis50Jackson87
Jun 08 2017 02:22

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

<style>
.smaller-image {
width: 100px;
}
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
</style>
<img class="smaller-image"/img>
</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>

Yuserah Din
@YuserahN
Jun 08 2017 02:22
@tkaa It means it's a dead link.
CreateTheHype
@CreateTheHype
Jun 08 2017 02:22
@ianlarson39 you shouldnt have the <!-- and --> things on the ends
Troy Arthur
@kdt35
Jun 08 2017 02:22

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

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

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

why isnt my h2 element red
Yuserah Din
@YuserahN
Jun 08 2017 02:23
It doesn't lead anywhere, but it's clickable.
CreateTheHype
@CreateTheHype
Jun 08 2017 02:23
@tkaa take the period out of the code at the end in between </a> and </p>
@kdt35 your red text element should look like this
.red-text {
color: red;
}
take the h2 out from in front of red-text in your style sheet @kdt35
@Curtis50Jackson87 whats going wrong?
Charlie Wang
@einosky
Jun 08 2017 02:26
Hi guys, at challenge 30 and was asked to nest an image within an anchor element. Which I believe I've done but it won't let me pass
<a href="#">
<img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. ">
</a>
my code
I'm sure thats nested? o.o
Curtis50Jackson87
@Curtis50Jackson87
Jun 08 2017 02:27
i got it to resize, but it won't accept that "smaller-image" is a class. I'm not sure how
Charlie Wang
@einosky
Jun 08 2017 02:27
you check the syntax?
.class-name{
}
CreateTheHype
@CreateTheHype
Jun 08 2017 02:27
@Curtis50Jackson87 you closed your style sheet twice
Curtis50Jackson87
@Curtis50Jackson87
Jun 08 2017 02:28
didn't catch that. THanks
CreateTheHype
@CreateTheHype
Jun 08 2017 02:29
you gotta click on my name when you say thanks so i get brownie points :)
anvaya
@anvays
Jun 08 2017 02:30
hi
Curtis50Jackson87
@Curtis50Jackson87
Jun 08 2017 02:31
@CreateTheHype thanks
CamperBot
@camperbot
Jun 08 2017 02:31
curtis50jackson87 sends brownie points to @createthehype :sparkles: :thumbsup: :sparkles:
:cookie: 160 | @createthehype |http://www.freecodecamp.com/createthehype
CreateTheHype
@CreateTheHype
Jun 08 2017 02:32
ayyeeeee thanks @Curtis50Jackson87
CamperBot
@camperbot
Jun 08 2017 02:32
createthehype sends brownie points to @curtis50jackson87 :sparkles: :thumbsup: :sparkles:
:cookie: 24 | @curtis50jackson87 |http://www.freecodecamp.com/curtis50jackson87
CreateTheHype
@CreateTheHype
Jun 08 2017 02:33
@einosky whats the challenge name i can help you
Charlie Wang
@einosky
Jun 08 2017 02:33
@CreateTheHype Hey mate, it's the "Turn an Image into a Link" challenge
I've reset the code and giving it a go again.
@CreateTheHype Heya, I've fixed it this time, it was bugging out on me before
@CreateTheHype Thanks for the offer of help :)
CamperBot
@camperbot
Jun 08 2017 02:34
einosky sends brownie points to @createthehype :sparkles: :thumbsup: :sparkles:
:cookie: 161 | @createthehype |http://www.freecodecamp.com/createthehype
Curtis50Jackson87
@Curtis50Jackson87
Jun 08 2017 02:35
What am I doing wrong to get "smaller-image" accepted as a class?
Jahshot
@Jahshot
Jun 08 2017 02:35
we have brownies!?!
CreateTheHype
@CreateTheHype
Jun 08 2017 02:35
@Curtis50Jackson87 you .smaller-image class is correct in your styles
Mario Concoha
@Mariocard
Jun 08 2017 02:36

guys I have cople of issues with my code....the system told me that make sure about each of my div elements has clossing tag....I was cheking several time Im pretty sure each element is clossing....
<div class="row">
<div class="col-xs-4">

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

  <div class="row">
  <div class="col-xs-4">

<button class="btn btn-block btn-info">Info</button>
</div>

   <div class="row">
   <div class="col-xs-4">

<button class="btn btn-block btn-danger">Delete</button>
</div>
<div class="row">
<div class="col-xs-4">

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

  <div class="row">
  <div class="col-xs-4">

<button class="btn btn-block btn-info">Info</button>
</div>

   <div class="row">
   <div class="col-xs-4">

<button class="btn btn-block btn-danger">Delete</button>
</div>

Ginger
@GingerChew
Jun 08 2017 02:36
Can I get some constructive criticism on my portfolio page? https://codepen.io/GingerChew/full/WObKRY/
CreateTheHype
@CreateTheHype
Jun 08 2017 02:36
@Curtis50Jackson87 you just need to add it into your img class =
Jahshot
@Jahshot
Jun 08 2017 02:36
@Mariocard for every div you have to close it
Kyle Holm
@thekholm80
Jun 08 2017 02:37
@GingerChew the right 2/3 of the screen are empty for me
Curtis50Jackson87
@Curtis50Jackson87
Jun 08 2017 02:37
@CreateTheHype thats what I thought. It won't let me pass this challenge ,Your img element should have the class smaller-image. @Jahshot
Muhammad Hussain
@ReactorboY
Jun 08 2017 02:37
Hey Campers
@thekholm80 :wave:
Kyle Holm
@thekholm80
Jun 08 2017 02:37
image.png
@GingerChew
Ginger
@GingerChew
Jun 08 2017 02:37
@thekholm80 fixed that, it should be right now
Kyle Holm
@thekholm80
Jun 08 2017 02:37
@ReactorboY :wave:
CreateTheHype
@CreateTheHype
Jun 08 2017 02:37
@Curtis50Jackson87 i dont have the exact code for this challenge but try something like this
<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>
Ginger
@GingerChew
Jun 08 2017 02:37
@thekholm80 is there anyway to center those cards into the center of the webpage?
Mario Concoha
@Mariocard
Jun 08 2017 02:38
Give an example please...
Kyle Holm
@thekholm80
Jun 08 2017 02:38
@GingerChew they look centered now
Jahshot
@Jahshot
Jun 08 2017 02:38
<div>
Kyle Holm
@thekholm80
Jun 08 2017 02:39
@GingerChew looks pretty good. the buttons at the top don't seem to do anything though. I do like how clean it looks
mattdgray99
@mattdgray99
Jun 08 2017 02:39

hello everyone I am completely new to coding and I don't know if I am doing something wrong here is my code for give a background color to a div element here is the code to style

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

.smaller-image {
width: 100px;
}

.silver-background {
background-color: silver;
}
</style>

Mario Concoha
@Mariocard
Jun 08 2017 02:39
Thats exaclty I did!
Jahshot
@Jahshot
Jun 08 2017 02:39
<div>
<div>
<div>
blahblah
</div>
</div>
</div> @Mariocard
Ginger
@GingerChew
Jun 08 2017 02:39
@thekholm80 Thanks! I'm a huge minimalist so thats good to hear!
CamperBot
@camperbot
Jun 08 2017 02:39
gingerchew sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 982 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Kyle Holm
@thekholm80
Jun 08 2017 02:39
@GingerChew I love clean and simple
mattdgray99
@mattdgray99
Jun 08 2017 02:40
and here is my code to div <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>
Ginger
@GingerChew
Jun 08 2017 02:40
@thekholm80 I haven't found any way to have those buttons link to certain parts of the page. Is that a jquery thing?
Kyle Holm
@thekholm80
Jun 08 2017 02:40
nah
put ids where you want to link to then use <a href='myId'></a> on the button
Ginger
@GingerChew
Jun 08 2017 02:41
@thekholm80 oh sick!
Kyle Holm
@thekholm80
Jun 08 2017 02:41
maybe it needs a #? can't remember
singhchamp1234
@singhchamp1234
Jun 08 2017 02:41
can someone help and explain the form element
Jahshot
@Jahshot
Jun 08 2017 02:41
@mattdgray99 your class in the div does not match your css
Mario Concoha
@Mariocard
Jun 08 2017 02:41
@Jahshot let me try..hold on..
Jahshot
@Jahshot
Jun 08 2017 02:41
add a - you should be good
CreateTheHype
@CreateTheHype
Jun 08 2017 02:42
@mattdgray99 you div class in the html should have a dash in it as well man
Kyle Holm
@thekholm80
Jun 08 2017 02:42
@GingerChew yeah, looks like you need href="#myId"
CreateTheHype
@CreateTheHype
Jun 08 2017 02:43

@mattdgray99 should read

<div class="silver-background">

mattdgray99
@mattdgray99
Jun 08 2017 02:43
thank you everyone it worked I really appreciate it
CreateTheHype
@CreateTheHype
Jun 08 2017 02:43
you gotta click our names when you say thanks :)
to give us points :) @mattdgray99
Ginger
@GingerChew
Jun 08 2017 02:44
yeah, I just got it to work, but now I have other issues with my css to figure out, go figure
@thekholm80 thanks again for the CC
CamperBot
@camperbot
Jun 08 2017 02:44
gingerchew sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:warning: gingerchew already gave thekholm80 points
Kyle Holm
@thekholm80
Jun 08 2017 02:44
@GingerChew :+1:
you know what they say, squash one bug, create 3 more
mattdgray99
@mattdgray99
Jun 08 2017 02:44
@CreateTheHype @Jahshot thank you both
CamperBot
@camperbot
Jun 08 2017 02:44
mattdgray99 sends brownie points to @createthehype and @jahshot :sparkles: :thumbsup: :sparkles:
:cookie: 125 | @jahshot |http://www.freecodecamp.com/jahshot
:cookie: 162 | @createthehype |http://www.freecodecamp.com/createthehype
CreateTheHype
@CreateTheHype
Jun 08 2017 02:44
YEA BABY
Pierre Talla
@petittom
Jun 08 2017 02:46

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

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

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

how do i add red-text to p element?
Jahshot
@Jahshot
Jun 08 2017 02:46
@petittom look at your h2 element, do the same
CreateTheHype
@CreateTheHype
Jun 08 2017 02:46
@petittom <p class="red-text"
Pierre Talla
@petittom
Jun 08 2017 02:47
thx
CreateTheHype
@CreateTheHype
Jun 08 2017 02:47
dont make me beg for brownie points haha
Muhammad Hussain
@ReactorboY
Jun 08 2017 02:47
@thekholm80 No learnig Js
Kyle Holm
@thekholm80
Jun 08 2017 02:47
how come?
like 95% of everything I do is JavaScript
CreateTheHype
@CreateTheHype
Jun 08 2017 02:48
@ReactorboY @thekholm80 im learning JS right now and i dont like it
Muhammad Hussain
@ReactorboY
Jun 08 2017 02:48
@CreateTheHype what you like ?
Elixir ?
CreateTheHype
@CreateTheHype
Jun 08 2017 02:48
lul
im just your basic html css guy
Muhammad Hussain
@ReactorboY
Jun 08 2017 02:49
be just basic jquery , js, pythn guy too :)
Kyle Holm
@thekholm80
Jun 08 2017 02:49
eww jquery
take the training wheels off and learn js lol
gzragz
@gzragz
Jun 08 2017 02:50
I'm in a stump right now. How do I use the bootstrap grid to put elements side by side? I need to insert <div class="row"> as well as <div class="col-xs-4"> to a set of bootstrap buttons
Manish Giri
@Manish-Giri
Jun 08 2017 02:51
Kyle Holm
@thekholm80
Jun 08 2017 02:52
@Manish-Giri :wave:
doridarien
@doridarien
Jun 08 2017 02:52
Can someone explaint this ?
```
json.forEach(function(val) {
var keys = Object.keys(val);
html += "<div class = 'cat'>";
keys.forEach(function(key) {
html += "<strong>" + key + "</strong>: " + val[key] + "<br>";
});
html += "</div><br>";
});
gzragz
@gzragz
Jun 08 2017 02:52
thank you so much! @Manish-Giri
CamperBot
@camperbot
Jun 08 2017 02:52
gzragz sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5879 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Jun 08 2017 02:52
@thekholm80 :wave:
@thekholm80 I went overboard with my components at the start, and now I'm kicking myself for it
:disappointed:
Kyle Holm
@thekholm80
Jun 08 2017 02:53
@doridarien loops through an array called json, makes an array of each object's keys, loops through the keys array and does stuff with the contents
Manish Giri
@Manish-Giri
Jun 08 2017 02:53
@doridarien explain what exactly?
Kyle Holm
@thekholm80
Jun 08 2017 02:53
@Manish-Giri understandable
arham2016
@arham2016
Jun 08 2017 02:54
how to set zoom, can anyone tell
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
Kyle Holm
@thekholm80
Jun 08 2017 02:54
@Manish-Giri my first attempt at GoL I used state in every cell, it was a hot mess
Manish Giri
@Manish-Giri
Jun 08 2017 02:54
lol
thousand states
Jahshot
@Jahshot
Jun 08 2017 02:55
@arham2016 browser preference
Kyle Holm
@thekholm80
Jun 08 2017 02:55
and all those async state updates
so bad
Jahshot
@Jahshot
Jun 08 2017 02:55
most likely its already at 100%
arham2016
@arham2016
Jun 08 2017 02:55
@Jahshot whats the code for that?
Jahshot
@Jahshot
Jun 08 2017 02:56
there is no code for setting zoom
CreateTheHype
@CreateTheHype
Jun 08 2017 02:56
@arham2016 your browser is got to be at 100% already
Manish Giri
@Manish-Giri
Jun 08 2017 02:57
why don't you post your code? @arham2016
Kyle Holm
@thekholm80
Jun 08 2017 02:57
@Manish-Giri you know the worst part of the back-end projects?
they all take user input
Manish Giri
@Manish-Giri
Jun 08 2017 02:57
ooh
arham2016
@arham2016
Jun 08 2017 02:57
ok
Kyle Holm
@thekholm80
Jun 08 2017 02:57
making everything work is easy, user-proofing everything sucks
arham2016
@arham2016
Jun 08 2017 02:58
Note
Due to browser implementation differences, you may need to be at 100% zoom to pass the tests on this challenge.
thats what its telling me
CreateTheHype
@CreateTheHype
Jun 08 2017 02:58
@arham2016 dont worry about that
lets see your code @arham2016
doridarien
@doridarien
Jun 08 2017 02:58
@Manish-Giri var keys = Object.keys(val);
html += "<div class = 'cat'>";
@Manish-Giri I don't under stand this part there.
Manish Giri
@Manish-Giri
Jun 08 2017 02:59
@doridarien it's creating a new div with class cat, and appending to the variable html
arham2016
@arham2016
Jun 08 2017 03:00
@CreateTheHype u mean the page i m entering the code?
Manish Giri
@Manish-Giri
Jun 08 2017 03:00
@thekholm80 from the bottom up, I've got <GameCell/> which is a child of GameBoard
GameBoard and GameScore are children of GameBoardContainer
so I thought I'd have all state logic in GameBoardContainer
but
the Controls component (which has all controls for the user) is outside of GameBoardContainer
Kyle Holm
@thekholm80
Jun 08 2017 03:02
closures my good sir
Manish Giri
@Manish-Giri
Jun 08 2017 03:02
that and GameBoardContainer are children of GameOfLife
doridarien
@doridarien
Jun 08 2017 03:02
@Manish-Giri var keys = Object.keys(val); in here what does Object.keys do?
CreateTheHype
@CreateTheHype
Jun 08 2017 03:02
@arham2016 whats the name of the xhallenge your working on?
Manish Giri
@Manish-Giri
Jun 08 2017 03:02
@doridarien it returns an array comprised of all the keys(properties) in your object
arham2016
@arham2016
Jun 08 2017 03:03
Change the Font Size of an Element
Kyle Holm
@thekholm80
Jun 08 2017 03:03
actually, i'd put state in GameOfLife and GameBoardContainer
arham2016
@arham2016
Jun 08 2017 03:03
number 16
Kyle Holm
@thekholm80
Jun 08 2017 03:03
@arham2016 show us your code
I'll bet you a candybar the problem is there
DeeKans
@DeeKans
Jun 08 2017 03:04
Hi while getting borders on image I am not able to see the border and the test checker is not showing the 10px width option checked even if I have entered the 10px width....
please help
Kyle Holm
@thekholm80
Jun 08 2017 03:04
@DeeKans show us your code?
DeeKans
@DeeKans
Jun 08 2017 03:04
how?
Kyle Holm
@thekholm80
Jun 08 2017 03:04
copy/paste
poolcathrene
@poolcathrene
Jun 08 2017 03:04
Hello, im having the same trouble with my coding for the font size

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

Kyle Holm
@thekholm80
Jun 08 2017 03:05
@poolcathrene p not h1
poolcathrene
@poolcathrene
Jun 08 2017 03:05
i tried it without h1
no differnece
arham2016
@arham2016
Jun 08 2017 03:05

h1 {
font-size: 30px;
}

<style>
.red-text {
color: red;
}
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>

CreateTheHype
@CreateTheHype
Jun 08 2017 03:05

@arham2016

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

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

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

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

Kyle Holm
@thekholm80
Jun 08 2017 03:05
@arham2016 font-size: 16px; needs a selector, look at the example they gave you on the left
DeeKans
@DeeKans
Jun 08 2017 03:05

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

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

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

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

<img class="thick-green-border smaller-image" src="https://bit.ly/fcc-relaxing-cat">

Kyle Holm
@thekholm80
Jun 08 2017 03:05
@CreateTheHype how does it help, just giving answers?
Manish Giri
@Manish-Giri
Jun 08 2017 03:06
which is wrong also
CreateTheHype
@CreateTheHype
Jun 08 2017 03:06
how does it help googling an answer to any question in life?
Kyle Holm
@thekholm80
Jun 08 2017 03:06
so you're google?
CreateTheHype
@CreateTheHype
Jun 08 2017 03:06
lul
Kyle Holm
@thekholm80
Jun 08 2017 03:07
cheating is against the code of conduct
DeeKans
@DeeKans
Jun 08 2017 03:07
can you please help
Manish Giri
@Manish-Giri
Jun 08 2017 03:07
the good thing about components
CreateTheHype
@CreateTheHype
Jun 08 2017 03:07
@arham2016 your h1 element in your css is above your <style> when it should be below
Manish Giri
@Manish-Giri
Jun 08 2017 03:07
is that if you want to change the placement of it
just need to render it in the right place
arham2016
@arham2016
Jun 08 2017 03:08
i c
let me try it below
Kyle Holm
@thekholm80
Jun 08 2017 03:08
@Manish-Giri the last React meet-up I went to they suggested every component be in it's own file
Manish Giri
@Manish-Giri
Jun 08 2017 03:08
yup
that's how I do it
Kyle Holm
@thekholm80
Jun 08 2017 03:09
i used to combine when they were single-use
and just break out the reusables
now my projects have 1000s of files
Manish Giri
@Manish-Giri
Jun 08 2017 03:09
class GameOfLife extends React.Component {
    render() {
        return (
            <div>
                <Header/>
                <Controls/>
                <GameBoardContainer/>
            </div>
        )
    }
}
I need to just move Controls inside <GameBoardContainer>
should work
Kyle Holm
@thekholm80
Jun 08 2017 03:10
but class GameOfLife extends React.Component { is already a class, adding state is simple
Manish Giri
@Manish-Giri
Jun 08 2017 03:10
hm
Kyle Holm
@thekholm80
Jun 08 2017 03:11
it's not like converting const GameOfLife = (props) => { to a class
Manish Giri
@Manish-Giri
Jun 08 2017 03:11
then I'd need to pass callbacks to Controls
as props
CreateTheHype
@CreateTheHype
Jun 08 2017 03:11
@DeeKans did you solve that problem yet?
Kyle Holm
@thekholm80
Jun 08 2017 03:12
yeah
closures are fun
arham2016
@arham2016
Jun 08 2017 03:12
crap still dont get it lol
i guess i will do it tomorrow
thankd btw
thanks
CreateTheHype
@CreateTheHype
Jun 08 2017 03:13
@arham2016 good luck
Manish Giri
@Manish-Giri
Jun 08 2017 03:13
never say tomorrow
CreateTheHype
@CreateTheHype
Jun 08 2017 03:13
@Manish-Giri lel
Kyle Holm
@thekholm80
Jun 08 2017 03:14
so it turns out you can chain methods in mongodb. I'm really starting to dig it
way better than sql
Manish Giri
@Manish-Giri
Jun 08 2017 03:14
:fire:
Kyle Holm
@thekholm80
Jun 08 2017 03:15
you should jump that chick that stole mongo from you
but then you'd have to start over
Manish Giri
@Manish-Giri
Jun 08 2017 03:15
:sob:
Kyle Holm
@thekholm80
Jun 08 2017 03:15
what's the name of the one you got?
Manish Giri
@Manish-Giri
Jun 08 2017 03:15
Neo4J
Kyle Holm
@thekholm80
Jun 08 2017 03:16
used primarily with Java?
Manish Giri
@Manish-Giri
Jun 08 2017 03:16
it's written in Java
it claims it can be used with any lang
altho I had such a tough time getting to connect it with java
I gave up
Kyle Holm
@thekholm80
Jun 08 2017 03:16
time to dust off the turbo pascal and put it to the test
Manish Giri
@Manish-Giri
Jun 08 2017 03:16
using Cypher instead
lol
you have Amazon Prime?
Kyle Holm
@thekholm80
Jun 08 2017 03:17
i have access to it
I'm Prime adjacent
Manish Giri
@Manish-Giri
Jun 08 2017 03:17
there's this movie on Amazon Prime video
DeeKans
@DeeKans
Jun 08 2017 03:17
@CreateTheHype it seems my browser as having a glitch....now I m running on a different one.
Manish Giri
@Manish-Giri
Jun 08 2017 03:17
Project Almanac
Kyle Holm
@thekholm80
Jun 08 2017 03:18
I've heard of that
Manish Giri
@Manish-Giri
Jun 08 2017 03:18
just found it today
Kyle Holm
@thekholm80
Jun 08 2017 03:18
like a highschool house party filmed on cell phones?
Manish Giri
@Manish-Giri
Jun 08 2017 03:18
yup
Kyle Holm
@thekholm80
Jun 08 2017 03:18
any good?
Manish Giri
@Manish-Giri
Jun 08 2017 03:18
based on the trailer, plenty!
gonna watch it tonight
Kyle Holm
@thekholm80
Jun 08 2017 03:18
heh
Manish Giri
@Manish-Giri
Jun 08 2017 03:18
there was this series called Fringe
was on Netflix
it was also based on time travel
Kyle Holm
@thekholm80
Jun 08 2017 03:19
I loved that show, when it originally aired
Manish Giri
@Manish-Giri
Jun 08 2017 03:19
liked it so much
and then suddenly into s2, they pull it
from netflix
:angry:
Kyle Holm
@thekholm80
Jun 08 2017 03:19
did you sign up for dvds?
Manish Giri
@Manish-Giri
Jun 08 2017 03:20
I wanted to
erkais
@erkais
Jun 08 2017 03:20
Have you ever watched Stranger things?
Manish Giri
@Manish-Giri
Jun 08 2017 03:20
but still a bit fuzzy on the details
erkais
@erkais
Jun 08 2017 03:20
it's really good show
Manish Giri
@Manish-Giri
Jun 08 2017 03:20
like the DVDs are shipped to my apartment address, I guess?
@erkais I was hoping to read the book first, I usually find that books are much better than the corresponding movies!
erkais
@erkais
Jun 08 2017 03:21
Mm you should watch movie too, it's just great
Manish Giri
@Manish-Giri
Jun 08 2017 03:21
oh there's a movie too
didn't know that
Kyle Holm
@thekholm80
Jun 08 2017 03:22
I watched like 1/2 of the first episode of stranger things, couldn't sit through it
Manish Giri
@Manish-Giri
Jun 08 2017 03:22
lol
Kyle Holm
@thekholm80
Jun 08 2017 03:22
It was like x files meets goonies
Manish Giri
@Manish-Giri
Jun 08 2017 03:22
damn netflix pulled x files too
:sob:
erkais
@erkais
Jun 08 2017 03:23
Hha
makes sense
Manish Giri
@Manish-Giri
Jun 08 2017 03:24
earlier today I watched an episode of "Deadliest prisons in Russia"
nothing even remotely "deadly" about it
Kyle Holm
@thekholm80
Jun 08 2017 03:24
lol
Read the Gulag Archipelago by Aleksandr Solzhenitsyn, that's about a Russian prison
pretty bleak
Manish Giri
@Manish-Giri
Jun 08 2017 03:26
looks like I'll love it, from the looks of it
gotta get the pdf
Kyle Holm
@thekholm80
Jun 08 2017 03:26
I wonder if that's on project gutenberg yet?
erkais
@erkais
Jun 08 2017 03:26
What is your best tv show and movie you have ever watched?
Kyle Holm
@thekholm80
Jun 08 2017 03:26
best TV show was Firefly
best movie ... can't choose
Manish Giri
@Manish-Giri
Jun 08 2017 03:27
Gladiator, my all time best
Kyle Holm
@thekholm80
Jun 08 2017 03:27
that was pretty awesome
Are you not entertained?
erkais
@erkais
Jun 08 2017 03:28
Tv show or movie?
Manish Giri
@Manish-Giri
Jun 08 2017 03:28
:fire:
there was a tv show too?
erkais
@erkais
Jun 08 2017 03:28
hha yep
Manish Giri
@Manish-Giri
Jun 08 2017 03:28
wow
MoDLiFe
@moddedlife
Jun 08 2017 03:29
so quick question for all the coders out there.. has anybody else started changing their daily lives naturally without thinking about it because of coding? like organization in the home?
Manish Giri
@Manish-Giri
Jun 08 2017 03:29
O.o
Kyle Holm
@thekholm80
Jun 08 2017 03:29
a bit? I'm more organized now that I see how important organization is
erkais
@erkais
Jun 08 2017 03:29
yes organization is important i think
Manish Giri
@Manish-Giri
Jun 08 2017 03:29
I only seem to be losing my notes all the time, these days
Kyle Holm
@thekholm80
Jun 08 2017 03:30
@Manish-Giri takes great notes, and throws them away
Manish Giri
@Manish-Giri
Jun 08 2017 03:30
lol
Kyle Holm
@thekholm80
Jun 08 2017 03:30
it's a new learning technique
experimental, really
MoDLiFe
@moddedlife
Jun 08 2017 03:30
same here. noticed that changin everything is actually helping y personal life catch up as well. lol
Kyle Holm
@thekholm80
Jun 08 2017 03:31
now if I could figure out how to close a browser window without going through all my open tabs
__mifflin__
@cdrainxv
Jun 08 2017 03:31

best TV show was Firefly

Ummmm...

Kyle Holm
@thekholm80
Jun 08 2017 03:31
it's a fact
erkais
@erkais
Jun 08 2017 03:31
hha is that so bad @cdrainxv
Manish Giri
@Manish-Giri
Jun 08 2017 03:31
open 100 tabs on IE 6
close them all
measure the time taken
erkais
@erkais
Jun 08 2017 03:32
just end process :P
Kyle Holm
@thekholm80
Jun 08 2017 03:32
i saw a post on twitter today, if you open 100 tabs in chrome you get a smiley face
Manish Giri
@Manish-Giri
Jun 08 2017 03:32
lol
MoDLiFe
@moddedlife
Jun 08 2017 03:32
LOL. yeah thats my big problem. i leave 4 tabs open sometimes coming back toem later for research
Kyle Holm
@thekholm80
Jun 08 2017 03:32
if you open 76 tabs in IE you get to reinstall windows
Max Dubé
@Sharkbyt3
Jun 08 2017 03:32
Make sure you have nested all HTML elements in .container-fluid.???

<div class="container-fluid"

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

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

<p>Things cats love:</p>

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

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

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

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

MoDLiFe
@moddedlife
Jun 08 2017 03:32
40* sorry
Kyle Holm
@thekholm80
Jun 08 2017 03:33

@Sharkbyt3 html

<div class="container-fluid"
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
</div>

is this all your html?

Max Dubé
@Sharkbyt3
Jun 08 2017 03:33
yeah
i know its simple but im new
missing something
Kyle Holm
@thekholm80
Jun 08 2017 03:33
<h2 class="red-text">CatPhotoApp</h2>
<p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
that's all html too
Max Dubé
@Sharkbyt3
Jun 08 2017 03:33
oh
so put all that in div
Kyle Holm
@thekholm80
Jun 08 2017 03:34
@Sharkbyt3 and <div class="container-fluid" needs a >
Max Dubé
@Sharkbyt3
Jun 08 2017 03:34
ok
Kyle Holm
@thekholm80
Jun 08 2017 03:34
:+1:
MoDLiFe
@moddedlife
Jun 08 2017 03:34
oh yea. do you guys know if theyre gonna add more programming courses to this??
Max Dubé
@Sharkbyt3
Jun 08 2017 03:34
thanks pal
Kyle Holm
@thekholm80
Jun 08 2017 03:34
@moddedlife there's a lot of new content in beta right now
MoDLiFe
@moddedlife
Jun 08 2017 03:34
SWEET
Kyle Holm
@thekholm80
Jun 08 2017 03:34
not sure when it will go live
still some bugs
erkais
@erkais
Jun 08 2017 03:35
Yes. By the way, is there someone who has taken full stack developer certificate?
Kyle Holm
@thekholm80
Jun 08 2017 03:35
200 people
eduardopinto07
@eduardopinto07
Jun 08 2017 03:35
Hello colleagues, this is my first time here, I am studying the tutorials specifically on the "Give a Background Color to a Div Element" and I don`t know what I am doing wrong. I created the .silver-background class with the background-color: silver; but not happen and I can not pass to the next tutorial. Could anybody help me?
erkais
@erkais
Jun 08 2017 03:35
thanks mate
eduardopinto07
@eduardopinto07
Jun 08 2017 03:35

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

.smaller-image {
width: 100px;
}
.silver-background {
background-color: silver;
}

</style>

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

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

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

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

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

Manish Giri
@Manish-Giri
Jun 08 2017 03:35
@eduardopinto07 have you added it in the html?
eduardopinto07
@eduardopinto07
Jun 08 2017 03:36
this is my code
Ben Macey
@benmacey
Jun 08 2017 03:36
Can anyone tell me why my "row" isnt working here.
<div class"row"><input type="text" class="form-control" placeholder="cat photo URL" required>
<button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Submit</button>
</div>
erkais
@erkais
Jun 08 2017 03:37
In there it says all three, but i think full stack certificate is different from that. It requires all certificate and additional challenges
Kyle Holm
@thekholm80
Jun 08 2017 03:37
@benmacey class"row" missing =
Manish Giri
@Manish-Giri
Jun 08 2017 03:37
@benmacey no =?
Ben Macey
@benmacey
Jun 08 2017 03:37
Thanks guys
Kyle Holm
@thekholm80
Jun 08 2017 03:37
@erkais ooh you're right, no stats for full stack
Oscar
@OscarGon1234
Jun 08 2017 03:37
y'all are super helpful <3
eduardopinto07
@eduardopinto07
Jun 08 2017 03:39
@Manish-Giri what you mean when you said "added it in the html"?
doridarien
@doridarien
Jun 08 2017 03:39

@Manish-Giri json.forEach(function(val) {
var keys = Object.keys(val);
html += "<div class = 'cat'>";
keys.forEach(function(key) {
html += "<strong>" + key + "</strong>: " + val[key] + "<br>";
});
html += "</div><br>";
});

I still dont understand, so "var keys =" why is it Object.keys O capital and and does Object.keys <-- why does it have to be same as variable name?
and after that why does it have to loop through keys again?

Thanks for your response.

CamperBot
@camperbot
Jun 08 2017 03:39
doridarien sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5880 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Jun 08 2017 03:39
@eduardopinto07 can you post your challenge URL here? Click "run tests" first, and use tinyurl to shorten the link.
Manish Giri
@Manish-Giri
Jun 08 2017 03:40
^
Ctrl-Altz
@Ctrl-Altz
Jun 08 2017 03:40
Hello
Manish Giri
@Manish-Giri
Jun 08 2017 03:40
@doridarien you can rename your keys variable to locks or bolts or nuts or anything..
Kyle Holm
@thekholm80
Jun 08 2017 03:40
@Ctrl-Altz hi
Manish Giri
@Manish-Giri
Jun 08 2017 03:40
but Object.keys is a function
read the link
Kyle Holm
@thekholm80
Jun 08 2017 03:40
javascript is so fun
Manish Giri
@Manish-Giri
Jun 08 2017 03:41
oh look ChadSax is back
Ctrl-Altz
@Ctrl-Altz
Jun 08 2017 03:41
Yeah
Manish Giri
@Manish-Giri
Jun 08 2017 03:41
did you create another account?
Ctrl-Altz
@Ctrl-Altz
Jun 08 2017 03:41
Nope
Manish Giri
@Manish-Giri
Jun 08 2017 03:41
nice
:fire:
Ctrl-Altz
@Ctrl-Altz
Jun 08 2017 03:41
Just continued on this one
Manish Giri
@Manish-Giri
Jun 08 2017 03:41
@thekholm80 where did you pick up mongo from?
Kyle Holm
@thekholm80
Jun 08 2017 03:42
umm
i did the learnyoumongo lessons, the rest is from rtfm
the manual, btw, sucks
but mongo is pretty awesome
Shahn85
@Shahn85
Jun 08 2017 03:43
Could someone spare a sec to help me sort something out?
Manish Giri
@Manish-Giri
Jun 08 2017 03:43
manual being mongo docs?
Kyle Holm
@thekholm80
Jun 08 2017 03:43
I mean, look how pretty:
              collection.find()
                .sort({ "timestamp": -1 })
                .limit(20)
                .toArray( (error, documents) => {
                  if (error) throw error;

                  db.close();
                  callback(documents);
                });
poolcathrene
@poolcathrene
Jun 08 2017 03:44
what is the meaning of CSS?
Kyle Holm
@thekholm80
Jun 08 2017 03:44
@Shahn85 sure, ask
@poolcathrene cascading style sheets
it tells stuff what to look like
poolcathrene
@poolcathrene
Jun 08 2017 03:44
@thekholm80 thanks
CamperBot
@camperbot
Jun 08 2017 03:44
poolcathrene sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 983 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Kyle Holm
@thekholm80
Jun 08 2017 03:44
@Manish-Giri yeah, the docs
eduardopinto07
@eduardopinto07
Jun 08 2017 03:45
here is the link
HestonNicholas
@HestonNicholas
Jun 08 2017 03:46
Am I not closing my script element right?
Manish Giri
@Manish-Giri
Jun 08 2017 03:46
@eduardopinto07 your code is incomplete
HestonNicholas
@HestonNicholas
Jun 08 2017 03:46
<script $(document).ready(function(){});>
</script>
Manish Giri
@Manish-Giri
Jun 08 2017 03:46
towards the end
perhaps you should reset and do it again
@HestonNicholas <script>
Kyle Holm
@thekholm80
Jun 08 2017 03:46
@HestonNicholas the $(document).ready(function(){}); goes between your script tags, not inside the opening tag
HestonNicholas
@HestonNicholas
Jun 08 2017 03:47
ahhhhhh
thank you
newbie6722
@newbie6722
Jun 08 2017 03:48
<style> h2 {color: blue;}Catphotoapp</style> please help
Shahn85
@Shahn85
Jun 08 2017 03:48
Set the ID of an Element challenge. when I load the page up I get Chrome detected unusual code on this page and blocked it to protect your personal information (for example, passwords, phone numbers, and credit cards).
eduardopinto07
@eduardopinto07
Jun 08 2017 03:49
@Manish-Giri I don`t know what is happening because in my screen is complete but when I open the link is missing the last rows
newbie6722
@newbie6722
Jun 08 2017 03:50
anyone?
eduardopinto07
@eduardopinto07
Jun 08 2017 03:50
@Manish-Giri <form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
Manish Giri
@Manish-Giri
Jun 08 2017 03:50
@eduardopinto07 try refresh maybe
eduardopinto07
@eduardopinto07
Jun 08 2017 03:50
these are the last rows
acamarillo95
@acamarillo95
Jun 08 2017 03:51
Hi I am having issues with making my image smaller
Kyle Holm
@thekholm80
Jun 08 2017 03:51
@acamarillo95 what have you tried?
acamarillo95
@acamarillo95
Jun 08 2017 03:51
It says to create a smaller-image class but I am not sure how to go about it
Manish Giri
@Manish-Giri
Jun 08 2017 03:52
@thekholm80
   public static void main(String[] args) {
        LinkedListImpl linkedListImpl = new LinkedListImpl();
        LinkedList linkedList = linkedListImpl.new LinkedList();
    }
nested classes FTW
:fire:
Kyle Holm
@thekholm80
Jun 08 2017 03:52
that looks confusing
Shahn85
@Shahn85
Jun 08 2017 03:53
@newbie6722 no ; or {}
newbie6722
@newbie6722
Jun 08 2017 03:53
thxs
Kyle Holm
@thekholm80
Jun 08 2017 03:53
there's a big JS classes vs functions war going on @Manish-Giri not sure which side I fall on
acamarillo95
@acamarillo95
Jun 08 2017 03:53
@thekholm80 <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> so this is what I am given for the importing of the image. But I don't know how to create a class specifically for that image so the style will change.
Kyle Holm
@thekholm80
Jun 08 2017 03:53
@acamarillo95 did you define the class between your style tags?
acamarillo95
@acamarillo95
Jun 08 2017 03:53
So for instance I thought I would edit the element but anytime I make any changes it get rids of the picture
I'm not sure how
@thekholm80 I'm not sure how
Kyle Holm
@thekholm80
Jun 08 2017 03:54
make a new class with . then your class name
then {
acamarillo95
@acamarillo95
Jun 08 2017 03:54
oh yeah I did that sorry
Kyle Holm
@thekholm80
Jun 08 2017 03:54
then set the width
acamarillo95
@acamarillo95
Jun 08 2017 03:54
Let me send you my whole code one sec
Kyle Holm
@thekholm80
Jun 08 2017 03:55
so you just need to add class=" ..."
acamarillo95
@acamarillo95
Jun 08 2017 03:56

@thekholm80

<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: 500px;
}
</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>

Kyle Holm
@thekholm80
Jun 08 2017 03:56

@acamarillo95

.smaller-image {
width: 500px;
}

how wide is it supposed to be?

and <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> just need to add the class
acamarillo95
@acamarillo95
Jun 08 2017 03:57
100
@thekholm80 That's what I dont
@thekholm80 know how to do
Kyle Holm
@thekholm80
Jun 08 2017 03:58
just like you added class='red-text' to your p element, add the class smaller-image to the img element
Hiago Patrick
@HiagoPatrick
Jun 08 2017 03:58
Good Night, i'm having some problems with JQuery..
Kyle Holm
@thekholm80
Jun 08 2017 03:58
and in the style change the 500px to 100px
acamarillo95
@acamarillo95
Jun 08 2017 03:58
@thekholm80 Okay that's what I thought but anytime I make any changes the image disappears
Kyle Holm
@thekholm80
Jun 08 2017 03:59
@acamarillo95 show me your fixed code?
@HiagoPatrick did you have a question? or just saying hi?
HestonNicholas
@HestonNicholas
Jun 08 2017 03:59
<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
$("well").addClass("animated shake");
});
</script>
JQuery is really stumping me
Conor
@BigDreams64
Jun 08 2017 03:59
Hi I am "Create a Form Element" lesson and am now receiving "Chrome detected unusual code on this page and blocked it to protect your personal information (for example, passwords, phone numbers, and credit cards)." on the Phone layout.... How do I get my cats back?
HestonNicholas
@HestonNicholas
Jun 08 2017 03:59
any help on this?
Hiago Patrick
@HiagoPatrick
Jun 08 2017 03:59
No, i have a question, just waiting you to help the girls
Kyle Holm
@thekholm80
Jun 08 2017 04:00
@HestonNicholas $("well") well is a class, so it needs .
Hiago Patrick
@HiagoPatrick
Jun 08 2017 04:00
girl fisrt*
acamarillo95
@acamarillo95
Jun 08 2017 04:00

@thekholm80

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

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

Kyle Holm
@thekholm80
Jun 08 2017 04:00
@BigDreams64 that happens, if you have another browser try that
Shahn85
@Shahn85
Jun 08 2017 04:00
@BigDreams64 Having the same issue, can't seem to figure it out
HestonNicholas
@HestonNicholas
Jun 08 2017 04:00
@thekholm80 you tha man thank you
CamperBot
@camperbot
Jun 08 2017 04:00
hestonnicholas sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 984 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Kyle Holm
@thekholm80
Jun 08 2017 04:01
@acamarillo95 <img class ="smaller-image">"https://bit.ly/fcc-relaxing-cat" what happened to the src=?
Conor
@BigDreams64
Jun 08 2017 04:01
So if I close will it open the same spot in a new browser?
Kyle Holm
@thekholm80
Jun 08 2017 04:01
@BigDreams64 it should
Conor
@BigDreams64
Jun 08 2017 04:01
THANKS!
Kyle Holm
@thekholm80
Jun 08 2017 04:01
you can copy your code just in case, then paste it in the new browser
Hiago Patrick
@HiagoPatrick
Jun 08 2017 04:01
the thing here is, I have to target the same element with multiple jQuery Selectors, and i'm not understanding how that works, or what i need to do.
acamarillo95
@acamarillo95
Jun 08 2017 04:01
@thekholm80 so I would just copy the entire source of the image into my class
@thekholm80 or my entire element
Kyle Holm
@thekholm80
Jun 08 2017 04:02
@acamarillo95 no, you should have left the element as it was and just added class='yourClass'
Manish Giri
@Manish-Giri
Jun 08 2017 04:02
@acamarillo95 <h2 class="red-text">CatPhotoApp</h2>
from your own code
Kyle Holm
@thekholm80
Jun 08 2017 04:02
you still needed the src="whatever.com" and alt='some text'
so go back to <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> then add the class=" ... "
newbie6722
@newbie6722
Jun 08 2017 04:03
I'm doing a css <style> h2 {color : blue;}</style> Catphotoapp I can't get my h2 to turn blue
Kyle Holm
@thekholm80
Jun 08 2017 04:03
then you'll have <img class=" " src=" " alt=" ">
newbie6722
@newbie6722
Jun 08 2017 04:03
help
Kyle Holm
@thekholm80
Jun 08 2017 04:04
@newbie6722 you need the <h2></h2> tags around your CatPhotoApp
newbie6722
@newbie6722
Jun 08 2017 04:04
thxs I'll try
Hiago Patrick
@HiagoPatrick
Jun 08 2017 04:04
they are telling me to use $("button") $(".btn) and $("#target1"). I must use just one class with each of my three selectors. BUT my #target1 element should fave the three classes. WTH this means?
newbie6722
@newbie6722
Jun 08 2017 04:05
it worked thank you Ive been stuck for days lol
Kyle Holm
@thekholm80
Jun 08 2017 04:05
@newbie6722 :+1:
Conor
@BigDreams64
Jun 08 2017 04:05
@thekholm80 New browser worked thanks again!
CamperBot
@camperbot
Jun 08 2017 04:05
bigdreams64 sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 985 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Abby Ismail
@abbyismail
Jun 08 2017 04:05

I'm trying to nest my text field into a form element. I have: <form action="/submit-cat-photo">

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

but it isnt testing properly
Kyle Holm
@thekholm80
Jun 08 2017 04:06
@HiagoPatrick it means that you're going to use three different types of selectors to add three different classes to the same element
heroiczero
@heroiczero
Jun 08 2017 04:06
@HiagoPatrick it inherits the classes so when you define it in button and .btn. Your #target which is a "button" element and has a "btn" class will have the three classes
Conor
@BigDreams64
Jun 08 2017 04:06
@abbyismail I am stuck on the same spot
ethancarr03
@ethancarr03
Jun 08 2017 04:06
on the Cat Photo App, it says your p element should contain the first few words of the provided additional kitty ipsum text and I did but its still showing an X
acamarillo95
@acamarillo95
Jun 08 2017 04:06
@thekholm80 <img class="smaller-image"> <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
?
Kyle Holm
@thekholm80
Jun 08 2017 04:06
@abbyismail try refreshing, if that doesn't work you may need to try an new browser
@acamarillo95 closer, now combine them so you only have one img tag
basically just delete > <img
heroiczero
@heroiczero
Jun 08 2017 04:07
@ethancarr03 did you copy the whole text?
Kyle Holm
@thekholm80
Jun 08 2017 04:07
@ethancarr03 show your p element?
Abby Ismail
@abbyismail
Jun 08 2017 04:07
@thekholm80 and @BigDreams64 refreshing the page worked! thanks
CamperBot
@camperbot
Jun 08 2017 04:07
abbyismail sends brownie points to @thekholm80 and @bigdreams64 :sparkles: :thumbsup: :sparkles:
:cookie: 986 | @thekholm80 |http://www.freecodecamp.com/thekholm80
:cookie: 36 | @bigdreams64 |http://www.freecodecamp.com/bigdreams64
Kyle Holm
@thekholm80
Jun 08 2017 04:08
@abbyismail :+1:
ethancarr03
@ethancarr03
Jun 08 2017 04:08
yeah exactly as I did for the first paragraph
Hiago Patrick
@HiagoPatrick
Jun 08 2017 04:08
here, i wrote this:
$("button").addClass("animated")
$(".btn").addClass("shake")
$("#target1").addClass("animated shake btn-primary")
The "musts" are all ok, except for the one that says "only add one class with each of your three selectors" but when i do that they say it's wrong
acamarillo95
@acamarillo95
Jun 08 2017 04:08
@thekholm80
<img class="smaller-image"> src= "https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back." </img>
heroiczero
@heroiczero
Jun 08 2017 04:08
@HiagoPatrick last one has three classes and you are missing ;
acamarillo95
@acamarillo95
Jun 08 2017 04:08
?
Kyle Holm
@thekholm80
Jun 08 2017 04:08
@HiagoPatrick
$("button").addClass("animated") // one selector, one class
$(".btn").addClass("shake") // one selector, one class
$("#target1").addClass("animated shake btn-primary") // one selector, 3 classes
heroiczero
@heroiczero
Jun 08 2017 04:09
@acamarillo95 <img> is self closing so you just need <img class="" src="" alt=""/>
Kyle Holm
@thekholm80
Jun 08 2017 04:09
@acamarillo95 now take the > out of the middle of your tag, and the </img off the end
the whole thing should start with one < and end with one >
acamarillo95
@acamarillo95
Jun 08 2017 04:09
@heroiczero Oh okay thank you!
CamperBot
@camperbot
Jun 08 2017 04:10
:star2: 1356 | @heroiczero |http://www.freecodecamp.com/heroiczero
acamarillo95 sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
acamarillo95
@acamarillo95
Jun 08 2017 04:10
@thekholm80 Thank you!
Kyle Holm
@thekholm80
Jun 08 2017 04:10
:+1:
Hamza Saleemi
@Azmah21
Jun 08 2017 04:10
guys how do I use font awesome logos in codepen?
ethancarr03
@ethancarr03
Jun 08 2017 04:10
@thekholm80 I don't have a screenshot program on my MacBook, would you like me to copy/paste?
Kyle Holm
@thekholm80
Jun 08 2017 04:10
please
heroiczero
@heroiczero
Jun 08 2017 04:11
@ethancarr03 you can click and drag
ethancarr03
@ethancarr03
Jun 08 2017 04:11
@heroiczero not dropping in
Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.
Hamza Saleemi
@Azmah21
Jun 08 2017 04:11
<li><a href="sample to my linkedin profile.com" target="_blank"><i class="fa fa-linkedin-square">LinkedIn</i></a></li>
here's my code
it doesn't seem to be working
ethancarr03
@ethancarr03
Jun 08 2017 04:12

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

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

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

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

Instructions failing: Your p element should contain the first few words of the provided additional kitty ipsum text
heroiczero
@heroiczero
Jun 08 2017 04:12
@ethancarr03 did you try refreshing?
xcodergirl
@xcodergirl
Jun 08 2017 04:12
hey
Markus Ivancsics
@ivancsicsmarkus
Jun 08 2017 04:13
@xcodergirl hihi
ethancarr03
@ethancarr03
Jun 08 2017 04:13
yes
xcodergirl
@xcodergirl
Jun 08 2017 04:13
i'm new here :(
heroiczero
@heroiczero
Jun 08 2017 04:13
@Azmah21 <li><a href="sample to my linkedin profile.com" target="_blank"><i class="fa fa-linkedin-square"></i>LinkedIn</a></li> try
__mifflin__
@cdrainxv
Jun 08 2017 04:13
@ethancarr03: Your text for the second p element should start with Purr . . . It’s provided in the instructions on the left.
Markus Ivancsics
@ivancsicsmarkus
Jun 08 2017 04:13
@ethancarr03
<h1>Hello World</h1>

<h2>CatPhotoApp</h2>

<p>Kitty ipsum dolor sit amet</p>
@xcodergirl We are here to help you, anytime you need.
ethancarr03
@ethancarr03
Jun 08 2017 04:14
@cdrainxv The one section I skimmed through, thank you for that, lol
CamperBot
@camperbot
Jun 08 2017 04:14
ethancarr03 sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 2710 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Markus Ivancsics
@ivancsicsmarkus
Jun 08 2017 04:14
@xcodergirl You can tag somebody by clicking on his name. This way he or she will get notified you wrote to him.
Ananthakur
@Ananthakur
Jun 08 2017 04:14
First Timer Here too
ethancarr03
@ethancarr03
Jun 08 2017 04:14
It worked now
__mifflin__
@cdrainxv
Jun 08 2017 04:14
:+1:
Markus Ivancsics
@ivancsicsmarkus
Jun 08 2017 04:15
@ethancarr03 great
@Ananthakur welcome! :sparkles: :clap:
xcodergirl
@xcodergirl
Jun 08 2017 04:15
@ivancsicsmarkus thnx ^^
CamperBot
@camperbot
Jun 08 2017 04:15
xcodergirl sends brownie points to @ivancsicsmarkus :sparkles: :thumbsup: :sparkles:
:cookie: 592 | @ivancsicsmarkus |http://www.freecodecamp.com/ivancsicsmarkus
Jeremy Collins
@jeremycollins
Jun 08 2017 04:16
Hey guys, can someone look at my portfolio project and tell me your thoughts? I want to put the social links in the navbar in a dropdown on mobile, but I cannot figure it out. https://codepen.io/jeremycollins/pen/VWvWme
poolcathrene
@poolcathrene
Jun 08 2017 04:16
any one know if my code is wrong for adding borders around my element?

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

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

h2 {
font-family: Lobster, Monospace;
}

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

.smaller-image {
width: 100px;
}

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

</style>

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

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

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

Hamza Saleemi
@Azmah21
Jun 08 2017 04:16
@heroiczero it's not working.
do I have to add some link to the background?
poolcathrene
@poolcathrene
Jun 08 2017 04:17
it will not work
__mifflin__
@cdrainxv
Jun 08 2017 04:17
@poolcathrene: You haven’t added the thick-green-border class to your img element.
poolcathrene
@poolcathrene
Jun 08 2017 04:17
how do i do that?
heroiczero
@heroiczero
Jun 08 2017 04:17
@Azmah21 yes your href="link" needs a link
poolcathrene
@poolcathrene
Jun 08 2017 04:17
@cdrainxv how do i do that?
Hamza Saleemi
@Azmah21
Jun 08 2017 04:18

@heroiczero I meant one of these <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">

<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

cause I'm working in codepen
so I don't think I have the css file in the background
__mifflin__
@cdrainxv
Jun 08 2017 04:19
@poolcathrene: The same was as shown in the example… just add the thick-green-border class to your img element:
class="class1 class2"
class1 is your previous smaller-image class.
poolcathrene
@poolcathrene
Jun 08 2017 04:19
@cdrainxv ah i totally forgot about the classes, probably why i didnt get the last one XD
Sayamrat
@dumpsayamrat
Jun 08 2017 04:20
Can I skip learning from html course to other courses (node, react, d3)? Now, I'm learning " Use CSS Selectors to Style Elements".
heroiczero
@heroiczero
Jun 08 2017 04:20
@Azmah21 https://www.bootstrapcdn.com/fontawesome/ try here you can find a CDN font awesome link so you can use Awesome Fonts
Kyle Holm
@thekholm80
Jun 08 2017 04:21
@dumpsayamrat it's possible, but node react and d3 are all javascript, so you might want to have a good foundation in that first
Hamza Saleemi
@Azmah21
Jun 08 2017 04:21
it gives me this error

Error
The URL "" is invalid. Use the format https://domain/path.css
The URL "" is invalid. Use the format https://domain/path.js
The URL "" is invalid. Use the format https://domain/path.css
The URL "" is invalid. Use the format https://domain/path.js

Close

heroiczero
@heroiczero
Jun 08 2017 04:22
@Azmah21 did you use https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css
Hamza Saleemi
@Azmah21
Jun 08 2017 04:24
working now
thanks
Sayamrat
@dumpsayamrat
Jun 08 2017 04:24
Hi @thekholm80 Yeah, I know. And how?
Kyle Holm
@thekholm80
Jun 08 2017 04:24
@dumpsayamrat and how what?
xcodergirl
@xcodergirl
Jun 08 2017 04:24
can't finish the 9th level :(
Sayamrat
@dumpsayamrat
Jun 08 2017 04:25
@thekholm80 skiping html course to other.
Kyle Holm
@thekholm80
Jun 08 2017 04:25
click on the Map in the top right corner of your screen
Sayamrat
@dumpsayamrat
Jun 08 2017 04:26
Thanks a lot.
xcodergirl
@xcodergirl
Jun 08 2017 04:26
@ivancsicsmarkus can u help me plz
Manish Giri
@Manish-Giri
Jun 08 2017 04:27
what's the 9th level?
__mifflin__
@cdrainxv
Jun 08 2017 04:28
The level after the 8th level….
Kyle Holm
@thekholm80
Jun 08 2017 04:28
just before the boss fight
xcodergirl
@xcodergirl
Jun 08 2017 04:28
image.png
@cdrainxv hhhh -_-
@Manish-Giri here it is
Manish Giri
@Manish-Giri
Jun 08 2017 04:28
9 is not a level
it's your brownie point score
Kyle Holm
@thekholm80
Jun 08 2017 04:28
thanks @xcodergirl
CamperBot
@camperbot
Jun 08 2017 04:28
thekholm80 sends brownie points to @xcodergirl :sparkles: :thumbsup: :sparkles:
:cookie: 10 | @xcodergirl |http://www.freecodecamp.com/xcodergirl
Kyle Holm
@thekholm80
Jun 08 2017 04:29
now you're level 10
Manish Giri
@Manish-Giri
Jun 08 2017 04:29
ty @xcodergirl
CamperBot
@camperbot
Jun 08 2017 04:29
manish-giri sends brownie points to @xcodergirl :sparkles: :thumbsup: :sparkles:
:cookie: 11 | @xcodergirl |http://www.freecodecamp.com/xcodergirl
Manish Giri
@Manish-Giri
Jun 08 2017 04:29
now on level 11
Kyle Holm
@thekholm80
Jun 08 2017 04:29
11!
james umali
@indefinite0212
Jun 08 2017 04:29
hello @thekholm80 @Manish-Giri :wave:
Kyle Holm
@thekholm80
Jun 08 2017 04:29
@indefinite0212 good morning!
Manish Giri
@Manish-Giri
Jun 08 2017 04:29
@indefinite0212 hi
xcodergirl
@xcodergirl
Jun 08 2017 04:30
didn't understand !!
cdrainxv @cdrainxv : I’m not going to participate in such tomfoolery.
Manish Giri
@Manish-Giri
Jun 08 2017 04:30

@xcodergirl to comment out an HTML element, you place the comment tags around

<!--<p>This paragraph is now commented.</p>-->

and to uncomment an element, simply delete the tags

<p>This paragraph is now un-commented.</p>
ethancarr03
@ethancarr03
Jun 08 2017 04:30
<p> View more
<a href="https://www.freecatphotoapp.com">
cat photos
</a>
</p>
Is that coded correctly? It is saying I don't have an a element linked to that site
akashskycodder
@akashskycodder
Jun 08 2017 04:32
Check url is correct or not
xcodergirl
@xcodergirl
Jun 08 2017 04:32
@cdrainxv why r u talkin like this ?
did i say smthin wrong ! it isn't bad to be unknwn prson in smthin
i'm just new here
i quit ..
Kyle Holm
@thekholm80
Jun 08 2017 04:32
@xcodergirl don't quit
ethancarr03
@ethancarr03
Jun 08 2017 04:32
Found it, I put https rather than http
Kyle Holm
@thekholm80
Jun 08 2017 04:32
he's talking about manish and me, not you
DregonDeus
@DregonDeus
Jun 08 2017 04:32
To get started, we should nest all of our HTML in a div element with the class container-fluid. ------I'm not understanding what do with this container-fluid class. I guess I don't understand the question fully.
Dragons382
@Dragons382
Jun 08 2017 04:33
Hey guys I need some help
Kyle Holm
@thekholm80
Jun 08 2017 04:33
@DregonDeus container-fluid is a bootstrap class, it's predefined
Manish Giri
@Manish-Giri
Jun 08 2017 04:33
lol
Kyle Holm
@thekholm80
Jun 08 2017 04:33
it makes everything resize according to screen size
Manish Giri
@Manish-Giri
Jun 08 2017 04:33
why would you quit!
xcodergirl
@xcodergirl
Jun 08 2017 04:33
@thekholm80 okey ^^
akashskycodder
@akashskycodder
Jun 08 2017 04:33
It is use for responsive design
Dragons382
@Dragons382
Jun 08 2017 04:34
It says make sure each a element has a closing tag but no error shows up
Diki Ananta
@dikiaap
Jun 08 2017 04:34
I'm hungry
xcodergirl
@xcodergirl
Jun 08 2017 04:34
@thekholm80 can u help me !
Dragons382
@Dragons382
Jun 08 2017 04:35
<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/>