These are chat archives for FreeCodeCamp/Help

14th
Oct 2016
Miguel Matos
@mamptecnocrata
Oct 14 2016 00:00
@markayd hint for double brownie:
semicolon missing on property statement
Mark Aydelotte
@markayd
Oct 14 2016 00:00
Sorry forgot to include name : Use RGB to Mix Colors @mamptecnocrata
Julia Hughan
@juleshughan
Oct 14 2016 00:00
Girzima
@Girzima
Oct 14 2016 00:00
@juleshughan What do you need?
Miguel Matos
@mamptecnocrata
Oct 14 2016 00:00
@alialinn hint: property must be called "font-size"
Julia Hughan
@juleshughan
Oct 14 2016 00:01

First, add a new image below the existing one. Set its src attribute to https://bit.ly/fcc-running-cats.

It would be great if this image could be exactly the width of our phone's screen.

Fortunately, with Bootstrap, all we need to do is add the img-responsive class to your image. Do this, and the image should perfectly fit the width of your page.

i'm screwing this up royally
Girzima
@Girzima
Oct 14 2016 00:02
Okay, so make a new img with that src and class="img-responsive"
<img class="" src="">
Ali
@alialinn
Oct 14 2016 00:03
@mamptecnocrata thank you so much what a stupid mistke that was !
CamperBot
@camperbot
Oct 14 2016 00:03
alialinn sends brownie points to @mamptecnocrata :sparkles: :thumbsup: :sparkles:
:cookie: 124 | @mamptecnocrata |http://www.freecodecamp.com/mamptecnocrata
Marwan_SA
@MarwanSA
Oct 14 2016 00:03
@mamptecnocrata still i can't know what i'm missing this is my code
$("#target5").clone().appendto("#left-well");
Mark Aydelotte
@markayd
Oct 14 2016 00:04
@mamptecnocrata Thanks you alot ! Would have been nice if the showed that in the example....
CamperBot
@camperbot
Oct 14 2016 00:04
markayd sends brownie points to @mamptecnocrata :sparkles: :thumbsup: :sparkles:
:cookie: 125 | @mamptecnocrata |http://www.freecodecamp.com/mamptecnocrata
Girzima
@Girzima
Oct 14 2016 00:04
@juleshughan The .img-responsive class applies max-width: 100%, height: auto, and display:block to the image:
Julia Hughan
@juleshughan
Oct 14 2016 00:04
@Girzima thanks! i lose these stupid basic html rules because there is some much content
CamperBot
@camperbot
Oct 14 2016 00:04
juleshughan sends brownie points to @girzima :sparkles: :thumbsup: :sparkles:
:cookie: 235 | @girzima |http://www.freecodecamp.com/girzima
Marwan_SA
@MarwanSA
Oct 14 2016 00:04
@juleshughan use <div class="container-fluid"> then ur all code and img </div>
Julia Hughan
@juleshughan
Oct 14 2016 00:05
@MarwanSA got that one ;)
Girzima
@Girzima
Oct 14 2016 00:05
@juleshughan It's teaching you to use bootstrap instead of regular code, it's really dumb
Julia Hughan
@juleshughan
Oct 14 2016 00:05
yep
Girzima
@Girzima
Oct 14 2016 00:05
Like teaching you to run without knowing how to walk
Julia Hughan
@juleshughan
Oct 14 2016 00:06
but i should still remember those simple image syntax
can remember complex css, but that stuff gets lost so easily
will have to do the course twice i think to try and get everything to sink in
Girzima
@Girzima
Oct 14 2016 00:07
You'll understand it once you incorporate it in projects a few times
Marwan_SA
@MarwanSA
Oct 14 2016 00:07
anyone pls help what i am missing here ?
Girzima
@Girzima
Oct 14 2016 00:07
I really don't think straight to bootstrap is the best thing to teach though
Marwan_SA
@MarwanSA
Oct 14 2016 00:07
$("#target5").clone().appendto("#left-well");
Julia Hughan
@juleshughan
Oct 14 2016 00:08
yes, i do have a few ideas on how the course could make more sense
the context/language for certain challenge make no sense and need to be googled
often found in treehouse
so much focus on ID
Marwan_SA
@MarwanSA
Oct 14 2016 00:08
@johnmatzos i am on 111
Julia Hughan
@juleshughan
Oct 14 2016 00:09
wtf are they integrating bootstrap with css?
Samanruttia
@Samanruttia
Oct 14 2016 00:10
Any help? im on 108 and i dont understand how to "Emphasize the text in your target4 button by adding HTML tags"
Mark Aydelotte
@markayd
Oct 14 2016 00:10
@juleshughan i agree sometimes there seems to missing info
Samanruttia
@Samanruttia
Oct 14 2016 00:11
i did this " $("#target4").html("<em>Jquery Playground</em>");" but, seems like it lacks me something
Julia Hughan
@juleshughan
Oct 14 2016 00:13
yep, now they're having me create a bootstrap button. completely useful.
Marwan_SA
@MarwanSA
Oct 14 2016 00:13
ah it was only making the letter capital appendto false it's appendTo right
@MarwanSA thanks to me XP
CamperBot
@camperbot
Oct 14 2016 00:14
sorry marwansa, you can't send brownie points to yourself! :sparkles: :sparkles:
Ramdani Fatima-zahra
@ProgramerFati
Oct 14 2016 00:15
pleaze I have an other question
:/
text zoom should be at 100% what should I do?
Julia Hughan
@juleshughan
Oct 14 2016 00:16
make sure your browser settings are set at 100% zoom
Ramdani Fatima-zahra
@ProgramerFati
Oct 14 2016 00:17
Aaaaaaah tnks Julia you the best
Julia Hughan
@juleshughan
Oct 14 2016 00:17
no worries mate
ITChampion
@ITChampion
Oct 14 2016 00:18
heeeeeeeeeeeelsp
plzzzzzzzz
Your form element should have the background-color of green.
!!!!!!!
Gbatis
@Gbatis
Oct 14 2016 00:19
Hey you guys!
Im stuck
how do I add this in?
Andrew Crook
@adcrook
Oct 14 2016 00:21
@Samanruttia $("#target4").html("<em>#target4</em>") works. Though the instructions make me think the function .text() should be used somehow.
Ramdani Fatima-zahra
@ProgramerFati
Oct 14 2016 00:21
@ITChampion <style>
Julia Hughan
@juleshughan
Oct 14 2016 00:21
@Gbatis .green-background { background-color: green; }
class="green-background"
Ramdani Fatima-zahra
@ProgramerFati
Oct 14 2016 00:22
{back-ground-color :green;}
.green-background if u atrribute a classe to that tag
Julia Hughan
@juleshughan
Oct 14 2016 00:22
it is required in the challenge from my recollection :)
ITChampion
@ITChampion
Oct 14 2016 00:23
didnt work!
Ramdani Fatima-zahra
@ProgramerFati
Oct 14 2016 00:23
aah ok sorry
Julia Hughan
@juleshughan
Oct 14 2016 00:23
weird
which challenge are you on?
Ramdani Fatima-zahra
@ProgramerFati
Oct 14 2016 00:23
could u send a screen
ITChampion
@ITChampion
Oct 14 2016 00:23
44
Samanruttia
@Samanruttia
Oct 14 2016 00:23
@adcrook thanks , i solved any way
CamperBot
@camperbot
Oct 14 2016 00:23
samanruttia sends brownie points to @adcrook :sparkles: :thumbsup: :sparkles:
:cookie: 111 | @adcrook |http://www.freecodecamp.com/adcrook
Julia Hughan
@juleshughan
Oct 14 2016 00:24
url?
ITChampion
@ITChampion
Oct 14 2016 00:24
Use an ID Attribute to Style an Element (44)
@ProgramerFati i dont know how can is send a screen here...sorry
Kyle
@Kyle23
Oct 14 2016 00:26
Anyone able to help me a little with Use Responsive Design with Bootstrap Fluid Containers (64)?
Miguel Matos
@mamptecnocrata
Oct 14 2016 00:27
@MarwanSA this is how I'm coded and worked:
$("#target5").clone().appendTo("#left-well");
Samanruttia
@Samanruttia
Oct 14 2016 00:27
im latino, so sometimes i found it hard to understand. thanks again
Kyle
@Kyle23
Oct 14 2016 00:27
nevermind i figured it out :)
Miguel Matos
@mamptecnocrata
Oct 14 2016 00:27
okidoki ;)

@ITChampion hint: <style>#ID { property:value;}</style>

<tag #ID>text</tag>

replace the ID with the name, which must be unique, can't be repeat on other side
Aya Seit
@ayaseit
Oct 14 2016 00:32
Please help me unstack here completely lost and confused :( http://codepen.io/Aya84/pen/xEzvNQ
JS part
ononoreo
@ononoreo
Oct 14 2016 00:35
any experienced R programmers here?
slri
@slri
Oct 14 2016 00:43
@ononoreo I don't think there are any. Are your concerns R specific?
amgad2016
@amgad2016
Oct 14 2016 00:48
hi guys
what is wrong here
slri
@slri
Oct 14 2016 00:51
@amgad2016 Your code. Read the lecture carefully and think about where you should put this bad boy and what to put inside of it:
p {
    /*some stuff here*/
}
Rachael S
@STER170
Oct 14 2016 00:51

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

it says i didn't make it 16px
but my browser zoom is at 100%
Girzima
@Girzima
Oct 14 2016 00:52
Between the style tags, give the p elements font-size of 16px
Give p, not class specific
Rachael S
@STER170
Oct 14 2016 00:53
<style>
.red-text {
color: red;
font-size: 16px;
}
Isnt that what this is
Ohhh
ononoreo
@ononoreo
Oct 14 2016 00:54
@RuinIsProbablyTaken yes
Rachael S
@STER170
Oct 14 2016 00:54
How would I do that?
slri
@slri
Oct 14 2016 00:54
@STER170 Look at what I posted earlier
Rachael S
@STER170
Oct 14 2016 00:55
I have
p {
font-size: 16px;
}
But it has the p highlighted in red.
Girzima
@Girzima
Oct 14 2016 00:55
code
Rachael S
@STER170
Oct 14 2016 00:56
Got it :) thank you
Marwan_SA
@MarwanSA
Oct 14 2016 01:05
alright so the night mare is 118 i guess anyone finish it yet ? XP
Miguel Matos
@mamptecnocrata
Oct 14 2016 01:21
@tiepmy23 hint: <div> before the body content, </div> after the <form> closing tag
tiepmy23
@tiepmy23
Oct 14 2016 01:23
ok Thanks, @mamptecnocrata . I'll give it a try. I feel like I've tried every possibility.
CamperBot
@camperbot
Oct 14 2016 01:23
tiepmy23 sends brownie points to @mamptecnocrata :sparkles: :thumbsup: :sparkles:
:cookie: 127 | @mamptecnocrata |http://www.freecodecamp.com/mamptecnocrata
Marwan_SA
@MarwanSA
Oct 14 2016 01:28
@mamptecnocrata have u finish 118 ?
Miguel Matos
@mamptecnocrata
Oct 14 2016 01:28
118? o.O
This message was deleted
rick
@yagnub
Oct 14 2016 01:32
need some help with challenge 21 adding smaller-image code. I have looked at different solutions and I quite sure I have the same as they do but it will not pass
Carlos Mendez
@carlos78910
Oct 14 2016 01:32
can someone please tell me what i've done wrong here?

<img class="smaller-image" alt="A cute orange cat lying on its back." </img>

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

rick
@yagnub
Oct 14 2016 01:32

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

Carlos i think you code should be
Miguel Matos
@mamptecnocrata
Oct 14 2016 01:35
@yagnub @carlos78910 for triple :brownie::
.smaller-image {
    width: 100px;
  }
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. " class="smaller-image">
I just checked and yes I work the challenge
rick
@yagnub
Oct 14 2016 01:36
Carlos code should be<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> looks like you have an img tag at the end
thanks Miguel
佩恩
@RabbitGis
Oct 14 2016 01:37
how to insure the target4 button is changed?i can't pass it
$("#target4").html("<em>target4</em>")
Carlos Mendez
@carlos78910
Oct 14 2016 01:38
thanks guy
guys*
rick
@yagnub
Oct 14 2016 01:39
Many thanks to Miguel i have been stuck on that for 3 hours missed putting in the class for the img
Anthony
@jawaka72
Oct 14 2016 01:39
Hey everyone, i'm working on my portfolio site. Does anyone know how yo make the button on the nav bar move from "About" to "Portfolio" to "Contact"?
Girzima
@Girzima
Oct 14 2016 01:40
What do you mean?
Rye
@maverick235
Oct 14 2016 01:40
Hey guys, is there a responsive way to adjust text size? I'm on my tribute page right now.
Miguel Matos
@mamptecnocrata
Oct 14 2016 01:40
@RabbitGis hint: I would say it is because of the lack of punctuation in an obvious place.
Anthony
@jawaka72
Oct 14 2016 01:41
For the example Portfolio site, the nav bar has a white button, or what looks like a button to me, that when clicked moves between the options on the nav bar.
Girzima
@Girzima
Oct 14 2016 01:42
link?
Anthony
@jawaka72
Oct 14 2016 01:42
Girzima
@Girzima
Oct 14 2016 01:42
Oh you mean redirecting you to different sections?
Anthony
@jawaka72
Oct 14 2016 01:42
yes
Girzima
@Girzima
Oct 14 2016 01:43
I'm not sure how to make it scroll just yet but to redirect it make the href the section id
<a href="#portfolio">
There's JS to make it scroll instead of an immediate jump I believe
wheeley
@wheeley
Oct 14 2016 01:46
Hi everybody, my names Kamran and i just started learning to code today :D
Anthony
@jawaka72
Oct 14 2016 01:46
yea, i wasn't sure if it could be done only in css, but i haven't learned JS yet, so I might have to try and figure it out or just wait until I get to study JS
Welcome, wheeley
wheeley
@wheeley
Oct 14 2016 01:47
I was hoping to get some help on module 20- Link to External Pages in Anchor Elements
Miguel Matos
@mamptecnocrata
Oct 14 2016 01:47
welcome @wheeley
take a :brownie:
wheeley
@wheeley
Oct 14 2016 01:48
@jawaka72 @mamptecnocrata thanks alot.
CamperBot
@camperbot
Oct 14 2016 01:48
wheeley sends brownie points to @jawaka72 and @mamptecnocrata :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @jawaka72 |http://www.freecodecamp.com/jawaka72
:cookie: 131 | @mamptecnocrata |http://www.freecodecamp.com/mamptecnocrata
Girzima
@Girzima
Oct 14 2016 01:48
Wait until you learn JS honestly. You can do a direct page jump but put it on your to do list to make that jump scroll later
佩恩
@RabbitGis
Oct 14 2016 01:48
@mamptecnocrata $("#target4").html("<em>target4</em>"); it is working,but it just can't pass the"insure the botton that changed is target4"
Agrim
@scooterman751
Oct 14 2016 01:48
what does this mean
Only add one class with each of your three selectors.
cause
im doing that but it's not letting me go forward
Anthony
@jawaka72
Oct 14 2016 01:49
Duly noted. Thanks a lot @Girzima!
CamperBot
@camperbot
Oct 14 2016 01:49
jawaka72 sends brownie points to @girzima :sparkles: :thumbsup: :sparkles:
:cookie: 240 | @girzima |http://www.freecodecamp.com/girzima
Agrim
@scooterman751
Oct 14 2016 01:50
take a :bread:
lol
but
rally
can someone tell moi
svp
Miguel Matos
@mamptecnocrata
Oct 14 2016 01:50
@RabbitGis:
"Emphasize the text in your target4 button by adding HTML tags."
locate the tag which ID being "target4" and put in jquery statement
" Make sure the text is otherwise unchanged.
Do not alter any other text. "
Don't add others statements that alter the main function
LPR-309
@LPR-309
Oct 14 2016 01:51
@scooterman751 What lesson? Can we see what you have so far?
Miguel Matos
@mamptecnocrata
Oct 14 2016 01:51
"Make sure you are using .html() and not .text(). "
Add a method that modify this class
Danwhisper
@Danwhisper
Oct 14 2016 01:52

does anybody what am doing wrong? <style>
.blue-text {
color:blue;
}
</style>

<h2 class ="blue- 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>

LPR-309
@LPR-309
Oct 14 2016 01:53
@Danwhisper It looks like there's a space in class="blue-text", by the hyphen
Agrim
@scooterman751
Oct 14 2016 01:53
ok
number 105
i think
it's Target the same element with multiple jQuery Selectors
this is what I have
Manish Giri
@Manish-Giri
Oct 14 2016 01:54
@Danwhisper do you really need a blue-text class? I don’t think so
Danwhisper
@Danwhisper
Oct 14 2016 01:54
thanks for the feed back @LPR-309
CamperBot
@camperbot
Oct 14 2016 01:54
danwhisper sends brownie points to @lpr-309 :sparkles: :thumbsup: :sparkles:
:cookie: 393 | @lpr-309 |http://www.freecodecamp.com/lpr-309
Agrim
@scooterman751
Oct 14 2016 01:54
<script>
  $(document).ready(function() {
    $("button").addClass("animated animated")
    $(".btn").addClass("animated shake")
    $("#target1").addClass("btn-primary")


  });
</script>
Manish Giri
@Manish-Giri
Oct 14 2016 01:54
@scooterman751 only add 1 class per selector
jonathan noel
@JonEgilhard
Oct 14 2016 01:54
Hi Guys,
i don't understand the way to insert the container-fluid div
Agrim
@scooterman751
Oct 14 2016 01:54
what do u mean
wait
oh I got it
merci
beacoup
LPR-309
@LPR-309
Oct 14 2016 01:56

@scooterman751 That's almost right, you should remove

$("button").addClass("animated animated");  // the first animated here
$(".btn").addClass("animated shake"); // the animated here also

And add semicolons

Oh, okay~ :thumbsup:
Manish Giri
@Manish-Giri
Oct 14 2016 01:56
@JonEgilhard copy paste all the html you have, and put it inside a div with class=“container-fluid”
<div class=“container-fluid”
//current HTML
</div>
jonathan noel
@JonEgilhard
Oct 14 2016 01:57
Will retry Thank you @Manish-Giri
CamperBot
@camperbot
Oct 14 2016 01:57
jonegilhard sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 1974 | @manish-giri |http://www.freecodecamp.com/manish-giri
Ingrid Hill
@Ingrid25
Oct 14 2016 01:57
Hi, please I need help with change the color of text I did every thing, but I can get to change the color
Manish Giri
@Manish-Giri
Oct 14 2016 01:57
@Ingrid25 is it the one where you’re asked to make the text of h2 blue?
@JonEgilhard welcome
Ingrid Hill
@Ingrid25
Oct 14 2016 01:58
yes
StevenAnthonyM
@StevenAnthonyM
Oct 14 2016 01:58
hey guys
Ingrid Hill
@Ingrid25
Oct 14 2016 01:58
thank you
Manish Giri
@Manish-Giri
Oct 14 2016 01:58
@Ingrid25 show the code you’ve got
Ingrid Hill
@Ingrid25
Oct 14 2016 02:00
<h2 style=olor:blueCatPhotoApp</h2>
color
Manish Giri
@Manish-Giri
Oct 14 2016 02:02
@Ingrid25 look at the syntax, missing quotes, tags
StevenAnthonyM
@StevenAnthonyM
Oct 14 2016 02:02
What are I doing wrong here !<hr style="BORDER-RIGHT: medium none; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; HEIGHT: 1px">
jonathan noel
@JonEgilhard
Oct 14 2016 02:02
how to nested all HTML elements in .container-fluid. ?
StevenAnthonyM
@StevenAnthonyM
Oct 14 2016 02:02
    <div>

<hr>

<ul>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="Restaurants/prices.html">Price list</a></li>
<li><a href="http://www.Quip-it.ca" target="_blank">Try out services</a></li>
<li><a href="downloads1/i was thinking.docx">Download Menu</a></li>

  </ul>

</div>
<hr>

why is my hr not showing?
Ingrid Hill
@Ingrid25
Oct 14 2016 02:03
<h2 style=¨color:blue¨
Agrim
@scooterman751
Oct 14 2016 02:03
what is hr??
href
StevenAnthonyM
@StevenAnthonyM
Oct 14 2016 02:03
horizontal line
Agrim
@scooterman751
Oct 14 2016 02:03
oh
ok
lol
StevenAnthonyM
@StevenAnthonyM
Oct 14 2016 02:03
its not showing on chrome
Amit Patel
@AmitP88
Oct 14 2016 02:03
@scooterman751 href is for links (urls)
Agrim
@scooterman751
Oct 14 2016 02:03
ik
StevenAnthonyM
@StevenAnthonyM
Oct 14 2016 02:03
I followed the video exactly
Agrim
@scooterman751
Oct 14 2016 02:04
i didn't know what hr
was
Amit Patel
@AmitP88
Oct 14 2016 02:04
oh ok
Agrim
@scooterman751
Oct 14 2016 02:04
so I thought he ( or she ) ment href
lol
meant
Amit Patel
@AmitP88
Oct 14 2016 02:04
oh I see lol
Darshan
@Dave1089
Oct 14 2016 02:04
@JonEgilhard means code after </style> should be in between opening and closing div of class="container-fluid"
StevenAnthonyM
@StevenAnthonyM
Oct 14 2016 02:04

does anyone know what <div>

<hr>

<ul>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="Restaurants/prices.html">Price list</a></li>
<li><a href="http://www.Quip-it.ca" target="_blank">Try out services</a></li>
<li><a href="downloads1/i was thinking.docx">Download Menu</a></li>

  </ul>

</div>
<hr>

isnt showing the lines on my webpage
Ingrid Hill
@Ingrid25
Oct 14 2016 02:04
ok, thank you
jonathan noel
@JonEgilhard
Oct 14 2016 02:05
<div class=“container-fluid”>

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

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

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

<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</div>
Amit Patel
@AmitP88
Oct 14 2016 02:05
I'm stuck on the Record Collection challenge. when I ran the tests on default (meaning I didn't write any code yet), I only got half the array to show up. Is that supposed to happen? O_o
Rye
@maverick235
Oct 14 2016 02:05
hey guys, for choosing font size, is it recommended to use px, em or viewport to make your site responsive?
Manish Giri
@Manish-Giri
Oct 14 2016 02:05
@AmitP88 nope
@maverick235 em or % is preferred over px
Amit Patel
@AmitP88
Oct 14 2016 02:05
@Manish-Giri hmmm, that's weird O_O
oscar carrillo
@oscarrillo90
Oct 14 2016 02:06
can i get some help with the lesson: learn how script tags and document ready work
Marwan_SA
@MarwanSA
Oct 14 2016 02:06
@JonEgilhard this is how it should be <div class="container-fluid">
Darshan
@Dave1089
Oct 14 2016 02:06
@oscarrillo90 what have you tried?
Agrim
@scooterman751
Oct 14 2016 02:06
<div>
<hr>
<ul>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="Restaurants/prices.html">Price list</a></li>
<li><a href="http://www.Quip-it.ca" target="_blank">Try out services</a></li>
<li><a href="downloads1/i was thinking.docx">Download Menu</a></li>
</ul>
</div>
<hr>
this is it
Miguel Matos
@mamptecnocrata
Oct 14 2016 02:06
@StevenAnthonyM <hr> that only show a horizontal line and no more. You can not pretend to modify it as if it were a box. What we can is to encapsulate texts show divs and make themselves form lines are changed.
Agrim
@scooterman751
Oct 14 2016 02:06
right
Rye
@maverick235
Oct 14 2016 02:06
@Manish-Giri does viewport make sense to use?
oscar carrillo
@oscarrillo90
Oct 14 2016 02:07
@Dave1089 just this....$(document).ready(function() {
});
Amit Patel
@AmitP88
Oct 14 2016 02:07
not only that but my previous challenges that I've completed are showing that all the tests didn't pass (showing red Xs) even though it still has the challenge itself marked as completed
jonathan noel
@JonEgilhard
Oct 14 2016 02:07
@MarwanSA Thank you , all about the quotes mark
CamperBot
@camperbot
Oct 14 2016 02:07
jonegilhard sends brownie points to @marwansa :sparkles: :thumbsup: :sparkles:
:cookie: 119 | @marwansa |http://www.freecodecamp.com/marwansa
Marwan_SA
@MarwanSA
Oct 14 2016 02:07
gd night coders XD
Darshan
@Dave1089
Oct 14 2016 02:07
@oscarrillo90
only missing <script> and </script> tags
Amit Patel
@AmitP88
Oct 14 2016 02:07
I think my FCC challenges are tripping out
oscar carrillo
@oscarrillo90
Oct 14 2016 02:08
awesome, thank you!
Marwan_SA
@MarwanSA
Oct 14 2016 02:08
@JonEgilhard anytime we help whenever we can each other XP
@AmitP88 which one is it ?
jonathan noel
@JonEgilhard
Oct 14 2016 02:08
i am very impressive by the openness to help!
Rye
@maverick235
Oct 14 2016 02:08
@Manish-Giri Well what I mean is, should we use viewport?
Manish Giri
@Manish-Giri
Oct 14 2016 02:08
@maverick235 yeah I guess
Amit Patel
@AmitP88
Oct 14 2016 02:09
@MarwanSA Record Collection challenge. like when I run the tests on default, the order of the array it renders is messed up
and it won't even load the entire array (items are missing)
Rye
@maverick235
Oct 14 2016 02:09
@Manish-Giri The reason I ask is because I would like to know if you can allow your text to scale from desktop to mobile.
or how...
Marwan_SA
@MarwanSA
Oct 14 2016 02:10
@AmitP88 wish if i can help but i'm not there yet XP
Amit Patel
@AmitP88
Oct 14 2016 02:10
@MarwanSA no worries :)
Marwan_SA
@MarwanSA
Oct 14 2016 02:10
<p> gd night coders </p>
Manish Giri
@Manish-Giri
Oct 14 2016 02:11
@maverick235 I see, maybe @Dave1089 can answer that question! He’s good with all this stuff
Rye
@maverick235
Oct 14 2016 02:15
@Dave1089 Hi Dave! Do you know the best way to make text scale or be more responsive? I heard viewport works best. Any thoughts?
JayBlue11
@JayBlue11
Oct 14 2016 02:16
can someone help with HTML?
Thomas Noe
@t3h2mas
Oct 14 2016 02:16
if a viewport / responsive libary doesn't work, what about trying media queries?
Manish Giri
@Manish-Giri
Oct 14 2016 02:17
@JayBlue11 question?
JayBlue11
@JayBlue11
Oct 14 2016 02:17
Yes, please :) I'm getting "Your h1 element should have the class pink-text. " this wrong
<h1 style="color:pink" class=".pink-text">Hello World!</h1>

sorry, I should add more...

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

<h1 style="color:pink" class=".pink-text">Hello World!</h1>

Darshan
@Dave1089
Oct 14 2016 02:18
@maverick235 hey.. nice article if you wanna dive into viewport-based text size
https://css-tricks.com/viewport-sized-typography/ , haven't tried as rem,em and % works for me in most of the cases
Manish Giri
@Manish-Giri
Oct 14 2016 02:19

@JayBlue11

<h1 style="color:pink" class=".pink-text">Hello World!</h1>

should just be

<h1 class="pink-text">Hello World!</h1>
JayBlue11
@JayBlue11
Oct 14 2016 02:20
You're right, but I'm on a section where it wants you to do both so you can see what takes priority. :/
Miguel Matos
@mamptecnocrata
Oct 14 2016 02:21
i'm going to make a "meme" time
see you toomorrow
Rye
@maverick235
Oct 14 2016 02:21
@Dave1089 Thanks! I am really trying to understand responsiveness and what works, I feel like I'm going down a rabbit hole lol! Do you recommend just using CSS?
CamperBot
@camperbot
Oct 14 2016 02:21
maverick235 sends brownie points to @dave1089 :sparkles: :thumbsup: :sparkles:
:cookie: 654 | @dave1089 |http://www.freecodecamp.com/dave1089
Darshan
@Dave1089
Oct 14 2016 02:21
@maverick235 sure... and I would use media queries for responsiveness as libraries are not always reliable
jonathan noel
@JonEgilhard
Oct 14 2016 02:22
what is wrong here ?
<div class="col-xs-4">
<div class="row">
<button class="btn btn-block btn-primary">Like</button>
<button class="btn btn-block btn-info">Info</button>
<button class="btn btn-block btn-danger">Delete</button>
</div>
Rye
@maverick235
Oct 14 2016 02:22
@Dave1089 Ok cool, I havent come across those before.
JordanPPowell
@JordanPPowell
Oct 14 2016 02:23
If anyone needs a hand feel free to private message me :)
Manish Giri
@Manish-Giri
Oct 14 2016 02:24
@JonEgilhard col-xs-4 for each button
jonathan noel
@JonEgilhard
Oct 14 2016 02:24
Got it !!
@Manish-Giri Are you in a startup?
Manish Giri
@Manish-Giri
Oct 14 2016 02:25
@JonEgilhard nope
Darshan
@Dave1089
Oct 14 2016 02:25
10101010 + 11001100 = :confused:
jonathan noel
@JonEgilhard
Oct 14 2016 02:25
@Manish-Giri Are you programmer full time?
Miguel Matos
@mamptecnocrata
Oct 14 2016 02:25
/quit
/away
Manish Giri
@Manish-Giri
Oct 14 2016 02:26
@JonEgilhard yep :smile:
Darshan
@Dave1089
Oct 14 2016 02:26
@mamptecnocrata are you trying custom commands ?
Miguel Matos
@mamptecnocrata
Oct 14 2016 02:26
yes, like IRC, but don't work
Darshan
@Dave1089
Oct 14 2016 02:27
well. they only work in matrix :)
Miguel Matos
@mamptecnocrata
Oct 14 2016 02:27

ROTCL #LOL

and I discovered what you meant when they said certain number of challenges.
aaaandddd, now yes, it's 'meme' time :bed: :clock1030:
Donovan
@Jugarap
Oct 14 2016 02:38
whats a decent # of hours to dedicate per day to learning to code if im super green?
Dave
@dnuanez
Oct 14 2016 02:40
can someone possibly help me with setting a divs background color
JordanPPowell
@JordanPPowell
Oct 14 2016 02:41
@dnuanez sure
Mohammad Tariq Khan
@khanmt8
Oct 14 2016 02:41
hi
any of you guys ever trip on lsd
Christopher Campbell
@nankeuriseu
Oct 14 2016 02:42
Anyone know if it’s possible to run a script in the FreeCodeCamp IDE without running the tests?
tyrionL
@tyrionL
Oct 14 2016 02:43
@dnuanez , yup.
Donovan
@Jugarap
Oct 14 2016 02:43
just bought a macbook pro 15" 16g ram 500 gb 2.5 i7 for $1400 was it worth it for programming?
Manish Giri
@Manish-Giri
Oct 14 2016 02:44
@Jugarap :clap:
tyrionL
@tyrionL
Oct 14 2016 02:44
write a class or id and style it in the style sheet OR you can use inline style but not recommended @dnuanez
slri
@slri
Oct 14 2016 02:45
@Manish-Giri shift change lol
Manish Giri
@Manish-Giri
Oct 14 2016 02:45
@RuinIsProbablyTaken yayy!
tyrionL
@tyrionL
Oct 14 2016 02:45
@Jugarap , it depends. like if you are beginner then you need to sit on it for few hours , lets say 3-4.
slri
@slri
Oct 14 2016 02:45
@Manish-Giri No yay, I mean I'm going to sleep
Manish Giri
@Manish-Giri
Oct 14 2016 02:46
oh lol
slri
@slri
Oct 14 2016 02:46
@Manish-Giri Where blossom at tho, I seem to be missing him frequently now
Manish Giri
@Manish-Giri
Oct 14 2016 02:46
me too, apparently
tyrionL
@tyrionL
Oct 14 2016 02:46
@Jugarap , haha. more than one could ask for.
slri
@slri
Oct 14 2016 02:46
Wow too cool for buttercup and bubbles.
Mojo jojo hasn't been around either, maybe they fell in love and ran off together since no one would understand their forbidden love ay @Manish-Giri
Manish Giri
@Manish-Giri
Oct 14 2016 02:47
haha
tyrionL
@tyrionL
Oct 14 2016 02:47
@RuinIsProbablyTaken , hahah
forbidden love.. lol
Dave
@dnuanez
Oct 14 2016 02:49
@JordanPPowell thanks
CamperBot
@camperbot
Oct 14 2016 02:49
dnuanez sends brownie points to @jordanppowell :sparkles: :thumbsup: :sparkles:
:cookie: 368 | @jordanppowell |http://www.freecodecamp.com/jordanppowell
slri
@slri
Oct 14 2016 02:50
Night guises, have fun :confetti_ball:
Manish Giri
@Manish-Giri
Oct 14 2016 02:50
:zzz:
JordanPPowell
@JordanPPowell
Oct 14 2016 02:56
If anyone needs a hand feel free to private message me :)
Manish Giri
@Manish-Giri
Oct 14 2016 02:56
I ned a kidney
oscar carrillo
@oscarrillo90
Oct 14 2016 02:57
does this look right because it's not letting me pass???<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
$(".well").addclass("animated shake");
});
</script>
Musangwow
@Musangwow
Oct 14 2016 02:58
Hay guys newby here I am stuck sure it something easy but nothing I have tried is working
first time asking for help
so do I just copy past the question in here?
oscar carrillo
@oscarrillo90
Oct 14 2016 02:59
@JordanPPowell does this look right because it's not letting me pass???<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
$(".well").addclass("animated shake");
});
</script>
codehidden
@codehidden
Oct 14 2016 02:59
How do you make h2 red
Dakota saunders
@madgrinch109
Oct 14 2016 02:59
I am stock on this to but i thank i got it right and it wont let me pass
__mifflin__
@cdrainxv
Oct 14 2016 03:01
@codehidden
<script>
   h2 {color: red;}
</script>
JordanPPowell
@JordanPPowell
Oct 14 2016 03:01
typo
@oscarrillo90
you have addclass and addClass
Musangwow
@Musangwow
Oct 14 2016 03:01
@JordanPPowell @JordanPPowell help
jonathan noel
@JonEgilhard
Oct 14 2016 03:01
@cdrainxv </script>
codehidden
@codehidden
Oct 14 2016 03:02
Says I need to use a c
JordanPPowell
@JordanPPowell
Oct 14 2016 03:02
@oscarrillo90 $("button").addClass("animated bounce");
$(".well").addclass("animated shake");
Bogdan Grymut
@BohdanGrymut
Oct 14 2016 03:02
<form action="/submit-cat-photo">
<lable> <input type="radio" name="indoor-outdoor">indoor</lable>
<lable> <input type="radio" name="indoor-outdoor">outdoor</lable>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
JordanPPowell
@JordanPPowell
Oct 14 2016 03:02
@Musangwow what lesson are you on?
codehidden
@codehidden
Oct 14 2016 03:02
CCS class
oscar carrillo
@oscarrillo90
Oct 14 2016 03:03
@JordanPPowell thank you, didnt think that the uppercase mattered
CamperBot
@camperbot
Oct 14 2016 03:03
oscarrillo90 sends brownie points to @jordanppowell :sparkles: :thumbsup: :sparkles:
Musangwow
@Musangwow
Oct 14 2016 03:03
Inherit styles from the body element
CamperBot
@camperbot
Oct 14 2016 03:03
:cookie: 369 | @jordanppowell |http://www.freecodecamp.com/jordanppowell
Bogdan Grymut
@BohdanGrymut
Oct 14 2016 03:03
are those radio buttons wrong?
JordanPPowell
@JordanPPowell
Oct 14 2016 03:03
if anyone needs a hand feel free to private message me :)
Musangwow
@Musangwow
Oct 14 2016 03:03
how do you pm in here
__mifflin__
@cdrainxv
Oct 14 2016 03:03
or
<h2 style=“color:red;”></h2>
@Musangwow hover over someone’s avatar/pic and click chat privately
Manish Giri
@Manish-Giri
Oct 14 2016 03:04
@BohdanGrymut you’ve spelled label wrong
__mifflin__
@cdrainxv
Oct 14 2016 03:05
@codehidden by c do you mean class?
codehidden
@codehidden
Oct 14 2016 03:05
No I meant CCS but hit the send button accidentally
__mifflin__
@cdrainxv
Oct 14 2016 03:07

my above two examples are using

css

one in script tag on inline… it just depends on which one the challenge asks for

JordanPPowell
@JordanPPowell
Oct 14 2016 03:07
@Manish-Giri lol I told him same thing. For me sometimes I misspell center as centre since I am Canadian (French) lol
Manish Giri
@Manish-Giri
Oct 14 2016 03:07
@JordanPPowell lol
codehidden
@codehidden
Oct 14 2016 03:09
It says I can't use inline style
Jared Douglass
@Red1990
Oct 14 2016 03:09
<p>View more <a href="http://freecatphotoapp.com">cat photos</a></p> Is my anchor tag not nested within my p element? Because, that's what I'm getting the "x" for.
__mifflin__
@cdrainxv
Oct 14 2016 03:10
then use the one in the script tags @codehidden
Cheshire000
@Cheshire000
Oct 14 2016 03:10
yt67 
codehidden
@codehidden
Oct 14 2016 03:11
It
It is one of the first things and it wants me to use a style CCS
Loukou Kouame
@thegeek12007
Oct 14 2016 03:12
@JonEgilhard you forgot to close a div
jonathan noel
@JonEgilhard
Oct 14 2016 03:13
@thegeek12007 Thank you Sir
CamperBot
@camperbot
Oct 14 2016 03:13
jonegilhard sends brownie points to @thegeek12007 :sparkles: :thumbsup: :sparkles:
:cookie: 15 | @thegeek12007 |http://www.freecodecamp.com/thegeek12007
__mifflin__
@cdrainxv
Oct 14 2016 03:13

@codehidden

<h2 style="color: blue">CatPhotoApp</h2>

this is straight out of the example code… they wanted inline… just change color to red

codehidden
@codehidden
Oct 14 2016 03:15
Thanks, I am new to all of this and I don't think I am going to be able to even explain my problem with my ignorance of the code language
I do appreciate you taking your time to try and help
__mifflin__
@cdrainxv
Oct 14 2016 03:17
that’s how… you learn… this chatroom is to discuss, ask and learn… so anytime… it helps to reread the instructions and look at the examples they provide as well
codehidden
@codehidden
Oct 14 2016 03:18
I have been trying this all day. To me it looks exactly like their examples except of course the color words
Loukou Kouame
@thegeek12007
Oct 14 2016 03:19
you are welcome
Jared Douglass
@Red1990
Oct 14 2016 03:19
Can anyone help me with my problem?
Dakota saunders
@madgrinch109
Oct 14 2016 03:19
<h1>"Hello Word"</h1> ?
it does not work
need help here
Loukou Kouame
@thegeek12007
Oct 14 2016 03:20
@Red1990 what the problem
Jared Douglass
@Red1990
Oct 14 2016 03:20
<p>View more <a href="http://freecatphotoapp.com">cat photos</a></p> Is my anchor tag not nested within my p element? Because, that's what I'm getting the "x" for.
tyrionL
@tyrionL
Oct 14 2016 03:20
@madgrinch109 , remove quotes
Vineet Iyer
@vineetiyer
Oct 14 2016 03:20
Hi, can someone help. It says that my background color is not green. But I dont see where it is not.
tyrionL
@tyrionL
Oct 14 2016 03:20
@Red1990 , yes
Vineet Iyer
@vineetiyer
Oct 14 2016 03:20

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

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

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

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

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

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

<form action="/submit-cat-photo" id="cat-photo-form">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> 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>

tyrionL
@tyrionL
Oct 14 2016 03:21
@vineetiyer , what's your task?
Vineet Iyer
@vineetiyer
Oct 14 2016 03:21
Your form element should have the background-color of green.
@tyrionL Your form element should have the background-color of green.
Jared Douglass
@Red1990
Oct 14 2016 03:22
I wonder why I'm getting the "x" than @tyrionL
tyrionL
@tyrionL
Oct 14 2016 03:23
@vineetiyer , <form action="/submit-cat-photo" id="cat-photo-form" class="green-background">.. replace it
Dakota saunders
@madgrinch109
Oct 14 2016 03:23
It wont let me run test i am confused i got
<h1>Hello Word</h1>
tyrionL
@tyrionL
Oct 14 2016 03:23
@Red1990 , sorry. i ain't getting you. can you post your url here?
Vineet Iyer
@vineetiyer
Oct 14 2016 03:24
@tyrionL I cant do that since Do not give your form any class or style attributes.
Loukou Kouame
@thegeek12007
Oct 14 2016 03:24
@Red1990 yes it is
Vineet Iyer
@vineetiyer
Oct 14 2016 03:24
@tyrionL That is the next part of the question
tyrionL
@tyrionL
Oct 14 2016 03:24
@madgrinch109 , what's your task?
__mifflin__
@cdrainxv
Oct 14 2016 03:24

@vineetiyer

Create a class called silver-background with the background-color of silver. Assign this class to your div element.

are you sure they don’t mean your div?

Vineet Iyer
@vineetiyer
Oct 14 2016 03:24
Give your form element the id of cat-photo-form.
Your form element should have the background-color of green.
Make sure your form element has an id attribute.
Do not give your form any class or style attributes.
Jared Douglass
@Red1990
Oct 14 2016 03:24
Yeah, https://www.freecodecamp.com/challenges/nest-an-anchor-element-within-a-paragraph#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Ca%20href%3D%22http%3A%2F%2Fwww.freecatphotoapp.com%22%3Ecat%20photos%3C%2Fa%3E%0A%0A%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%3E%0A%0A%3Cp%20class%3D%22red-text%22%3EKitty%20ipsum%20dolor%20sit%20amet%2C%20shed%20everywhere%20shed%20everywhere%20stretching%20attack%20your%20ankles%20chase%20the%20red%20dot%2C%20hairball%20run%20catnip%20eat%20the%20grass%20sniff.%3C%2Fp%3E%0A%3Cp%20class%3D%22red-text%22%3EPurr%20jump%20eat%20the%20grass%20rip%20the%20couch%20scratched%20sunbathe%2C%20shed%20everywhere%20rip%20the%20couch%20sleep%20in%20the%20sink%20fluffy%20fur%20catnip%20scratched.%3C%2Fp%3E%0A%0A%3Cp%3EView%20more%20%3Ca%20href%3D%22http%3A%2F%2Ffreecatphotoapp.com%22%3Ecat%20photos%3C%2Fa%3E%3C%2Fp%3E
Vineet Iyer
@vineetiyer
Oct 14 2016 03:24
This is the Question
tyrionL
@tyrionL
Oct 14 2016 03:25
@vineetiyer , oh i see. use id to set the color
Dakota saunders
@madgrinch109
Oct 14 2016 03:25
Put Hello Word in for Hello <h1>Hello</h1>
Vineet Iyer
@vineetiyer
Oct 14 2016 03:25
@tyrionL How do I do that?
tyrionL
@tyrionL
Oct 14 2016 03:25
@vineetiyer , wait. let me check your prob
Vineet Iyer
@vineetiyer
Oct 14 2016 03:26
@tyrionL OKay. Thnx.
CamperBot
@camperbot
Oct 14 2016 03:26
vineetiyer sends brownie points to @tyrionl :sparkles: :thumbsup: :sparkles:
:cookie: 84 | @tyrionl |http://www.freecodecamp.com/tyrionl
Musangwow
@Musangwow
Oct 14 2016 03:26
Dakota put curser after o in hello hit space and type world
__mifflin__
@cdrainxv
Oct 14 2016 03:26
@madgrinch109<h1>Hello World</h1>
Musangwow
@Musangwow
Oct 14 2016 03:26
then click test
KasehRawr
@KasehRawr
Oct 14 2016 03:27
ola! I hope everyone is well :) I am super stuck on [responsively style radio buttons] - if I close my row div it says I have not nested my col div properly and closed all of my div tags, I have tried everything I can think of, please tell me what I'm doing wrong?(https://www.freecodecamp.com/challenges/responsively-style-radio-buttons)
LPR-309
@LPR-309
Oct 14 2016 03:27
@Red1990 If you replace line 31 with line 38, then delete line 38, it should work. The last line is just in the wrong place.
Jared Douglass
@Red1990
Oct 14 2016 03:27
Ok, thank you @LPR-309
CamperBot
@camperbot
Oct 14 2016 03:27
red1990 sends brownie points to @lpr-309 :sparkles: :thumbsup: :sparkles:
:cookie: 394 | @lpr-309 |http://www.freecodecamp.com/lpr-309
Vineet Iyer
@vineetiyer
Oct 14 2016 03:27
So Did any one figure it out?
I am still getting an error somewhere
Girzima
@Girzima
Oct 14 2016 03:28
@vineetiyer what do you need?
Dakota saunders
@madgrinch109
Oct 14 2016 03:28
That what i got and i hit run test and nothing happened
Vineet Iyer
@vineetiyer
Oct 14 2016 03:28

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

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

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

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

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

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

<form action="/submit-cat-photo" id="cat-photo-form">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> 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>

Your form element should have the background-color of green.
I am not able to pass this.
Mohammad Tariq Khan
@khanmt8
Oct 14 2016 03:28
HELPPPPP
Girzima
@Girzima
Oct 14 2016 03:29
Target your form id
Vineet Iyer
@vineetiyer
Oct 14 2016 03:29
How do i do that?
Girzima
@Girzima
Oct 14 2016 03:29

cat-photo-form{}

__mifflin__
@cdrainxv
Oct 14 2016 03:29
@madgrinch109 reset and try again.
Girzima
@Girzima
Oct 14 2016 03:29
#cat-photo-form{}
__mifflin__
@cdrainxv
Oct 14 2016 03:29
<h1>Hello World</h1>
Vineet Iyer
@vineetiyer
Oct 14 2016 03:29
I am sorry I am not getting it?
Girzima
@Girzima
Oct 14 2016 03:30
.green-background {
background-color: green;
}
Your form is supposed to be green?
Vineet Iyer
@vineetiyer
Oct 14 2016 03:30
@Girzima Yes, I have that
tyrionL
@tyrionL
Oct 14 2016 03:30
@Red1990 , https://www.freecodecamp.com/challenges/nest-an-anchor-element-within-a-paragraph#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EView%20more%20%3Ca%20href%3D%22http%3A%2F%2Fwww.freecatphotoapp.com%22%3Ecat%20photos%3C%2Fa%3E%3C%2Fp%3E%0A%0A%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%3E%0A%0A%3Cp%20class%3D%22red-text%22%3EKitty%20ipsum%20dolor%20sit%20amet%2C%20shed%20everywhere%20shed%20everywhere%20stretching%20attack%20your%20ankles%20chase%20the%20red%20dot%2C%20hairball%20run%20catnip%20eat%20the%20grass%20sniff.%3C%2Fp%3E%0A%3Cp%20class%3D%22red-text%22%3EPurr%20jump%20eat%20the%20grass%20rip%20the%20couch%20scratched%20sunbathe%2C%20shed%20everywhere%20rip%20the%20couch%20sleep%20in%20the%20sink%20fluffy%20fur%20catnip%20scratched.%3C%2Fp%3E%0A
__mifflin__
@cdrainxv
Oct 14 2016 03:30
id is # not .
Vineet Iyer
@vineetiyer
Oct 14 2016 03:30
Yes
Girzima
@Girzima
Oct 14 2016 03:30
I'm so confused on what you need
Vineet Iyer
@vineetiyer
Oct 14 2016 03:31
@Girzima Use an ID Attribute to Style an Element
Girzima
@Girzima
Oct 14 2016 03:31
Right. So change the form id to green background in css
Don't make a class called grene background
Vineet Iyer
@vineetiyer
Oct 14 2016 03:31
@Girzima I am on this assignment
__mifflin__
@cdrainxv
Oct 14 2016 03:31
@vineet id’s are targeted using # not .
Girzima
@Girzima
Oct 14 2016 03:32
.green-background {
background-color: green;
} is wrong, you don't need to add a class to your div. You add an id to your form which you did and apply this to it
{
background-color: green;
}
tyrionL
@tyrionL
Oct 14 2016 03:32
@vineetiyer , your form has an id="cat-photo-form" ..create a #cat-photo-form{background-color:green;} between your style tag
@vineetiyer , paste your URL here..
__mifflin__
@cdrainxv
Oct 14 2016 03:33
@tyrion…do this for second p… <p etc><a etc></a></p>
Vineet Iyer
@vineetiyer
Oct 14 2016 03:33
@tyrionL Got it.
THnaks.
tyrionL
@tyrionL
Oct 14 2016 03:34
@cdrainxv , <p> <a>..</a> </p>
__mifflin__
@cdrainxv
Oct 14 2016 03:34
^^^ yeah… sorry… I know thought…mistake… fixed above though
tyrionL
@tyrionL
Oct 14 2016 03:36
@cdrainxv , sorry. i'm not getting you. either state your task or paste the URL, that way we could help you.
__mifflin__
@cdrainxv
Oct 14 2016 03:37
ahah… oh, i thought i was helping you…i just realized that wasn’t for you… you were just mentioned in it… sorry again...
KasehRawr
@KasehRawr
Oct 14 2016 03:41
hay yo, I was just wondering if I could get some help on this task: https://www.freecodecamp.com/challenges/responsively-style-radio-buttons
i don't seem to be able to close my divs correctly
Manish Giri
@Manish-Giri
Oct 14 2016 03:42
@KasehRawr paste your code
KasehRawr
@KasehRawr
Oct 14 2016 03:42

@Manish-Giri

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

<style>
h2 {
font-family: Lobster, Monospace;
}

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

<div class="container-fluid">
<h2 class="text-primary text-center">CatPhotoApp</h2>
</div>

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

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

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

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

@Manish-Giri

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

<style>
h2 {
font-family: Lobster, Monospace;
}

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

<div class="container-fluid">
<h2 class="text-primary text-center">CatPhotoApp</h2>
</div>

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

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

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

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

Manish Giri
@Manish-Giri
Oct 14 2016 03:43
@KasehRawr those aren’t the radio buttons
@KasehRawr these are the radio buttons
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
KasehRawr
@KasehRawr
Oct 14 2016 03:43
haha, oh, and now it all makes sense!
thank you
haha oh man, so silly of me, thank you so much! @Manish-Giri
CamperBot
@camperbot
Oct 14 2016 03:44
kasehrawr sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 1975 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Oct 14 2016 03:44
@KasehRawr lol it’s okay, welcome!
KasehRawr
@KasehRawr
Oct 14 2016 03:49
@Manish-Giri ahh thank you again, i wouldn't have picked it up for another hour or so of staring at it!
CamperBot
@camperbot
Oct 14 2016 03:49
kasehrawr sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:warning: kasehrawr already gave manish-giri points
Manish Giri
@Manish-Giri
Oct 14 2016 03:50
Happy to help!
Keith Camp
@kdcamp11
Oct 14 2016 03:53
Can someone help me to understand what I am doing wrong to set my background color to silver (assigning this class to my div element)
here is my code
.silver-background {background-color: silver;}
Roberto Arevalo
@roberttt44
Oct 14 2016 03:56
my code is broken can someone please help
tyrionL
@tyrionL
Oct 14 2016 03:57
@kdcamp11 , code looks fine
Stephanie
@StephD01
Oct 14 2016 03:57
Question as a new person learning to code and all. Why is there a CSS class and class declarations, isn't it possible to just use one or the other. Why do you need to use both?
tyrionL
@tyrionL
Oct 14 2016 03:57
@roberttt44 , state your problem.
what's the error?
Roberto Arevalo
@roberttt44
Oct 14 2016 03:57
idk how to add my code into the text bok
box*
tyrionL
@tyrionL
Oct 14 2016 03:58
@roberttt44 , using jQuery?
get the class or id and then add it
Matheus
@matheus-lima92
Oct 14 2016 03:59
Hi fccampers, I'm having some troubles with the tic-tac-toe projetc. I've drawn my game-table with canvas, but things are moving when I change the screen size. I've tried to set display: fixed but it's not working. Here's the project: http://codepen.io/MatheusLima92/pen/pEKYzG?editors=1100. Can someone help me?
tyrionL
@tyrionL
Oct 14 2016 03:59
@StephD01 , CSS class and class declarations??
Roberto Arevalo
@roberttt44
Oct 14 2016 03:59

<style>
h2 {color: blue;}
</style>
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>

the code isn't making the cat app title blue
Stephanie
@StephD01
Oct 14 2016 03:59

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

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

tyrionL
@tyrionL
Oct 14 2016 03:59
@roberttt44 , <h2>CatPhotoApp</h2>..
Parker Brown
@NeonJabawaki
Oct 14 2016 04:00
how do I post my issue?
Knox
@GeneralKnox
Oct 14 2016 04:00

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

I'm supposed to create a p element around my a element where only cat photos is a clickable link. What am I missing?

tyrionL
@tyrionL
Oct 14 2016 04:00
@StephD01 , is that a answer or a qyestion? ahha
Stephanie
@StephD01
Oct 14 2016 04:01
OH lol @tyrion thats an answer
Roberto Arevalo
@roberttt44
Oct 14 2016 04:01
Thank you @tyrionL
CamperBot
@camperbot
Oct 14 2016 04:01
roberttt44 sends brownie points to @tyrionl :sparkles: :thumbsup: :sparkles:
:cookie: 85 | @tyrionl |http://www.freecodecamp.com/tyrionl
tyrionL
@tyrionL
Oct 14 2016 04:01
@GeneralKnox , code looks fine
@StephD01 , hahaha
JordanPPowell
@JordanPPowell
Oct 14 2016 04:01
if anyone needs a hand feel free to private message me
tyrionL
@tyrionL
Oct 14 2016 04:01
@roberttt44 , :)
Stephanie
@StephD01
Oct 14 2016 04:01
At least thats how i made my title red/blue
Knox
@GeneralKnox
Oct 14 2016 04:01
@tyrionL right? it's not letting me pass this step
__mifflin__
@cdrainxv
Oct 14 2016 04:02
@NeonJabawaki click on more info for formatting ‘''
‘''
tyrionL
@tyrionL
Oct 14 2016 04:02
@GeneralKnox , i think the task ask you to add space after "view more" text.. just add the space and try to submit it.
__mifflin__
@cdrainxv
Oct 14 2016 04:02
‘''
tyrionL
@tyrionL
Oct 14 2016 04:03
@StephD01 , haha. yes. but he asked us to make it blue. :D
Stephanie
@StephD01
Oct 14 2016 04:03
true!
tyrionL
@tyrionL
Oct 14 2016 04:03
@StephD01 , :P
Jeff Ayres
@jeffayres
Oct 14 2016 04:11
ugh cant figure how to Set the ID of an Element
Alex
@jag9lb20z
Oct 14 2016 04:12
having trouble with Nest an Anchor Element within a Paragraph
JordanPPowell
@JordanPPowell
Oct 14 2016 04:12
@jeffayres need a hand?
@jag9lb20z need a hand?
Alex
@jag9lb20z
Oct 14 2016 04:12
is this how you do it?
<p>View more
<a href="http://www.freecatphotoapp.com">
cat photos
</a>
</p>
im new here, sorry.
Jeff Ayres
@jeffayres
Oct 14 2016 04:13
everyone is new at one point :)
JordanPPowell
@JordanPPowell
Oct 14 2016 04:14
@jag9lb20z yup
Stephanie
@StephD01
Oct 14 2016 04:14
Hi all. I am trying to put in the font size css property:
JordanPPowell
@JordanPPowell
Oct 14 2016 04:14
@jag9lb20z if it doesn't work sometimes you need to refresh the page and try again
Stephanie
@StephD01
Oct 14 2016 04:14
<style>
.red-text {
color: red;
}
h1 {
font-size: 16px;
}

</style>
iconstantino
@iconstantino
Oct 14 2016 04:15
Anyone good at using APIs?
Alex
@jag9lb20z
Oct 14 2016 04:15
ok, ill try that.
Stephanie
@StephD01
Oct 14 2016 04:15
and it's not working :-( am i putting it in the wrong place?
JordanPPowell
@JordanPPowell
Oct 14 2016 04:15
@StephD01 can you post your entire code
Stephanie
@StephD01
Oct 14 2016 04:16

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

JordanPPowell
@JordanPPowell
Oct 14 2016 04:16
lol
h2 not h1
@StephD01
tyrionL
@tyrionL
Oct 14 2016 04:17
@StephD01 , got a problem?
Stephanie
@StephD01
Oct 14 2016 04:17
@JordanPPowell is it h2 because were changing the title font size?
JordanPPowell
@JordanPPowell
Oct 14 2016 04:17
@StephD01 you don't have an h1 in your html, you only have an h2
Stephanie
@StephD01
Oct 14 2016 04:17
oooo
Now i see, lol
Alex
@jag9lb20z
Oct 14 2016 04:17
@jeffayres thanks for the help, refreshing the browser window works. Thanks.
CamperBot
@camperbot
Oct 14 2016 04:17
jag9lb20z sends brownie points to @jeffayres :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for jeffayres
Stephanie
@StephD01
Oct 14 2016 04:17
@JordanPPowell thank yoU!
tyrionL
@tyrionL
Oct 14 2016 04:17
@StephD01 , hahh.
CamperBot
@camperbot
Oct 14 2016 04:17
stephd01 sends brownie points to @jordanppowell :sparkles: :thumbsup: :sparkles:
:cookie: 370 | @jordanppowell |http://www.freecodecamp.com/jordanppowell
JordanPPowell
@JordanPPowell
Oct 14 2016 04:18
@jag9lb20z awesome
@StephD01 glad to help
Stephanie
@StephD01
Oct 14 2016 04:18
@tyrionL got help thanks though tyrion!
CamperBot
@camperbot
Oct 14 2016 04:18
stephd01 sends brownie points to @tyrionl :sparkles: :thumbsup: :sparkles:
:cookie: 86 | @tyrionl |http://www.freecodecamp.com/tyrionl
tyrionL
@tyrionL
Oct 14 2016 04:18
@StephD01 , :)
Alex
@jag9lb20z
Oct 14 2016 04:19
@JordanPPowell opps sorry meant you, wrong person the first time, new here hehe, but yea it worked thanks.
CamperBot
@camperbot
Oct 14 2016 04:19
jag9lb20z sends brownie points to @jordanppowell :sparkles: :thumbsup: :sparkles:
:cookie: 371 | @jordanppowell |http://www.freecodecamp.com/jordanppowell
JordanPPowell
@JordanPPowell
Oct 14 2016 04:19
@jag9lb20z lol no worries
Stephanie
@StephD01
Oct 14 2016 04:19
Oh i get it now and then if i want to change font size to the P elements i have to put in P.
Knox
@GeneralKnox
Oct 14 2016 04:20
k what the deuce

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

keep getting an error
nest the existing img element within an a element

tyrionL
@tyrionL
Oct 14 2016 04:21
@StephD01 , yes. you can use class, ID or inline style also
Jeff Ayres
@jeffayres
Oct 14 2016 04:22
not sure how to set the ID of an element .... <h2 id="cat-photo-app">
tyrionL
@tyrionL
Oct 14 2016 04:22
@GeneralKnox , nothing wrong with your code
Knox
@GeneralKnox
Oct 14 2016 04:22
@tyrionL last time i had to refresh the page for it to work lol
Stephanie
@StephD01
Oct 14 2016 04:22
@tyrionL so when you say class is that when it's class=red-text
tyrionL
@tyrionL
Oct 14 2016 04:22
@jeffayres , yup. <h2 id="cat-photo-app"> ..</h2>
@StephD01 .. class="red-text"
@GeneralKnox , ahah. refresh solves most of the problems here
@StephD01 , did you get it? or do you want me to explain with an example?
Stephanie
@StephD01
Oct 14 2016 04:25
I think I get it. Class is when it's within the <h2...</h2> and thats different from what I did earlier right?
but an example would be helpful too! :D
Benjie
@adok4u
Oct 14 2016 04:25
how do we make class again? i need .pink-text with color pink
JordanPPowell
@JordanPPowell
Oct 14 2016 04:26
.pink-text {color:pink;} then implement it @adok4u
tyrionL
@tyrionL
Oct 14 2016 04:26
@StephD01 , ok .. wait.. i'll give an complete example with all the ways one can style a element
Jeff Ayres
@jeffayres
Oct 14 2016 04:26
OMG when you finally figure some of these out you just want to face palm yourself 100 times
JordanPPowell
@JordanPPowell
Oct 14 2016 04:26
@StephD01 check the red-text lesson you did before :)
Stephanie
@StephD01
Oct 14 2016 04:27
@jeffayres so true!
@JordanPPowell yuppers! :)
Benjie
@adok4u
Oct 14 2016 04:28
@JordanPPowell thanks man
CamperBot
@camperbot
Oct 14 2016 04:28
adok4u sends brownie points to @jordanppowell :sparkles: :thumbsup: :sparkles:
:cookie: 372 | @jordanppowell |http://www.freecodecamp.com/jordanppowell
白龙宇
@dayugeaichiyu
Oct 14 2016 04:31
中国人有吗
tyrionL
@tyrionL
Oct 14 2016 04:32
@StephD01 , you there?
Stephanie
@StephD01
Oct 14 2016 04:33
yup
yes
juancbaires
@juancbaires
Oct 14 2016 04:37
random but what part of freecodecamps challenges are you guys on? im trying to pair through some of these bonfire challenges but there is like 0 people in the lets pair chat room lol
tyrionL
@tyrionL
Oct 14 2016 04:38

.red-text-CLASS {
color: red;
}

h2 {
font-family: Monospace;
}

red-text-ID{

background-color:blue;

}

</style>

<h2 class="red-text-CLASS" id="red-text-ID">styled using through class and id</h2>

<h1 style="color:yellow">styled it with an inline style</h1>

JordanPPowell
@JordanPPowell
Oct 14 2016 04:38
@juancbaires which are you on?
tyrionL
@tyrionL
Oct 14 2016 04:39
@StephD01

.red-text-CLASS {
color: red;
}

h2 {
font-family: Monospace;
}

red-text-ID{

background-color:blue;

}

</style>

<h2 class="red-text-CLASS" id="red-text-ID">styled using through class and id</h2>

<h1 style="color:yellow">styled it with an inline style</h1>

juancbaires
@juancbaires
Oct 14 2016 04:39
chunky monkey in the basic algorithm scripting
tyrionL
@tyrionL
Oct 14 2016 04:39
my net is friggin' slow :(
juancbaires
@juancbaires
Oct 14 2016 04:39
@JordanPPowell
Stephanie
@StephD01
Oct 14 2016 04:40
Oh gotcha!
JordanPPowell
@JordanPPowell
Oct 14 2016 04:41
@juancbaires damn lol I am heading to bed, but that's one of 3 I have left in that section
tyrionL
@tyrionL
Oct 14 2016 04:42
@StephD01 , so you declare the class in an element you want to style it. You define the class between style tags. hope it helped you.
juancbaires
@juancbaires
Oct 14 2016 04:42
its all good @JordanPPowell
im even willing to backup some to be able to pair program they say that pair programming is the best way to learn!
Stephanie
@StephD01
Oct 14 2016 04:43
@tyrionL thank you! That does clarify things.
CamperBot
@camperbot
Oct 14 2016 04:43
stephd01 sends brownie points to @tyrionl :sparkles: :thumbsup: :sparkles:
:warning: stephd01 already gave tyrionl points
tyrionL
@tyrionL
Oct 14 2016 04:43
:D
Stephanie
@StephD01
Oct 14 2016 04:44
Do you code professionally?
Girzima
@Girzima
Oct 14 2016 04:46
lol
Stephanie
@StephD01
Oct 14 2016 04:47
:)
Girzima
@Girzima
Oct 14 2016 04:49
halp how do i code
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 04:49
what do u mean?
Benjie
@adok4u
Oct 14 2016 04:50
what does it mean "we should nest all of our html in a div element the class container-fluid
Coy Sanders
@coymeetsworld
Oct 14 2016 04:50
you surround all your HTML between a set of div tags @adok4u
except your style tags, that stays outside
Benjie
@adok4u
Oct 14 2016 04:51
and how about the container-fluid class?
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 04:51
it looks like this: <div class="container-flud>...</div>
Coy Sanders
@coymeetsworld
Oct 14 2016 04:51
your div has to have that class assigned, just like you assigned classes on other html elements
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 04:52
all your html elements will be nested inside that div
Benjie
@adok4u
Oct 14 2016 04:53
so should i just input <div class=container-fluid> in?
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 04:53
yup
JordanPPowell
@JordanPPowell
Oct 14 2016 04:53
@adok4u and </div> at the end of your html
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 04:53
don't forget to add ""
Benjie
@adok4u
Oct 14 2016 04:53
yes
oh yeah thanks @jeramaedybohol @JordanPPowell
CamperBot
@camperbot
Oct 14 2016 04:53
adok4u sends brownie points to @jeramaedybohol and @jordanppowell :sparkles: :thumbsup: :sparkles:
:warning: adok4u already gave jordanppowell points
:cookie: 27 | @jeramaedybohol |http://www.freecodecamp.com/jeramaedybohol
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 04:53
<div class="name-of-your-class"></div>
JordanPPowell
@JordanPPowell
Oct 14 2016 04:55
@jeramaedybohol great description
Naweed Anwari
@naweedanawri
Oct 14 2016 05:01
Hey guys i can't figure out what i'm doing wrong, i'm trying to create the font size for all p elements and i did this
<style>
P {
font-size (16px);
}
.red-text {
color: red;
}
</style>
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:01
p {
Coy Sanders
@coymeetsworld
Oct 14 2016 05:01
format for styles are selector: value;
Alexander Køpke
@alexanderkopke
Oct 14 2016 05:01
@naweedanawri you have big P should be small p
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:01
p {font-size: 16px;}
Coy Sanders
@coymeetsworld
Oct 14 2016 05:01
also yes no capital P
Naweed Anwari
@naweedanawri
Oct 14 2016 05:02
p {
font-size 16px;
i changed this part
but it still doesn't apply?
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:03
don't forget the colon
Alexander Køpke
@alexanderkopke
Oct 14 2016 05:03
font-size:16px;
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:03
property: value;
Naweed Anwari
@naweedanawri
Oct 14 2016 05:03
ohhh thanks so much! i forgot the colon haha
Harshit Garg
@theharshitgarg
Oct 14 2016 05:04
@naweedanawri
P { font-size (16px); } is wrong
Benjie
@adok4u
Oct 14 2016 05:05
how do you put class on a button?
Harshit Garg
@theharshitgarg
Oct 14 2016 05:05
@naweedanawri u need to correct this like this P { font-size:16px; }
Coy Sanders
@coymeetsworld
Oct 14 2016 05:05
just like any other html tag @adok4u
@theharshitgarg think they got it, also that's wrong :)
tyrionL
@tyrionL
Oct 14 2016 05:05
@adok4u <button class="your_class">... </button>
Eunice Martínez
@eunimar
Oct 14 2016 05:05
Hello, everybody. Please help. I can not see what is wrong:

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

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

Coy Sanders
@coymeetsworld
Oct 14 2016 05:06
@eunimar to add multiple classes you separate them with a space inside quotes
Harshit Garg
@theharshitgarg
Oct 14 2016 05:06
@eunimar challenge name please
Coy Sanders
@coymeetsworld
Oct 14 2016 05:06
i.e. <h1 class="class1 class2 class3"></h1>
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:06
in your img class
Benjie
@adok4u
Oct 14 2016 05:06
my bad lol, it's getting more confusing
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:06
just use space when assigning multiple classes on one html element
Coy Sanders
@coymeetsworld
Oct 14 2016 05:07
must be an echo in here :)
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:07
<div class="class1 class2"></div>
tyrionL
@tyrionL
Oct 14 2016 05:07
img class="smaller-image thick-green-border" ..write all classes in an single quotes @eunimar
Eunice Martínez
@eunimar
Oct 14 2016 05:08
the thing is I must use single quotes. right?
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:08
nope
'' or "" is fine
Coy Sanders
@coymeetsworld
Oct 14 2016 05:08
it doesn't matter, as long as you use them together
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:09
yup
Coy Sanders
@coymeetsworld
Oct 14 2016 05:09
i.e. don't start with a single quote and end with a double
tyrionL
@tyrionL
Oct 14 2016 05:09
@eunimar , '..' or ".."
@coymeetsworld , hello HP sir !
Coy Sanders
@coymeetsworld
Oct 14 2016 05:09
hey @tyrionL what's up?
conquer Westeros yet?
tyrionL
@tyrionL
Oct 14 2016 05:10
@coymeetsworld , nothing new. what about you sir?
Eunice Martínez
@eunimar
Oct 14 2016 05:10
Thank you. I made it.
tyrionL
@tyrionL
Oct 14 2016 05:10
@coymeetsworld , haha. nope. busy clearing off my debts. lol
Coy Sanders
@coymeetsworld
Oct 14 2016 05:10
taking a break grinding lol
tyrionL
@tyrionL
Oct 14 2016 05:11
@coymeetsworld , what are you grinding??
Eunice Martínez
@eunimar
Oct 14 2016 05:11
@coymeetsworld thank you
CamperBot
@camperbot
Oct 14 2016 05:11
eunimar sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 1447 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Oct 14 2016 05:11
just means working through problems @tyrionL
D3 stuff
np @eunimar
tyrionL
@tyrionL
Oct 14 2016 05:12
@coymeetsworld , ohhk
Himanshu Raghuvanshi
@heemonsu
Oct 14 2016 05:16
Hey guys, I was working on building my tribute page and I needed a little help. I am making different divs for the title and the info. I am intending to use negative margins to give a look similar to material design. The problem is that I want the info div to be behind the title div, but currently its coming above it. Any tips on how to solve this?
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:18
maybe you can try switching the title and info div?
info div fist, then title div next?
Giancarlo Fajardo
@GiancarloFajardo
Oct 14 2016 05:19
Hi, I am on challenge 30, turning an image into a link. I did this
<a href="#"> <img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></a>
Benjie
@adok4u
Oct 14 2016 05:20

is it possible to have a div under a div? like

<div>.......
<div>.....
</div>....
</div>.....

Harshit Garg
@theharshitgarg
Oct 14 2016 05:20
@GiancarloFajardo code seeems correct please refresh and retry
Giancarlo Fajardo
@GiancarloFajardo
Oct 14 2016 05:20
but I keep getting told to nest the existing img within the a element
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:20
yup
YashGulati
@YashGulati
Oct 14 2016 05:20
Benjie you can use that
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:20
@adok4u yes you can have multiple divs nested inside a div
@GiancarloFajardo your code looks correct
Harshit Garg
@theharshitgarg
Oct 14 2016 05:21
This message was deleted
Benjie
@adok4u
Oct 14 2016 05:21
Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4.
i dont get that
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:22
@adok4u <div class="col-xs-4">...</div>
Benjie
@adok4u
Oct 14 2016 05:22
<div class="row col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
<button class="btn btn-block btn-info">Info</button>
<button class="btn btn-block btn-danger">Delete</button>
</div>
doesnt work
Giancarlo Fajardo
@GiancarloFajardo
Oct 14 2016 05:22
refreshed it, and did it again. Keep getting the same error
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:23
@adok4u <div class="row"><div class="col-xs-4>button</div></div>
the col-xs-4 must be nested inside the row div
Harshit Garg
@theharshitgarg
Oct 14 2016 05:23
@GiancarloFajardo you need to modify the existing one
Himanshu Raghuvanshi
@heemonsu
Oct 14 2016 05:23
@jeramaedybohol I tried it, everything is going haywire then
:P
YashGulati
@YashGulati
Oct 14 2016 05:23
what error are you getting @GiancarloFajardo
Coy Sanders
@coymeetsworld
Oct 14 2016 05:24
@GiancarloFajardo remove space between anchor tag and img tag
Harshit Garg
@theharshitgarg
Oct 14 2016 05:24
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> @GiancarloFajardo
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:24
@adok4u make user the row class is the top most div
Himanshu Raghuvanshi
@heemonsu
Oct 14 2016 05:24
for reference : http://prntscr.com/ctmobh
I want to green div to go beneath the orange div. I searched online and people were suggestin using position:relative and something, any idea how it works, because I couldn't figure it out.
Because I am using box shadow, I am unable to simply use margin-top: 0px.
Jake
@zatr1997
Oct 14 2016 05:27
Trying to degrade to Monospace when Lobster isn't available. Commented and everything. But when I comment it will not run tests
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:27

@adok4u

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

Benjie
@adok4u
Oct 14 2016 05:27
@jeramaedybohol i think i got it
YashGulati
@YashGulati
Oct 14 2016 05:28
@heemonsu those orange and green are not div those are a single image
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:28
@heemonsu I think your problem is easy..you just need to adjust the margin until the green div will not overlap the orange div
Himanshu Raghuvanshi
@heemonsu
Oct 14 2016 05:29
@YashGulati I am using divs and adding background-color
@jeramaedybohol But then the shadow won't show
:P
YashGulati
@YashGulati
Oct 14 2016 05:31
@heemonsu do you want ye lo beta text div below the orange div?
Himanshu Raghuvanshi
@heemonsu
Oct 14 2016 05:32
@YashGulati Yeah, like layers in photoshop, is there a way to do it using CSS?
Parker Brown
@NeonJabawaki
Oct 14 2016 05:32

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

<p>Click here for <a href="http://www.freecatphotoapp.com">cat photos</a>.</p>

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

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

YashGulati
@YashGulati
Oct 14 2016 05:33
where is your code
@heemonsu
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:33
@heemonsu you can try this:
.info {
position: absolute;
z-index: 9999999999999;
}
Parker Brown
@NeonJabawaki
Oct 14 2016 05:33
need help replacing the href's attribute with a #
Himanshu Raghuvanshi
@heemonsu
Oct 14 2016 05:33
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:34
@NeonJabawaki href="#"
Himanshu Raghuvanshi
@heemonsu
Oct 14 2016 05:34
@jeramaedybohol Let me give it a try :D
Parker Brown
@NeonJabawaki
Oct 14 2016 05:34
Thanks!
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:34
@heemonsu if that doesn't work, use -9999999999999999999
YashGulati
@YashGulati
Oct 14 2016 05:35
but it is below already @heemonsu
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:36
@YashGulati I think that's what he's trying to accomplish
@YashGulati but for now, his problem is the green div is above the orange div
Himanshu Raghuvanshi
@heemonsu
Oct 14 2016 05:37
@YashGulati I actually just did what @jeramaedybohol said earlier about changing the margin till it just touches the above div.
@jeramaedybohol I just tried the position thing, and it kind of worked http://prntscr.com/ctmqwv
DonKM
@DonKM
Oct 14 2016 05:38

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

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

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
</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

trying to size my images, confused on in though
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:38
@heemonsu try adding this: width: 100%
DonKM
@DonKM
Oct 14 2016 05:38
100%? instructions say 100px
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:39
okay then try that 100px
@DonKM the width: 100% is not for you hehe
DonKM
@DonKM
Oct 14 2016 05:39
yeah. i just realized lmao
YashGulati
@YashGulati
Oct 14 2016 05:40

.title-box{

background-color: #FFA500;
margin: 15px;
padding: 10px;
border-radius: 5px;
box-shadow: 2px 5px 20px #d0d0d0;
}

.info-box{
background-color: #008282;
margin: -50px 30px 10px 30px;
padding: 50px;
position: relative;
z-index: -2;
}

<div class="container-fluid">
<div class="title-box">
<h1 class="text-primary text-center">Homi Jehangir Bhabha</h1>
<h3 class="text-center"><i>The visionary behind India's Nuclear Program</i></h3>
</div>

</div>

<div class="info-box text-center">
<p>Ye lo beta text.</p>

</div>

@heemonsu your code
check it out
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:40
@DonKM yours is:
img {
width: 100px;
}
Himanshu Raghuvanshi
@heemonsu
Oct 14 2016 05:42
@jeramaedybohol @YashGulati Thanks! It is working!
CamperBot
@camperbot
Oct 14 2016 05:42
heemonsu sends brownie points to @jeramaedybohol and @yashgulati :sparkles: :thumbsup: :sparkles:
:cookie: 39 | @jeramaedybohol |http://www.freecodecamp.com/jeramaedybohol
:cookie: 350 | @yashgulati |http://www.freecodecamp.com/yashgulati
Himanshu Raghuvanshi
@heemonsu
Oct 14 2016 05:42
:D
YashGulati
@YashGulati
Oct 14 2016 05:42
what you got
Himanshu Raghuvanshi
@heemonsu
Oct 14 2016 05:42
Although, on second thought it doesn't look that good
:P
DonKM
@DonKM
Oct 14 2016 05:43
@jeramaedybohol img element should have the class "smaller-image"
YashGulati
@YashGulati
Oct 14 2016 05:43
do you know where were you wrong
@heemonsu
Himanshu Raghuvanshi
@heemonsu
Oct 14 2016 05:43
@YashGulati No :P
I mean I get it now
YashGulati
@YashGulati
Oct 14 2016 05:44
firstly , you must not had the div nested inside each other
Himanshu Raghuvanshi
@heemonsu
Oct 14 2016 05:44
the position thing
YashGulati
@YashGulati
Oct 14 2016 05:44
do learn about absolute and relative positioning
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:44
@DonKM
.smaller-image {
width: 100px;
}
YashGulati
@YashGulati
Oct 14 2016 05:44
It will help a lot
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:45
@DonkM and make sure you add this in your img element: <img class="smaller-image">
Himanshu Raghuvanshi
@heemonsu
Oct 14 2016 05:45
@YashGulati Thanks! But i didn't change the HTML code.
CamperBot
@camperbot
Oct 14 2016 05:45
heemonsu sends brownie points to @yashgulati :sparkles: :thumbsup: :sparkles:
:warning: heemonsu already gave yashgulati points
austinmberg
@austinmberg
Oct 14 2016 05:46
http://codepen.io/austinmberg/pen/WGGAyY could anyone take a look and tell me how to get my figcaption inside the border around the picture
YashGulati
@YashGulati
Oct 14 2016 05:47
that your old code @heemonsu
DonKM
@DonKM
Oct 14 2016 05:47
@jeramaedybohol Got it. Didn't realize I had the IMG element in my code. DERP. thank you :)
CamperBot
@camperbot
Oct 14 2016 05:47
donkm sends brownie points to @jeramaedybohol :sparkles: :thumbsup: :sparkles:
:cookie: 40 | @jeramaedybohol |http://www.freecodecamp.com/jeramaedybohol
Himanshu Raghuvanshi
@heemonsu
Oct 14 2016 05:47
I just wrapped all of my HTML elements in a single div with class container-fluid, because of making the whole page responsive.
@YashGulati oh damn! i forgot to save it
:P
Can wrapping everything in container-fluid div cause any problems in bigger projects?
YashGulati
@YashGulati
Oct 14 2016 05:48
oka
prablovena20
@prablovena20
Oct 14 2016 05:48
heyyyyyy
YashGulati
@YashGulati
Oct 14 2016 05:48
no at all
prablovena20
@prablovena20
Oct 14 2016 05:48
can you help me ?
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:49
@austinmberg make sure you nested your figcaption element inside figure
@prablovena20 shoot
Himanshu Raghuvanshi
@heemonsu
Oct 14 2016 05:49
@YashGulati Okay, cool! I'll go back to work on that page! Thanks everyone!
CamperBot
@camperbot
Oct 14 2016 05:49
heemonsu sends brownie points to @yashgulati :sparkles: :thumbsup: :sparkles:
:warning: heemonsu already gave yashgulati points
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:50

@austinmberg

<figure>
<img src="" alt="">
<figcaption>blah blah blah</figcaption </figure>

prablovena20
@prablovena20
Oct 14 2016 05:50
I have problem on Jquery-Target the same element with multiple Jquery Selectors
tadm123
@tadm123
Oct 14 2016 05:50
Anyone know what can I do, I was on exercise 60 but apparently it didn't save any of my progress. When I logged in today I see that I'm back at Ex 1.
With no progress,.
austinmberg
@austinmberg
Oct 14 2016 05:50
<figure>
<img class="center-align picture-border" src="http://www.vets-hall.org/files/imagecache/gallery_photos/MOH-M%20Colalillo%20Truman1.jpg"/>
<figcaption class="center-text">Fig 1. Mike Colallio receiving a medal.</figcaption>
</figure>
YashGulati
@YashGulati
Oct 14 2016 05:52
figcaption{
position: relative;
top: -40px;
}
@austinmberg
below your code
prablovena20
@prablovena20
Oct 14 2016 05:54
don't give me answer I think I will pass it at once
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:54

@austinmberg you can try this:
figure {
position: relative;
}

.center-text {
position: absolute;
bottom: 0;
width: 100%;
}

you may also add this in .center-text, text-align: center;
ronaldbaruelo
@ronaldbaruelo
Oct 14 2016 05:56
Browser and Text zoom should be at 100%. problem
YashGulati
@YashGulati
Oct 14 2016 05:56
@austinmberg did you tried mine
?
austinmberg
@austinmberg
Oct 14 2016 05:58
@YashGulati yeah still working on it. it didn't work. When I first started FCC I took a long break because I couldn't figure it out
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 05:58
@ronaldbaruelo ?
YashGulati
@YashGulati
Oct 14 2016 05:58
ok but i got the solution
this is your css

.darkgrey-text {
color: #333333;
}
h1 {
text-align: center;
font-family: Lucida Console;
font-size: 55px
}
h2 {
text-align: center;
font-family:courier new;
font-size: 30px
}
hr.style-one {
height: 30px;
border-style: solid;
border-color: black;
border-width: 2px 0 0 0;
border-radius: 10px;
}
.resize-image{
width:40%;
height:40%;

}
.small-border{
border-style: solid;
border-color: black;
border-width: 2px
}
body{
background-color: white;
}
.main-body {
background-color: green;
}
.picture-border{
padding: 5px 10px 50px 10px;
background-color: #cccccc;
border-radius: 2px;
}
.center-align{
display: block;
margin: auto;
}
.center-text{
text-align: center;

}
FIGURE, FIGCAPTION {

display: block;
font-style: italic;
font-variant: small-caps;

}
figcaption{
position: relative;
top: -40px;
}

and this is your html
<div class="container-fluid">
<h1 class ="darkgrey-text">Mike Colallilo</h1>
<h2> Remembering a WWII Medal of Honor recipient</h2>
</div>
<hr class ="style-one"</hr>
<figure>
<img class="center-align picture-border" src="http://www.vets-hall.org/files/imagecache/gallery_photos/MOH-M%20Colalillo%20Truman1.jpg"/>
<figcaption class="center-text">Fig 1. Mike Colallio receiving a medal.</figcaption>
</figure>
</div>
</div>
just paste that and check
Tenzin Phuntsok
@tenzindphuntsok
Oct 14 2016 06:00
how to add color to form element?
YashGulati
@YashGulati
Oct 14 2016 06:00
same as you add to other elements @tenzindphuntsok
Tenzin Phuntsok
@tenzindphuntsok
Oct 14 2016 06:02
hmm actually im new and practicing the cat app
YashGulati
@YashGulati
Oct 14 2016 06:02
oka
use css
give the element a class
Tenzin Phuntsok
@tenzindphuntsok
Oct 14 2016 06:02
reached Use an ID Attribute to Style an Element
YashGulati
@YashGulati
Oct 14 2016 06:03
then you can also give id to any element
and style it with
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 06:03
<div id="name-of-your-id"></div>
austinmberg
@austinmberg
Oct 14 2016 06:03
@YashGulati what do you want me to paste?
tadm123
@tadm123
Oct 14 2016 06:03
Sorry, where can I go for help if all my progress has been deleted?
YashGulati
@YashGulati
Oct 14 2016 06:03
@austinmberg your css

.darkgrey-text {
color: #333333;
}
h1 {
text-align: center;
font-family: Lucida Console;
font-size: 55px
}
h2 {
text-align: center;
font-family:courier new;
font-size: 30px
}
hr.style-one {
height: 30px;
border-style: solid;
border-color: black;
border-width: 2px 0 0 0;
border-radius: 10px;
}
.resize-image{
width:40%;
height:40%;

}
.small-border{
border-style: solid;
border-color: black;
border-width: 2px
}
body{
background-color: white;
}
.main-body {
background-color: green;
}
.picture-border{
padding: 5px 10px 50px 10px;
background-color: #cccccc;
border-radius: 2px;
}
.center-align{
display: block;
margin: auto;
}
.center-text{
text-align: center;

}
FIGURE, FIGCAPTION {

display: block;
font-style: italic;
font-variant: small-caps;

}
figcaption{
position: relative;
top: -40px;
}

and html
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 06:04

and style on css with:

your-id-name {

property: value;
}

YashGulati
@YashGulati
Oct 14 2016 06:04
<div class="container-fluid">
<h1 class ="darkgrey-text">Mike Colallilo</h1>
<h2> Remembering a WWII Medal of Honor recipient</h2>
</div>
<hr class ="style-one"</hr>
<figure>
<img class="center-align picture-border" src="http://www.vets-hall.org/files/imagecache/gallery_photos/MOH-M%20Colalillo%20Truman1.jpg"/>
<figcaption class="center-text">Fig 1. Mike Colallio receiving a medal.</figcaption>
</figure>
</div>
</div>
@jeramaedybohol
use #id{ background-color: green; color: red; }
in css
Tenzin Phuntsok
@tenzindphuntsok
Oct 14 2016 06:06
<style>
YashGulati
@YashGulati
Oct 14 2016 06:06
<style> #id{ background-color: green; color: red; } </style>
austinmberg
@austinmberg
Oct 14 2016 06:06
Thank you @YashGulati
CamperBot
@camperbot
Oct 14 2016 06:06
austinmberg sends brownie points to @yashgulati :sparkles: :thumbsup: :sparkles:
:cookie: 351 | @yashgulati |http://www.freecodecamp.com/yashgulati
YashGulati
@YashGulati
Oct 14 2016 06:08
@tenzindphuntsok did it worked for you
Tenzin Phuntsok
@tenzindphuntsok
Oct 14 2016 06:09
then <form id="cat-photo-form" background-color="green"></form>
Benjie
@adok4u
Oct 14 2016 06:09
how do i add <i class="fa fa-info-circle"></i> to this <button class="btn btn-block btn-primary">Like</button>
YashGulati
@YashGulati
Oct 14 2016 06:10
no
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 06:10
@adok4u <button><i></i></button>
YashGulati
@YashGulati
Oct 14 2016 06:10
<form id=cat-photo-form"></form>
and in style tag, <style> #cat-photo-form{ background-color: green; color: red; } </style>
Tenzin Phuntsok
@tenzindphuntsok
Oct 14 2016 06:11
done
YashGulati
@YashGulati
Oct 14 2016 06:11
got that right?
Benjie
@adok4u
Oct 14 2016 06:12
@jeramaedybohol got it thanks
CamperBot
@camperbot
Oct 14 2016 06:12
adok4u sends brownie points to @jeramaedybohol :sparkles: :thumbsup: :sparkles:
:cookie: 48 | @jeramaedybohol |http://www.freecodecamp.com/jeramaedybohol
Tenzin Phuntsok
@tenzindphuntsok
Oct 14 2016 06:12
yea i did the same but still its telling me to form should have background color green
check my full code:

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

.smaller-image {
width: 100px;
}

.silver-background {
background-color: silver;
}
#cat-photo-element {
background-color: green;
}
</style>

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

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

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

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

<form action="/submit-cat-photo" id="cat-photo-form" background-color="green">

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

YashGulati
@YashGulati
Oct 14 2016 06:13
This message was deleted
sorry not that one
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 06:14
@tenzindphuntsok <form id="cat-photo-form"></form>
then under style: #id {background-color: green;}
Tenzin Phuntsok
@tenzindphuntsok
Oct 14 2016 06:14
nest form in form?
YashGulati
@YashGulati
Oct 14 2016 06:15

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

.smaller-image {
width: 100px;
}

.silver-background {
background-color: silver;
}

cat-photo-element {

background-color: green;
}

cat-photo-form{

background-color: green;
}
</style>

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

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

<div class="silver-background">

<p>Things cats love:</p>

<ul>

<li>cat nip</li>

<li>laser pointers</li>

<li>lasagna</li>
</ul>

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

<ol>

<li>flea treatment</li>

<li>thunder</li>

<li>other cats</li>
</ol>
</div>

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

<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> 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>

try this
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 06:15
@tenzindphuntsok no.. just add an id attribute to your form element
then call that id attribute with #name-of-your-id{background-color: green;}
just like how you style a Class
YashGulati
@YashGulati
Oct 14 2016 06:17
put a # before cat-photo-element and cat-photo-form
paste my code first
Darren
@DarrenfJ
Oct 14 2016 06:18
evening FCC helpChat
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 06:18
zup
YashGulati
@YashGulati
Oct 14 2016 06:18
and put the # before both
Tenzin Phuntsok
@tenzindphuntsok
Oct 14 2016 06:18
thanks @jeramaedybohol @YashGulati
CamperBot
@camperbot
Oct 14 2016 06:18
tenzindphuntsok sends brownie points to @jeramaedybohol and @yashgulati :sparkles: :thumbsup: :sparkles:
:cookie: 51 | @jeramaedybohol |http://www.freecodecamp.com/jeramaedybohol
:cookie: 352 | @yashgulati |http://www.freecodecamp.com/yashgulati
Darren
@DarrenfJ
Oct 14 2016 06:19
the yoush
rawvishwaaa
@rawvishwaaaa
Oct 14 2016 06:30
hi ALL I am struck with a problem in nesting a form action http://bit.ly/2e9QOd5
could anyone pls help
cqlin1995
@cqlin1995
Oct 14 2016 06:32
<lable><input type="radio" name="indoor-outdoor">indoor</lable>
<lable><input type="radio" name="indoor-outdoor">outdoor</lable>
anybody can help me
please
Tenzin Phuntsok
@tenzindphuntsok
Oct 14 2016 06:33
the code is correct @cqlin1995
cqlin1995
@cqlin1995
Oct 14 2016 06:33
but can not pass the check
Tenzin Phuntsok
@tenzindphuntsok
Oct 14 2016 06:34
must be coz you need to nest code in form
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 06:34
@cqlin1995 label not lable
cqlin1995
@cqlin1995
Oct 14 2016 06:34
oo
Tenzin Phuntsok
@tenzindphuntsok
Oct 14 2016 06:34
lol yea
cqlin1995
@cqlin1995
Oct 14 2016 06:34
I know
thank you
@jeramaedybohol
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 06:35
@rawvishwaaaa ?
rawvishwaaa
@rawvishwaaaa
Oct 14 2016 06:35
@jeramaedybohol hi
let me share the url of my code
can you pls help me resolve this
Darren
@DarrenfJ
Oct 14 2016 06:36
@jeramaedybohol good catch on the lable
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 06:36
@rawvishwaaaa okay
@rawvishwaaaa <form action="/submit-cat-photo"><input type="text" placeholder="cat photo URL"></form>
@rawvishwaaaa nested means "inside of"
RAMIR DELOS REYES BAUTISTA
@ramir141974
Oct 14 2016 06:37
what's up questioner...
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 06:38
zup zup
rawvishwaaa
@rawvishwaaaa
Oct 14 2016 06:38
@jeramaedybohol ok..thank you so much buddy !!
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 06:38
anytime
Darren
@DarrenfJ
Oct 14 2016 06:39
@ramir141974 hellohello
hrm, is camperbot broken.. yer not getting yer brownies @jeramaedybohol
camperbot
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 06:39
@DarrenfJ don't mind that really :)
Tenzin Phuntsok
@tenzindphuntsok
Oct 14 2016 06:40
brownies or cookies?
Darren
@DarrenfJ
Oct 14 2016 06:40
either/or
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 06:40
no sugar I'm on diet LoL
Darren
@DarrenfJ
Oct 14 2016 06:40
ha!
Tenzin Phuntsok
@tenzindphuntsok
Oct 14 2016 06:41
no wonder you wouldn't mind
Darren
@DarrenfJ
Oct 14 2016 06:41
help
yah camperbot's broke'd
Manish Giri
@Manish-Giri
Oct 14 2016 06:42
@DarrenfJ yello!
Darren
@DarrenfJ
Oct 14 2016 06:42
@Manish-Giri hey buddy!
what up?
Manish Giri
@Manish-Giri
Oct 14 2016 06:43
jus listening to some metal
and looking to decide between angular and react
what you upto @DarrenfJ
Darren
@DarrenfJ
Oct 14 2016 06:44
the usual secret testing
Manish Giri
@Manish-Giri
Oct 14 2016 06:44
uhh
@DarrenfJ is being sneaky again
Darren
@DarrenfJ
Oct 14 2016 06:44
drinking coffee to stay awake etc etc
Tenzin Phuntsok
@tenzindphuntsok
Oct 14 2016 06:45
you really stay awake if you drink coffee?
Darren
@DarrenfJ
Oct 14 2016 06:46
yah pretty much
test:
wiki
CamperBot
@camperbot
Oct 14 2016 06:46
usage:
wiki $topic info on that topic
Darren
@DarrenfJ
Oct 14 2016 06:46
oh he's still here!
help
but only partly
camperbot
wherefore art thou?
```
about camperbot
CamperBot
@camperbot
Oct 14 2016 06:48
you need to ask about @someone!
dansalmeron
@dansalmeron
Oct 14 2016 06:48
<p>Click here for <a #="http://www.freecatphotoapp.com">cat photos</a>.</p> it said to replace href with "#" but its not working
Darren
@DarrenfJ
Oct 14 2016 06:48
about @camperbot
CamperBot
@camperbot
Oct 14 2016 06:48
:warning: no user found for cemprbot
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 06:48
@dansalmeron href="#"
rawvishwaaa
@rawvishwaaaa
Oct 14 2016 06:48
hi all I am struck with a error in my code...could someone help me.. http://bit.ly/2e2rsw1
Darren
@DarrenfJ
Oct 14 2016 06:48
about @camperbot
CamperBot
@camperbot
Oct 14 2016 06:48
:star2: 2483 | @camperbot |http://www.freecodecamp.com/camperbot
rawvishwaaa
@rawvishwaaaa
Oct 14 2016 06:49
@jeramaedybohol http://bit.ly/2e2rsw1 can u pls help me
Darren
@DarrenfJ
Oct 14 2016 06:49
@dansalmeron it's weird cause that's what a lot of people do
but as @jeramaedybohol said it's actually the reverse.
dansalmeron
@dansalmeron
Oct 14 2016 06:49
wow... thank you! @jeramaedybohol
CamperBot
@camperbot
Oct 14 2016 06:49
dansalmeron sends brownie points to @jeramaedybohol :sparkles: :thumbsup: :sparkles:
:cookie: 59 | @jeramaedybohol |http://www.freecodecamp.com/jeramaedybohol
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 06:49
@rawvishwaaaa just add type="submit" inside your submit button
Darren
@DarrenfJ
Oct 14 2016 06:50
@dansalmeron if you want to read more about using # to move aroiund on the same page.. will be a good tool for your Portfolio page: http://help.typepad.com/anchor-tags.html
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 06:51
@rawvishwaaaa <button type="submit">Submit</button>
Darren
@DarrenfJ
Oct 14 2016 06:51
@jeramaedybohol hey thanks for your help in the helpRoom.. if camperbot was down you probably missed some schweet schweet brownies so here'sanother
CamperBot
@camperbot
Oct 14 2016 06:51
darrenfj sends brownie points to @jeramaedybohol :sparkles: :thumbsup: :sparkles:
:cookie: 60 | @jeramaedybohol |http://www.freecodecamp.com/jeramaedybohol
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 06:51
@DarrenfJ ahaha tnx
Darren
@DarrenfJ
Oct 14 2016 06:52
@jeramaedybohol i'm off to test and you got the room covered.. code on!
Darren
@DarrenfJ
Oct 14 2016 06:52
if you get swamped just @name me and i'll come help out
Tenzin Phuntsok
@tenzindphuntsok
Oct 14 2016 06:52
so what do you do with the brownies?
rawvishwaaa
@rawvishwaaaa
Oct 14 2016 06:54
@jeramaedybohol thanks again bud !!
CamperBot
@camperbot
Oct 14 2016 06:54
rawvishwaaaa sends brownie points to @jeramaedybohol :sparkles: :thumbsup: :sparkles:
:cookie: 61 | @jeramaedybohol |http://www.freecodecamp.com/jeramaedybohol
rawvishwaaa
@rawvishwaaaa
Oct 14 2016 06:54
@camperbot how do I send brownies to @jeramaedybohol ?
Manish Giri
@Manish-Giri
Oct 14 2016 06:54
@tenzindphuntsok we redeem it at starbucks
elioku27
@elioku27
Oct 14 2016 06:56
hello
please whats wrong with this code
<div class= "btn btn-primary" >
<button type="submit"><i class= "fa fa-paper-plane"></i> Submit</button>
</div>
they said i did not give it the classes btn and btn-primary
Milan Tomcik
@Donwey
Oct 14 2016 06:58
u have to include bootstrap js and css
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 06:58
@elioku27 try adding the class inside the button element
elioku27
@elioku27
Oct 14 2016 06:58
ok
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 06:58
so <button type="submit" class="btn btn-primary>
Darren
@DarrenfJ
Oct 14 2016 07:01
@rawvishwaaaa you thank him with his @ name
CamperBot
@camperbot
Oct 14 2016 07:01
darrenfj sends brownie points to @rawvishwaaaa :sparkles: :thumbsup: :sparkles:
:cookie: 38 | @rawvishwaaaa |http://www.freecodecamp.com/rawvishwaaaa
Darren
@DarrenfJ
Oct 14 2016 07:01
like so:
thanks @jeramaedybohol
CamperBot
@camperbot
Oct 14 2016 07:01
darrenfj sends brownie points to @jeramaedybohol :sparkles: :thumbsup: :sparkles:
:warning: darrenfj already gave jeramaedybohol points
Darren
@DarrenfJ
Oct 14 2016 07:01
and the brownies flow.. 'cept if you gave him one already... but you can give him more after about an hour
Tenzin Phuntsok
@tenzindphuntsok
Oct 14 2016 07:05
@Manish-Giri -___-
Rin
@beaRINmind
Oct 14 2016 07:06
<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
  </div>
</div>
Nest two div class="col-xs-6" elements within your div class="row" element.
Make sure all your div elements have closing tags.
can anyone help me ive been stuck for a while now
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 07:08
<div class="row"><div class="col-xs-6"></div><div class="col-xs-6"></div></div>
Rin
@beaRINmind
Oct 14 2016 07:09
ay thanks so much @jeramaedybohol
CamperBot
@camperbot
Oct 14 2016 07:09
bearinmind sends brownie points to @jeramaedybohol :sparkles: :thumbsup: :sparkles:
:cookie: 69 | @jeramaedybohol |http://www.freecodecamp.com/jeramaedybohol
LuckyLuckiest
@LuckyLuckiest
Oct 14 2016 07:10
Hey
I have once question
How to make Each of mine two radios button elements should be nested in its own label element ?
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 07:11
<label><input type="radio" name="indoor-outdoor">Indoor</label>
<label><input type="radio" name="indoor-outdoor">Outdoor</label>
LuckyLuckiest
@LuckyLuckiest
Oct 14 2016 07:11
So for every <label> I need its own </label> right ?
thank you
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 07:12
for every radio you nest under its own label
LuckyLuckiest
@LuckyLuckiest
Oct 14 2016 07:12
oh
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 07:12
think of it this way, label is the parent, radio is the child
Darren
@DarrenfJ
Oct 14 2016 07:12
for most <htmlThings> you need a closing </htmlThings>
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 07:12
so each child has each parent
Darren
@DarrenfJ
Oct 14 2016 07:17

@LuckyLuckiest exceptions to every rule: http://xahlee.info/js/html5_non-closing_tag.html

for most <htmlThings> you need a closing </htmlThings>

Akhil
@akhilnandu
Oct 14 2016 07:18
hey guys
Pravin Shinde
@prawin007
Oct 14 2016 07:20

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

<div class="container-fluid">
<h2 class="red-text">CatPhotoApp</h2>

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

<a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
<img class="img-responsive"src="https://bit.ly/fcc-running-cats. " alt="responsive">
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</div>

in second image url
image is not loading
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 07:23
@prawin007 don't forget to add space after class="img-responsive"
yours is class="img-responsive"src
it should be class="img-responsive" src
Pravin Shinde
@prawin007
Oct 14 2016 07:25
@jeramaedybohol still not working
elioku27
@elioku27
Oct 14 2016 07:26
please help me check this code
Akash Paul
@akashpal1993
Oct 14 2016 07:26
Hello Pravin and everyone
Cn anyone help me how can I install php in my system plz tell me complete solution
Pravin Shinde
@prawin007
Oct 14 2016 07:27
@akashpal1993 hello
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 07:27
@prawin007 make sure you put space where it needs to be
elioku27
@elioku27
Oct 14 2016 07:27
<div class="well">
<div>
<button></button>
<button></button>
<button></button>
  </div>
</div>
<div class="col-xs-6">
  <div class="well">
  <div>
    <button></button>
    <button></button>
    <button></button>
Pravin Shinde
@prawin007
Oct 14 2016 07:27
@jeramaedybohol thank you
CamperBot
@camperbot
Oct 14 2016 07:27
prawin007 sends brownie points to @jeramaedybohol :sparkles: :thumbsup: :sparkles:
:cookie: 80 | @jeramaedybohol |http://www.freecodecamp.com/jeramaedybohol
elioku27
@elioku27
Oct 14 2016 07:27
ok check all my code
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 07:27
@prawin007 copy this: <img class="img-responsive" src="https://bit.ly/fcc-running-cats." alt="responsive">
Akash Paul
@akashpal1993
Oct 14 2016 07:28
@prawin007 tell me require tools or soft
elioku27
@elioku27
Oct 14 2016 07:28
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<div class="well">
<div>
<button></button>
<button></button>
<button></button>

</div>
</div>
<div class="col-xs-6">
<div class="well">
<div>
<button></button>
<button></button>
<button></button>
</div>
</div>
</div>
</div>
Pravin Shinde
@prawin007
Oct 14 2016 07:29
elioku27
@elioku27
Oct 14 2016 07:29
they said i havent nested the buttons under thediv with well classes
please somebody help me am stuck
Sophanarith Sok
@sok213
Oct 14 2016 07:30
@elioku27 try removing the <div> tags above the first and last <button> elements
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 07:30
@elioku27 I think you need to delete that <div> right after the <div class="well"></div>
elioku27
@elioku27
Oct 14 2016 07:30
ok
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 07:31
@elioku27 just make sure that the opening tag has a closing tag partner and delete the ones that doesn't
Akash Paul
@akashpal1993
Oct 14 2016 07:31
@prawin007 thanks
CamperBot
@camperbot
Oct 14 2016 07:31
akashpal1993 sends brownie points to @prawin007 :sparkles: :thumbsup: :sparkles:
:cookie: 75 | @prawin007 |http://www.freecodecamp.com/prawin007
elioku27
@elioku27
Oct 14 2016 07:31
Thanks @mesaboogie1970
CamperBot
@camperbot
Oct 14 2016 07:31
elioku27 sends brownie points to @mesaboogie1970 :sparkles: :thumbsup: :sparkles:
:cookie: 131 | @mesaboogie1970 |http://www.freecodecamp.com/mesaboogie1970
Woolwit
@Woolwit
Oct 14 2016 07:35
Hello Campers! I'm working on the wikipedia viewer and for the life of me I can't figure out why when the response is returned, the entire page shifts a few pixels to the left. Does it for you too? It has something to do with the for loop in my javascript which is placing the returned data into a div. I've tried a LOT of things in that line to make it stop (page shifting left when data loads). https://codepen.io/Woolwit/pen/bwqxZE
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 07:38
it looks good on my browser
Woolwit
@Woolwit
Oct 14 2016 07:38
No shift to the left when the return loads?
Thomas Le
@Tommy93
Oct 14 2016 07:39
guys, how come my h2 element isn't turning red when I enter style="color:red">
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 07:40
@Woolwit yup
@Tommy93 style="color: red"
Woolwit
@Woolwit
Oct 14 2016 07:40
Thanks @jeramaedybohol !
CamperBot
@camperbot
Oct 14 2016 07:40
woolwit sends brownie points to @jeramaedybohol :sparkles: :thumbsup: :sparkles:
:cookie: 85 | @jeramaedybohol |http://www.freecodecamp.com/jeramaedybohol
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 07:40
do not forget the space I think
Thomas Le
@Tommy93
Oct 14 2016 07:41
didn't work :(
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 07:43
@Tommy93 show me your code
Thomas Le
@Tommy93
Oct 14 2016 07:45
msged you :)
Woolwit
@Woolwit
Oct 14 2016 07:50
@Tommy93 Could you be looking for style="background-color:red" ?
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 07:52
@Woolwit it's already solved, he just made a typo
Woolwit
@Woolwit
Oct 14 2016 07:52
Cool
elioku27
@elioku27
Oct 14 2016 08:04
how do i label a bootstrap button
<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">
<h4>#target1</h4>
<button class="btn btn-default target" id="target1"></button>
<h4>#target2</h4>
<button class="btn btn-default target" id="target2"> </button>
<h4>#target3</h4>
<button class="btn btn-default target" id="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"></button>
<button class="btn btn-default target" id="target5"></button>
<button class="btn btn-default target" id="target6"></button>
</div>
</div>
</div>
</div>
please someone answer me
Woolwit
@Woolwit
Oct 14 2016 08:08
@elioku27 You might want to check out http://bootsnipp.com/forms
Ayşe Nur
@nurankarin
Oct 14 2016 08:09
just write the name between the tags, like this:
<button>button name here</button>
Woolwit
@Woolwit
Oct 14 2016 08:09
<div class="form-group">
<label class="col-md-4 control-label" for="singlebutton">Single Button</label>
<div class="col-md-4">
<button id="singlebutton" name="singlebutton" class="btn btn-primary">Button</button>
</div>
</div>
Darren
@DarrenfJ
Oct 14 2016 08:09
back for 5... how's it going?
@Woolwit hey thanks for that great link.. gonna check it out tomorow
CamperBot
@camperbot
Oct 14 2016 08:10
darrenfj sends brownie points to @woolwit :sparkles: :thumbsup: :sparkles:
:cookie: 349 | @woolwit |http://www.freecodecamp.com/woolwit
Darren
@DarrenfJ
Oct 14 2016 08:10
also thanks again for covering the help room @jeramaedybohol
CamperBot
@camperbot
Oct 14 2016 08:10
darrenfj sends brownie points to @jeramaedybohol :sparkles: :thumbsup: :sparkles:
:cookie: 94 | @jeramaedybohol |http://www.freecodecamp.com/jeramaedybohol
Darren
@DarrenfJ
Oct 14 2016 08:10
you are a champeen!
Woolwit
@Woolwit
Oct 14 2016 08:11
Drag and drop Bootstrap forms. Fun! Goodnight all!
Darren
@DarrenfJ
Oct 14 2016 08:11
it's the ridiculous o'clock of 4 am here EST so i am off to bed.. later helpChatRoomates...
Thomas Le
@Tommy93
Oct 14 2016 08:11
goodnight
Kurt
@KRTSZ
Oct 14 2016 08:12
3 checkboxes and no progress

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

<p>Things cats love:</p>

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

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

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

<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="radio" name="personality"> Loving</label>
<label><input type="radio" name="personality"> Hating</label>
<label><input type="radio" name="personality"> Eating</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>

Florina
@florinaionut
Oct 14 2016 08:16
@KRTSZ what challenge are you on?
Nuruddin Iminokhunov
@Nuruddinjr
Oct 14 2016 08:37
hey guys

All the target elements that computer considers even should shake.

how did u did that?

i added $(".target:even").addClass("shake"); but it wont work
Ramesh
@rnallu
Oct 14 2016 08:38
Hi everyone,
Is that fa, btn, btn-primary, fa-info-circle... Is these are all elements are predefined in bootstrap or only we founding here?
jakehjung
@jakehjung
Oct 14 2016 08:40
give link @Nuruddinjr
Ramesh
@rnallu
Oct 14 2016 08:40
I mean, please confirm whether its globalized or local?
Chris Asbury
@chris-asbury
Oct 14 2016 08:40
Hi, I have just started using this today and this is doing my head in. I know it is something really simple, just don't know. Why is my image not going smaller ?

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

jakehjung
@jakehjung
Oct 14 2016 08:40
give your image a class @chris-asbury
like so: <img class="your class name" src="#">
you defined the class but you didn't use i on your image
:)
Chris Asbury
@chris-asbury
Oct 14 2016 08:41
Ahhhh obviously, thanks I knew it was something stupid
Ramesh
@rnallu
Oct 14 2016 08:42
a, btn, btn-primary, fa-info-circle... Is these are all elements are predefined in bootstrap or only we founding here? please confirm whether its globalized or local?
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 08:42
@KRTSZ change your checkbox type to type="checkbox"
jakehjung
@jakehjung
Oct 14 2016 08:42
@rnallu they are predefined in bootstrap
Ramesh
@rnallu
Oct 14 2016 08:42
Thanks @jakehjung
CamperBot
@camperbot
Oct 14 2016 08:42
rnallu sends brownie points to @jakehjung :sparkles: :thumbsup: :sparkles:
:cookie: 223 | @jakehjung |http://www.freecodecamp.com/jakehjung
jakehjung
@jakehjung
Oct 14 2016 08:43
@rnallu bootstrap has many others. that's why we love them haha
saves lots of time
Ramesh
@rnallu
Oct 14 2016 08:44
How can i able to know about all the predefined elements of Bootstrap? @jakehjung
jakehjung
@jakehjung
Oct 14 2016 08:44
Jeramae Bohol
@jeramaedybohol
Oct 14 2016 08:45
@rnallu no better way than to checkout the bootstrap docs
Vishnu Y S
@vishnuys
Oct 14 2016 08:45
Hi, Is anyone here from freecodecamp?
jakehjung
@jakehjung
Oct 14 2016 08:45
@vishnuys i am
@vishnuys oh wait nvm
you mean working employee?
for freecodecamp? I'm not.
Ramesh
@rnallu
Oct 14 2016 08:45