These are chat archives for FreeCodeCamp/Help

11th
Nov 2016
Caleb Lee
@Bananeh
Nov 11 2016 00:02

Can anyone tell me what is wrong with my code <!--

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

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

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

<h2 class="h">CatPhotoApp</h2>

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

Agustín
@agustito37
Nov 11 2016 00:03
@Bananeh you forgot the "2" in "h2" beacuse the element "h" doesn't exist
Caleb Lee
@Bananeh
Nov 11 2016 00:04
o
still dont work
BKODE1
@BKODE1
Nov 11 2016 00:05
How do you use jquery codes?
Caleb Lee
@Bananeh
Nov 11 2016 00:05
idk
Agustín
@agustito37
Nov 11 2016 00:05
@agustito37 also you are not assigning the rule to an element, use "." before the "h" if you want to treat as a class selector, or just "h2" as an element selector

@Bananeh example:
.h{

}
h2{

}

Caleb Lee
@Bananeh
Nov 11 2016 00:07
only 2/4 is corredct
these are thee challenges
Your h2 element should use the font Lobster.
Your h2 element should degrade to the font Monospace when Lobster is not available.
Comment out your call to Google for the Lobster font by putting <!-- in front of it. Be sure to close your comment by adding -->.
Agustín
@agustito37
Nov 11 2016 00:08
@Bananeh the exercise is probably asking you to use the h2 element selector
not the .h class selector
Joey
@Blanksworth
Nov 11 2016 00:12
Whatsup @BKODE1 ?
Agustín
@agustito37
Nov 11 2016 00:12

@Bananeh

<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>CatPhotoApp</h2>

@Bananeh h2 element selector apply to all h2 elements in your documet, but .h class only to those who has that class
Caleb Lee
@Bananeh
Nov 11 2016 00:14
omg thanks you
Agustín
@agustito37
Nov 11 2016 00:14
@Bananeh no problem!
Tyler Freeman
@tcfreeman
Nov 11 2016 00:21
<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. "> Is this closed correctly?
BKODE1
@BKODE1
Nov 11 2016 00:22
@Blanksworth Thanks I figured it out
CamperBot
@camperbot
Nov 11 2016 00:22
bkode1 sends brownie points to @blanksworth :sparkles: :thumbsup: :sparkles:
:cookie: 126 | @blanksworth |http://www.freecodecamp.com/blanksworth
Zurc
@Zurc
Nov 11 2016 00:22
@tcfreeman your are missing your closing </a> at the end
after the img tag
@tcfreeman <a ...><img ...></a>
Tyler Freeman
@tcfreeman
Nov 11 2016 00:24
the closing for the image tag is at the end
Zurc
@Zurc
Nov 11 2016 00:28
@agustito37 There is no such thing as a self-closing tag in HTML5 syntax. ... Self-closing tags on void elements like <br/> or <img src="" alt=""/> will work, but only because the trailing slash is ignored, and in this case that happens to result in the correct behaviour.
Agustín
@agustito37
Nov 11 2016 00:30
@Zurc Nice, thanks for the correction, I didn't know that
CamperBot
@camperbot
Nov 11 2016 00:30
agustito37 sends brownie points to @zurc :sparkles: :thumbsup: :sparkles:
:cookie: 321 | @zurc |http://www.freecodecamp.com/zurc
Zurc
@Zurc
Nov 11 2016 00:37

@agustito37 no problem... some more info here...
http://stackoverflow.com/questions/3558119/are-self-closing-tags-valid-in-html5

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img

I would recommend closing tag on img only if you are in XHTML

alexasanfrancisco
@alexasanfrancisco
Nov 11 2016 00:39
Hi! cannot get !important correct

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

orange-text {

color: orange;

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

<h1 id="orange-text" class="pink-text ! important blue-text" style="color: white">Hello World!</h1>

Your pink-text class declaration should have the !important keyword to override all other declarations.
Your h1 element should have the class pink-text.
Your h1 element should have the class blue-text.
Your h1 element should have the id of orange-text.
Your h1 element should have the inline style of color: white.
Your pink-text class declaration should have the !important keyword to override all other declarations.
Your h1 element should be pink.
BKODE1
@BKODE1
Nov 11 2016 00:40
What am I doing wrong here Only add one class with each of your three selectors
<script>
$(document).ready(function() {
$("button").addClass("animated")
$(".btn").addClass("shake")
$("#target1").addClass(" animated shake btn-primary ")


});
</script>
Walid Ashri
@walidashri
Nov 11 2016 00:40
@alexasanfrancisco no space
@BKODE1 this is three classes $("#target1").addClass(" animated shake btn-primary ")
Manish Giri
@Manish-Giri
Nov 11 2016 00:42
@BKODE1 you also need ; at the end of all statements
alexasanfrancisco
@alexasanfrancisco
Nov 11 2016 00:43
@walidashri thanks
CamperBot
@camperbot
Nov 11 2016 00:43
alexasanfrancisco sends brownie points to @walidashri :sparkles: :thumbsup: :sparkles:
:cookie: 608 | @walidashri |http://www.freecodecamp.com/walidashri
Agustín
@agustito37
Nov 11 2016 00:43
@alexasanfrancisco class="pink-text blue-text"
Zurc
@Zurc
Nov 11 2016 00:43
@alexasanfrancisco when you put your classes inside html it's
class=" name (space) name (space )... etc "
only the name of your class... and only one class (with all the class names inside)
BKODE1
@BKODE1
Nov 11 2016 00:43
Thank You
alexasanfrancisco
@alexasanfrancisco
Nov 11 2016 00:43
color: red !important; thats example of what I had to do
but it looked like space btwn ! and important
thanks!
Walid Ashri
@walidashri
Nov 11 2016 00:44
@alexasanfrancisco :+1:
Joey
@Blanksworth
Nov 11 2016 00:45
Hey guys I'm back
Zurc
@Zurc
Nov 11 2016 00:45
@alexasanfrancisco
class="pink-text ! important blue-text" should be
class="pink-text blue-text"
you already defined !important when you declared your class pink-text
Agustín
@agustito37
Nov 11 2016 00:45
@Blanksworth Hi!
Joey
@Blanksworth
Nov 11 2016 00:45
I take it there's nobody left to help here? :P
Manish Giri
@Manish-Giri
Nov 11 2016 00:46
you didnt ask a q
Joey
@Blanksworth
Nov 11 2016 00:46
I meant it, as in, everybody's problems are solved so there is nobody left to help in that sense :P
Back to jQuery it is
Manish Giri
@Manish-Giri
Nov 11 2016 00:47
ah okay
arevaloz
@arevaloz
Nov 11 2016 00:48
i need help
!!!
Jonathon Roskey
@JonathonRosk
Nov 11 2016 00:48
<style>
h2 {color: blue;}
</style>
I cant seem to make it turn blue (Im new)
Josh
@j-dev89
Nov 11 2016 00:49
@JonathonRosk looks good to me?
Joey
@Blanksworth
Nov 11 2016 00:49
Could you post all of your code for this task please? And no worries, we all are :P
@JonathonRosk
whatsup @arevaloz ?
Jonathon Roskey
@JonathonRosk
Nov 11 2016 00:50

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

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

Josh
@j-dev89
Nov 11 2016 00:50
@JonathonRosk you don't have an actual h2 element
arevaloz
@arevaloz
Nov 11 2016 00:50
how do you do lesson 24 to put the class thats like making the cat pic have a thick green border
@Blanksworth
gioa24
@gioa24
Nov 11 2016 00:51
@JonathonRosk <style>
Joey
@Blanksworth
Nov 11 2016 00:51
<img class="thick-green-boder src="cat-photo">
@arevaloz
Josh
@j-dev89
Nov 11 2016 00:51
@JonathonRosk you're trying to apply the color blue to an h2 element that isn't there.
gioa24
@gioa24
Nov 11 2016 00:51
you have to put <h2>catphotoapp</h2> under that @JonathonRosk
arevaloz
@arevaloz
Nov 11 2016 00:51
ok thank you @Blanksworth
CamperBot
@camperbot
Nov 11 2016 00:51
arevaloz sends brownie points to @blanksworth :sparkles: :thumbsup: :sparkles:
:cookie: 130 | @blanksworth |http://www.freecodecamp.com/blanksworth
Joey
@Blanksworth
Nov 11 2016 00:51

Then in the css

.thick-green-border {
border-color: green;
}

arevaloz
@arevaloz
Nov 11 2016 00:51
ok @Blanksworth
Jonathon Roskey
@JonathonRosk
Nov 11 2016 00:52
Thx guys :)
Joey
@Blanksworth
Nov 11 2016 00:52
np ;)
Emmanuel
@Lotussahh
Nov 11 2016 00:53
<form> <input action="/submit-cat-photo" type="text" placeholder="cat photo URL"></form> .....Did I nest the action attribute within the form element correctly?
Joey
@Blanksworth
Nov 11 2016 00:55
What exactly are you trying to do with the "/submit-cat-photo" ?
__mifflin__
@cdrainxv
Nov 11 2016 00:55
@Lotussahh: NO.
<form action="…">
  <input type="…">
</form>
gioa24
@gioa24
Nov 11 2016 00:56
how do you do the .red-text?
<style>
.red-text {
color: red;
}
</style>
Joey
@Blanksworth
Nov 11 2016 00:56
That's correct @gioa24
__mifflin__
@cdrainxv
Nov 11 2016 00:56
@gioa24: You need to add class red-text to your h2 element. Look at the example provided for blue-text.
Joey
@Blanksworth
Nov 11 2016 00:56
^^ what @cdrainxv said
Josh Min
@kyudonmin
Nov 11 2016 00:57
blob
not sure what im missing.... can anyone help?
Joey
@Blanksworth
Nov 11 2016 00:59
looking now
gioa24
@gioa24
Nov 11 2016 00:59
thanks guys @Blanksworth @cdrainxv
CamperBot
@camperbot
Nov 11 2016 00:59
gioa24 sends brownie points to @blanksworth and @cdrainxv :sparkles: :thumbsup: :sparkles:
:cookie: 133 | @blanksworth |http://www.freecodecamp.com/blanksworth
:cookie: 844 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
__mifflin__
@cdrainxv
Nov 11 2016 01:00
@kyudonmin: Doesn’t the button have a type?
such as type="submit"?
Josh Min
@kyudonmin
Nov 11 2016 01:02
@cdrainxv oh... i thought if you add a class i wouldn't need type lol
@cdrainxv thanks!
CamperBot
@camperbot
Nov 11 2016 01:02
kyudonmin sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:cookie: 845 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
__mifflin__
@cdrainxv
Nov 11 2016 01:02
@kyudonmin: No problem… :+1:
Joey
@Blanksworth
Nov 11 2016 01:03
Hey @cdrainxv, how long have you been using FreeCodeCamp?
mfisker
@mfisker
Nov 11 2016 01:04
Just started freecode camp. I have just started SQL, any suggestions on a good language to learn first?
__mifflin__
@cdrainxv
Nov 11 2016 01:04
@Blanksworth: Regularly only like ~3 months… ago… but only started in the chat rooms two months ago.
Joey
@Blanksworth
Nov 11 2016 01:05
How are you finding it so far?
__mifflin__
@cdrainxv
Nov 11 2016 01:06
I enjoy it… :smile: … I love this chatroom the most…once you become a regular with some people it becomes fun.
Christopher Lane
@KidKhaosCR
Nov 11 2016 01:08
Hey Guys & Gals I could use your help

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

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

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

<h2 class="font-family:Lobster" class="red-text">CatPhotoApp</h2>

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

Manish Giri
@Manish-Giri
Nov 11 2016 01:08
@KidKhaosCR fix this <h2 class="font-family:Lobster" class="red-text">CatPhotoApp</h2>
@mfisker
select * from languages where language = "SQL";
Joey
@Blanksworth
Nov 11 2016 01:09
Whats up @KidKhaosCR ?
What are you trying to do exactly?
Christopher Lane
@KidKhaosCR
Nov 11 2016 01:09
My h2 element should use the font Lobster.
__mifflin__
@cdrainxv
Nov 11 2016 01:10
@KidKhaosCR: You want h2 (which is an element) to have the font Lobster… Look at how you gave p(which is an element) the font Monospace.
Joey
@Blanksworth
Nov 11 2016 01:10
Once again ^^ +1 to cdrain
arevaloz
@arevaloz
Nov 11 2016 01:10

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

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

Joey
@Blanksworth
Nov 11 2016 01:10
Whatsup @arevaloz ?
arevaloz
@arevaloz
Nov 11 2016 01:10
can you tell me if this is wrong
@Blanksworth
Manish Giri
@Manish-Giri
Nov 11 2016 01:11
@arevaloz
<img class="class1 class2"> //remove this
<img class="smaller-image" class="thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
Joey
@Blanksworth
Nov 11 2016 01:11
Have you got your opening style tag ?
Manish Giri
@Manish-Giri
Nov 11 2016 01:11
@arevaloz and multiple class names are to be separated by spaces, not class keywords
thecodeMD
@thecodeMD
Nov 11 2016 01:11

Hi all, I'm stuck and could use your help. How do I "nest text input element within a form element"?

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

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

arevaloz
@arevaloz
Nov 11 2016 01:12
ok
Manish Giri
@Manish-Giri
Nov 11 2016 01:12
@thecodeMD input goes between the form elements
<form action="/submit-cat-photo">
//here
</form>
thecodeMD
@thecodeMD
Nov 11 2016 01:13
got it! so simple...thank you
Christopher Lane
@KidKhaosCR
Nov 11 2016 01:13
Thank you @cdrainxv
CamperBot
@camperbot
Nov 11 2016 01:13
kidkhaoscr sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:cookie: 846 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Abdiwork
@Abdiwork
Nov 11 2016 01:13
How do I create a class called smaller-image and use it to resize the image so that it´s only 100 pixels wide?
arevaloz
@arevaloz
Nov 11 2016 01:15
it still don't work @Manish-Giri
__mifflin__
@cdrainxv
Nov 11 2016 01:15
@KidKhaosCR: No problem… you knew it all along. :smile:
Devin Sayroo
@dsayroo
Nov 11 2016 01:16
Hello , stuck on a CSS Class to Style Element
Emmanuel
@Lotussahh
Nov 11 2016 01:16
Thanks @cdrainxv
CamperBot
@camperbot
Nov 11 2016 01:16
lotussahh sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:cookie: 847 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Manish Giri
@Manish-Giri
Nov 11 2016 01:17
@arevaloz show what you have now
arevaloz
@arevaloz
Nov 11 2016 01:18
<h2 class="red-text">CatPhotoApp</h2>
<img class="smaller-image" class="thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
@Manish-Giri
Manish Giri
@Manish-Giri
Nov 11 2016 01:18
@Abdiwork follow the example they have on the left, I believe it's called larger-image

@arevaloz

multiple class names are to be separated by spaces, not class keywords

@arevaloz like class = "first-class second-class third-class" and so on
@arevaloz rewrite <img class="smaller-image" class="thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."> according to that
Roce Lulati
@lulatiroce
Nov 11 2016 01:19
Currently stuck on 'Change the Font Size of an Element' and need some help to see what im doing wrong
arevaloz
@arevaloz
Nov 11 2016 01:20
still dont @Manish-Giri
__mifflin__
@cdrainxv
Nov 11 2016 01:22

@lulatiroce:

missing > on opening p tags… for both paragraphs.

Manish Giri
@Manish-Giri
Nov 11 2016 01:22
@arevaloz code
Roce Lulati
@lulatiroce
Nov 11 2016 01:23
@cdrainxv ahhh thank you!
CamperBot
@camperbot
Nov 11 2016 01:23
lulatiroce sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:cookie: 848 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
arevaloz
@arevaloz
Nov 11 2016 01:26
thank you @Manish-Giri
CamperBot
@camperbot
Nov 11 2016 01:26
arevaloz sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 2229 | @manish-giri |http://www.freecodecamp.com/manish-giri
hudoodesign
@hudoodesign
Nov 11 2016 01:28
So I've been working on the bootstrap navigation dropdown, and found that if I replace <nav class="navbar navbar-default"> with <div class="navbar navbar-default">, the classes work nicely. Except nav is what the BS example gives and would be ideal sematically. Anyone know why this might be?
Stephanie Liu
@sanqianliusi
Nov 11 2016 01:28
}BDO{I(6O$}}`M04YSTO497.png
why my navigation has a different color at the right?
Aysenur Erdem
@aysenurerdem
Nov 11 2016 01:29

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">
<button class="btn btn-block">Like</button>
<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>
can you help what is wrong ?Note that these buttons still need the btn class.

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

Sarpark
@Sarpark
Nov 11 2016 01:29
where do i put the # to make this a dead link?
Stephanie Liu
@sanqianliusi
Nov 11 2016 01:29
I just want clean red,not pink
Sarpark
@Sarpark
Nov 11 2016 01:29
<p>Click here for <a href="http://www.freecatphotoapp.com">cat photos</a>.</p>
Stephanie Liu
@sanqianliusi
Nov 11 2016 01:29
body,
html {
width: 100%;
height: 100%;
}
body,h1,h2,h3,h4,h5,h6 {
font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 600;
}
.topnav{
font-size:20px;
border-bottom:2px outset rgba(255,214,63,0.4);
background:rgba(201,22,29,0.8);
box-shadow: 1px 2px rgba(22,5,5,0.1);
}
.topnav ul.navbar-nav li a{
background: rgba(28, 28, 28, 0.1);
color:#fff ;
}
.topnav ul.navbar-nav li a:hover,.top ul.navbar-nav li a:focus{
background: rgba(28, 28, 28, 0.1);
color: rgb(255,214,63);
}
here is the css
some oone help?please~
__mifflin__
@cdrainxv
Nov 11 2016 01:31
@Sarpark: href="#"
Rhys
@yeetboi7675
Nov 11 2016 01:32
this one is hard. Can anyone help?
hudoodesign
@hudoodesign
Nov 11 2016 01:33
BTW when I use 'nav' the menu becomes transparent and messy. I did testing by disconnecting my custom stylesheet to make sure it wasn't any of my styles.
Ruckrtn
@Ruckrtn
Nov 11 2016 01:34
Sizing an image in html. trying to create class smaller image
<style>
.smaller-image { width: 100px; }
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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


</style>
Walid Ashri
@walidashri
Nov 11 2016 01:34
background: rgba(255, 0, 0, 1) @sanqianliusi
Jonathan
@Jrivers92
Nov 11 2016 01:36
@Ruckrtn did that work for you, because im on same scenario and it did not wokr for me. I also tried google and it also did work for me.
Ruckrtn
@Ruckrtn
Nov 11 2016 01:37
it did not im stuck
Jonathan
@Jrivers92
Nov 11 2016 01:37
same
Ruckrtn
@Ruckrtn
Nov 11 2016 01:37
trying to get unstuck with no luck
Jonathan
@Jrivers92
Nov 11 2016 01:37
google has a image up but when i did what he did nothing changed either
so still looking
Ruckrtn
@Ruckrtn
Nov 11 2016 01:38
I'll let you know if I find anything
Jonathan
@Jrivers92
Nov 11 2016 01:38
ill send url so u can see what i am talking about
Ruckrtn
@Ruckrtn
Nov 11 2016 01:38
ok thanks
Jonathan
@Jrivers92
Nov 11 2016 01:38
@Ruckrtn FreeCodeCamp/freecodecamp#1165
__mifflin__
@cdrainxv
Nov 11 2016 01:38
@Ruckrtn: You also need to add the class smaller-image to your img element. Remember this?:
<h2 class="red-text">CatPhotoApp</h2>
And then in style tags:
.red-text {
 color: red;
}
Ruckrtn
@Ruckrtn
Nov 11 2016 01:40
@cdrainxv Thank you very much
CamperBot
@camperbot
Nov 11 2016 01:40
ruckrtn sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:cookie: 849 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
__mifflin__
@cdrainxv
Nov 11 2016 01:40
@Jrivers92: Your problem is the extra } right above your closing style tag… Why are you posting that as an issue?
Jonathan
@Jrivers92
Nov 11 2016 01:40
@cdrainxv no i was looking off of google for help and found that.
Vince
@Uncotran
Nov 11 2016 01:41
Hey guys, im on the responsively style radio buttons but i am stuck
Jonathan
@Jrivers92
Nov 11 2016 01:41
@cdrainxv but am going to do what you said and see if i get any luck. i am very much a noob when it comes to this.
__mifflin__
@cdrainxv
Nov 11 2016 01:42
@Jrivers92: Okay… no problem… :smile:
Ruckrtn
@Ruckrtn
Nov 11 2016 01:42
gotta start somewhere
Vince
@Uncotran
Nov 11 2016 01:42
can someone help with my code?
<div class="row">
<div class="col-xs-5">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-5">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-5">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
RScribner
@RScribner
Nov 11 2016 01:42
Uhhh. I followed all of the instructions for my lesson and I checked everything but it is saying it's incorrect... I'll paste what I wrote
Jonathan
@Jrivers92
Nov 11 2016 01:42
@Ruckrtn what line did you add that information to make image smaller?
RScribner
@RScribner
Nov 11 2016 01:43

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

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

it said to make the h2 elements blue
What's wrong?
__mifflin__
@cdrainxv
Nov 11 2016 01:44
@Uncotran: Pretty sure it’s col-xs-4… it’s a 12 grid system not a 15 grid system.
Devin Sayroo
@dsayroo
Nov 11 2016 01:44
Need Help with this :
<img src="https://s3.amazonaws.com/freecodecamp/relaxing-cat.jpg" alt= "the cat is relaxing">
Kynam Moore
@Kynamiiite
Nov 11 2016 01:45

@RScribner Hmm I think you need to remove the first </h2> because its part of the class so you dont need to close it (Im a noob too but I think thats right)

And also you need to have your header

@RScribner ohhh i see what you have done
RScribner
@RScribner
Nov 11 2016 01:45
What have I done?
Devin Sayroo
@dsayroo
Nov 11 2016 01:45
Saying your image should have a src attribute that point to the image
Roce Lulati
@lulatiroce
Nov 11 2016 01:45
@dsayroo you need to use the bit.ly link and not that link
Kynam Moore
@Kynamiiite
Nov 11 2016 01:45
@RScribner if you move your CatPhotoApp </h2> part out of the style like this it should work
Devin Sayroo
@dsayroo
Nov 11 2016 01:45
@lulatiroce Thank you
CamperBot
@camperbot
Nov 11 2016 01:45
dsayroo sends brownie points to @lulatiroce :sparkles: :thumbsup: :sparkles:
:cookie: 25 | @lulatiroce |http://www.freecodecamp.com/lulatiroce
santi00
@santi00
Nov 11 2016 01:45
Hi, can anyone help me? I need to have a green background color to my form. I added the following code in the style element but it looks like I am missing something...
__mifflin__
@cdrainxv
Nov 11 2016 01:45
@RScribner: Your html ( such as <h2>CatPhotoApp</h2>) must be seperate from your css (in style tags)… Look at the example provided.
`
RScribner
@RScribner
Nov 11 2016 01:46
I'll try. Thank you
Kynam Moore
@Kynamiiite
Nov 11 2016 01:46

@RScribner

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

<h2> CatPhotoApp </h2>

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

Ruckrtn
@Ruckrtn
Nov 11 2016 01:46

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

santi00
@santi00
Nov 11 2016 01:46

cat-photo-element {

background-color: green;
}
__mifflin__
@cdrainxv
Nov 11 2016 01:46
@santi00: it’s cat-photo-form
Jonathan
@Jrivers92
Nov 11 2016 01:49
@Ruckrtn thank you very much! I had the 1st part right but did not add the "smaller-image" part
CamperBot
@camperbot
Nov 11 2016 01:49
jrivers92 sends brownie points to @ruckrtn :sparkles: :thumbsup: :sparkles:
:cookie: 19 | @ruckrtn |http://www.freecodecamp.com/ruckrtn
Vince
@Uncotran
Nov 11 2016 01:49
@cdrainxv the lesson is telling me to nest all my radio buttons in their own <div class="col-xs-6">, and i did that but it says im doing it wrong
__mifflin__
@cdrainxv
Nov 11 2016 01:50
@Uncotran: Show me your code.
Abraham Beltran
@Legitone
Nov 11 2016 01:51
does anyone know how to align a picture to the center of a screen, its for the tribute project.
Vince
@Uncotran
Nov 11 2016 01:51

@cdrainxv

<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">
<div class="row">
<div class="col-xs-8">
<h2 class="text-primary text-center">CatPhotoApp</h2>
</div>
<div class="col-xs-4">
<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>
</div>
</div>
<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>
</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>

Thomas Noe
@t3h2mas
Nov 11 2016 01:51
/r
__mifflin__
@cdrainxv
Nov 11 2016 01:52
@Uncotran: Just as I figured. This is one of your radio buttons:
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
See the type="radio"?
santi00
@santi00
Nov 11 2016 01:52
@cdrainxv wow, as simple as that ! thanks !
CamperBot
@camperbot
Nov 11 2016 01:52
santi00 sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:cookie: 850 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Tara
@Tara48
Nov 11 2016 01:53
what does it mean when it says:
Your h2 element should be blue.

i used:

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

Abraham Beltran
@Legitone
Nov 11 2016 01:54
can anyone help me with centering an image?
Vince
@Uncotran
Nov 11 2016 01:55
@cdrainxv oh my goodness... thanks alot!
CamperBot
@camperbot
Nov 11 2016 01:55
:cookie: 851 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
uncotran sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
__mifflin__
@cdrainxv
Nov 11 2016 01:55
@Legitone: Like this?
@Tara48: If done right, the text CatPhotoApp should be blue in color.
Abraham Beltran
@Legitone
Nov 11 2016 01:56
yeah, thank you :D @cdrainxv
CamperBot
@camperbot
Nov 11 2016 01:56
legitone sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:cookie: 852 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Abraham Beltran
@Legitone
Nov 11 2016 01:57
I can't believe I forgot to read into CSS haha
James Seator
@jamesseator
Nov 11 2016 02:00
<script>
$(document).ready(function() {
$("#target1").css("color", "red");


});
</script>

Here's how you would rewrite and emphasize the text of our heading:

$("h3").html("<em>jQuery Playground</em>");

Emphasize the text in your target4 button by adding HTML tags.
Make sure the text is otherwise unchanged.
Do not alter any other text.
Make sure you are using .html() and not .text().
Make sure to select button id="target4" with jQuery.
^^ how do i do this
Tara
@Tara48
Nov 11 2016 02:01
@cdrainxv I am still stuck :/
__mifflin__
@cdrainxv
Nov 11 2016 02:01
@Tara48: Show me your full code.
luibots
@luibots
Nov 11 2016 02:01
Does any one know how to make your div auto height to the size of the browser window?
or would I have to just use css to determine the height of the div?
Tara
@Tara48
Nov 11 2016 02:02

@cdrainxv I am new to this so see it here:
<!--<h2 style="color: red">CatPhotoApp</h2>-->

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

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

__mifflin__
@cdrainxv
Nov 11 2016 02:06
@Tara48: remove this:
<!--<h2 style="color: red">CatPhotoApp</h2>—>
and then add this:
<h2>CatPhotoApp</h2>
above your p element.
James Seator
@jamesseator
Nov 11 2016 02:06
its ok i figured it out
Tara
@Tara48
Nov 11 2016 02:09
@cdrainxv okay...i did that
__mifflin__
@cdrainxv
Nov 11 2016 02:10
run test then.
Abraham Beltran
@Legitone
Nov 11 2016 02:11
would anyone like to check out my tribute page project to make sure its all good?
Andrew Parker
@AndrewHParker
Nov 11 2016 02:11
How do I prevent text and images from overlapping things when the window is resized?
__mifflin__
@cdrainxv
Nov 11 2016 02:11
@Tara48: click Run tests then.
Devin Sayroo
@dsayroo
Nov 11 2016 02:12
Border radius percentage
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 10px 50%;
Andrew Parker
@AndrewHParker
Nov 11 2016 02:12
Anyone know?
__mifflin__
@cdrainxv
Nov 11 2016 02:12
@AndrewHParker: Use bootstrap and/or media queries.
清风
@citangyibantian
Nov 11 2016 02:13
<p>View more
<a href="http://www.freecatphotoapp.com"></a>
</p>
Where is wrong, how can not submit
__mifflin__
@cdrainxv
Nov 11 2016 02:13
@dsayroo: Why 10px if you want %?
Andrew Parker
@AndrewHParker
Nov 11 2016 02:13
That's so vague. I know bootstrap helps but how
ellawahl
@ellawahl
Nov 11 2016 02:13
Hi, I'm stuck trying to set the id of my form element
Devin Sayroo
@dsayroo
Nov 11 2016 02:13
@cdrainxv whoops
@cdrainxv thanks
CamperBot
@camperbot
Nov 11 2016 02:13
dsayroo sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:cookie: 853 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
ellawahl
@ellawahl
Nov 11 2016 02:14
This is what I have <form id="cat-photo-app">
I also closed the tag
__mifflin__
@cdrainxv
Nov 11 2016 02:15
@AndrewHParker: No.. it’s not… Most of programming is looking up documentation… for example if you look in bootstrap docs.. you’ll find that it has col-xs*, col-sm-*, col-md-*, col-lg-* for various screen sizes.
Jayden
@Zealith
Nov 11 2016 02:16
Hey, I'm having trouble with creating a CSS selector
Im new to coding, could someone please give me some guidance?
Abderrahman12
@Abderrahman12
Nov 11 2016 02:16
Your p element should contain the first few words of the provided kitty ipsum text.
Your p element should contain the first few words of the provided kitty ipsum text. !!!!!!!!!!!!!!!!!!!!!
__mifflin__
@cdrainxv
Nov 11 2016 02:17
@citangyibantian: Missing the anchor link text.
<a href="…">text here</a>
Joey
@Blanksworth
Nov 11 2016 02:17
Whats up @Zealith ?
simply-py
@simply-py
Nov 11 2016 02:17
so I have <style>
Joey
@Blanksworth
Nov 11 2016 02:18
Yus?
__mifflin__
@cdrainxv
Nov 11 2016 02:18
@Abderrahman12: The text is provided for your…. just copy and paste it into a new p element. Then you’ll have two p elements.
Abderrahman12
@Abderrahman12
Nov 11 2016 02:19
I do not understand
Jayden
@Zealith
Nov 11 2016 02:20

With CSS, there are hundreds of CSS properties that you can use to change the way an element looks on your page.

When you entered <h2 style="color: red">CatPhotoApp</h2>, you were giving that individual h2 element an inline style.

That's one way to add style to an element, but a better way is by using CSS, which stands for Cascading Style Sheets.

At the top of your code, create a style element like this:

I dont get it
Abderrahman12
@Abderrahman12
Nov 11 2016 02:20
@cdrainxv I do not understand
simply-py
@simply-py
Nov 11 2016 02:21
<style> <h2 {color:blue;}<CatPhotoApp/></style><h2>CatPhotoApp</h2>
Joey
@Blanksworth
Nov 11 2016 02:21
@Abderrahman12 create a new <p> element and copy and paste the text on the left hand side provided to you
<p> Kitty text </p>
Jayden
@Zealith
Nov 11 2016 02:21
<p><insert kitty text></p>
ellawahl
@ellawahl
Nov 11 2016 02:22
Nevermind, I figured out my bug
__mifflin__
@cdrainxv
Nov 11 2016 02:22

@Abderrahman12: Okay… sorry different lesson… only one p element required… just replace Hello Paragraph with the text provided:

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

Joey
@Blanksworth
Nov 11 2016 02:22
@simply-py It looks like the <CatPhotoApp> After your CSS selector shouldn't be there?
Sorry Jayden
I'm reading your problem now
:P
Rose
@blurosemd
Nov 11 2016 02:23

I'm having a tiny issue creating a class called "smaller-image" to resize my image to 100 px <style>
.red-text {
color: red;
}

.smaller-image {
width: 100px;
}

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

Joey
@Blanksworth
Nov 11 2016 02:23
@blurosemd You have to add the class within the element declaration like previously
<img class="class" src="src">
__mifflin__
@cdrainxv
Nov 11 2016 02:24
@blurosemd: You have to add the class smaller-image to your img element. Same way you did this:
<h2 class="red-text">CatPhotoApp</h2>
simply-py
@simply-py
Nov 11 2016 02:24
it still wont let me go on it says your h2 element should be blue
but everything else is good
Abderrahman12
@Abderrahman12
Nov 11 2016 02:25
@Zealith @cdrainxv @cdrainxv @Blanksworth thank you
CamperBot
@camperbot
Nov 11 2016 02:25
abderrahman12 sends brownie points to @zealith and @cdrainxv and @blanksworth :sparkles: :thumbsup: :sparkles:
:cookie: 854 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
:warning: could not find receiver for zealith
:cookie: 136 | @blanksworth |http://www.freecodecamp.com/blanksworth
Rose
@blurosemd
Nov 11 2016 02:25
Thank you, @cdrainxv :D
CamperBot
@camperbot
Nov 11 2016 02:25
blurosemd sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:cookie: 855 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Joey
@Blanksworth
Nov 11 2016 02:27
@simply-py So it should look something along the lines of <style>
h2 {
color: blue;
}
I think you have an extra < after <style>
__mifflin__
@cdrainxv
Nov 11 2016 02:27
@simply-py: Compare the css in your style element to the one given in the ex:
<style>
  h2 {color: red;}
</style>
Joey
@Blanksworth
Nov 11 2016 02:27
^ I need to start doing this more
__mifflin__
@cdrainxv
Nov 11 2016 02:28
'''
CamperBot
@camperbot
Nov 11 2016 02:28
:bulb: to format code use backticks! ``` more info
__mifflin__
@cdrainxv
Nov 11 2016 02:28

```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

Joey
@Blanksworth
Nov 11 2016 02:28
I would thank you again, but I can't give anymore brownies
I don't think anyway :P
thanks @cdrainxv
CamperBot
@camperbot
Nov 11 2016 02:29
blanksworth sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
Joey
@Blanksworth
Nov 11 2016 02:29
What doy ou know
CamperBot
@camperbot
Nov 11 2016 02:29
:cookie: 856 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
__mifflin__
@cdrainxv
Nov 11 2016 02:29
@Blanksworth: I’ll do the same as well… thanks… :sparkles:
CamperBot
@camperbot
Nov 11 2016 02:29
cdrainxv sends brownie points to @blanksworth :sparkles: :thumbsup: :sparkles:
:cookie: 137 | @blanksworth |http://www.freecodecamp.com/blanksworth
simply-py
@simply-py
Nov 11 2016 02:30
I have that and on line 4 I have <p>kitty stuff</>
Abderrahman12
@Abderrahman12
Nov 11 2016 02:30
Create a style element. :::!!!!!!
Joey
@Blanksworth
Nov 11 2016 02:31
^^
Whatsup @Abderrahman12 ?
Gustavo Lima
@athousanddetails
Nov 11 2016 02:31
Hey Guys!!
Joey
@Blanksworth
Nov 11 2016 02:31
I decided to do a dedication page to Nikolai Tesla...I'm regretting it
the guy lived a long life
Dylan Murphy
@dmurphy5
Nov 11 2016 02:31
Hey guys, I'm working on my tribute page and I'm having trouble figuring out how to add a rounded border to the entire page.
simply-py
@simply-py
Nov 11 2016 02:32
@cdr am I missing something
Joey
@Blanksworth
Nov 11 2016 02:33
Send your code this way @dmurphy5
Hi @athousanddetails ;)
__mifflin__
@cdrainxv
Nov 11 2016 02:34
@simply-py: Do you have this:
<h2>CatPhotoApp</h2>
In your code?
Abderrahman12
@Abderrahman12
Nov 11 2016 02:34
Remove the style attribute from your h2 element.
Create a style element.
Your h2 element should be blue.
Ensure that your stylesheet h2 declaration is valid with a semicolon and closing brace.
Make sure all your style elements are valid and have a closing tag.
I did not understand what to do
Dylan Murphy
@dmurphy5
Nov 11 2016 02:34
I haven't started any code. That was my first idea for the page and I'm kinda hung up on it.
But thanks for the Bootstrap cheatsheet link,
__mifflin__
@cdrainxv
Nov 11 2016 02:36
@dmurphy5: Is your page wrapped in a div or even better a div with bootstrap class container? post your codepen here.
Joey
@Blanksworth
Nov 11 2016 02:36
^ HE doesn't have the code yet @cdrainxv
:P
__mifflin__
@cdrainxv
Nov 11 2016 02:36
Okay… :clap:
Dylan Murphy
@dmurphy5
Nov 11 2016 02:37
I'm gonna work on building the HTML then figure the border out.
Jonathan
@Jrivers92
Nov 11 2016 02:38
@Ruckrtn hey you still oni?
Abderrahman12
@Abderrahman12
Nov 11 2016 02:39
<style>
h2 {color: red;}
</style> Wayne Write CatPhotoApp
Joey
@Blanksworth
Nov 11 2016 02:39
Once you sort out the HTML @dmurphy5 I think the border issue will resolve itself :)
Jonathan
@Jrivers92
Nov 11 2016 02:40

I am trying to make dead links using the hash symbol and i have googled it and changed my href to # symbol but still cant pass.

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

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

Did i do this wrong?
Miles Martin
@MilesMartin
Nov 11 2016 02:41
I have the code .smaller-image {width: 100px;} inside the style and it's not working. Is something wrong with the code i wrote?
Joey
@Blanksworth
Nov 11 2016 02:41
That looks accurate, maybe you've misplaced where the class is on the element?
Or maybe assigned it to the wrong element? @MilesMartin
James Seator
@jamesseator
Nov 11 2016 02:42

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

<p>Things cats love:</p>

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

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

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

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

Joey
@Blanksworth
Nov 11 2016 02:42
Much code
James Seator
@jamesseator
Nov 11 2016 02:42
Your div element should have the class container-fluid.
Make sure your div element has a closing tag.
Make sure you have nested all HTML elements in .container-fluid.
Miles Martin
@MilesMartin
Nov 11 2016 02:42
<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
.smaller-image{width: 100px;}
</style>
Joey
@Blanksworth
Nov 11 2016 02:43
What about after @MilesMartin ?
the HTML
Miles Martin
@MilesMartin
Nov 11 2016 02:43

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

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

h2 {
font-family: Lobster, Monospace;
}

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

Joey
@Blanksworth
Nov 11 2016 02:43
Ah
there you go
You haven't assigned a class to your img element like you've done for <p>
So your img can't register what style you want it because there's nothing saying to use that class in your CSS
Miles Martin
@MilesMartin
Nov 11 2016 02:44
So I need to add a width class to the img?
Tara
@Tara48
Nov 11 2016 02:44
I need help finding this "Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%."
Cooper
@tsalta
Nov 11 2016 02:45
$("#target4").html("<em>#TARGET4</em>");
umwhat
this is right no
__mifflin__
@cdrainxv
Nov 11 2016 02:46
@tsalta: It should be lowercase #target4
Joey
@Blanksworth
Nov 11 2016 02:46
No, you need to add the smaller-image class to img @MilesMartin
Cooper
@tsalta
Nov 11 2016 02:47
it said to emphasize the text
Joey
@Blanksworth
Nov 11 2016 02:47
Whatsup @Tara48 ? What exactly are you having trouble with?
__mifflin__
@cdrainxv
Nov 11 2016 02:47
@MilesMartin: Refer to this: :point_up: November 10, 2016 7:24 PM
Joey
@Blanksworth
Nov 11 2016 02:48
Emphasize is done by the <em> tag, not caps :P
Cooper
@tsalta
Nov 11 2016 02:48
oh i feel dumb lol
Ed
@edyiot
Nov 11 2016 02:49
in 54, how do I create a class ? Do I do it in body ?
Tara
@Tara48
Nov 11 2016 02:49
@Blanksworth I am having problems changing the font size for my <p> element
__mifflin__
@cdrainxv
Nov 11 2016 02:50
@tsalta: The text should have been #target4 from your previous lessons.
Joey
@Blanksworth
Nov 11 2016 02:50
@Tara48 What have you done so far?
And no worries, it happens to all of us @tsalta :P
Tara
@Tara48
Nov 11 2016 02:52

@Blanksworth I believe i made a mistake can you please tell me where i went wrong?:

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

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

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<style>{
font-size:16px;
}
</style>
<p>Purr Jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip sctratched.</p>

__mifflin__
@cdrainxv
Nov 11 2016 02:52

@Tara48: p is an element and so is h1 so looking at the example provided:

h1 {
  font-size: 30px;
}

You can probably draw the conclusion… :smile:

Tara
@Tara48
Nov 11 2016 02:52
oh okay thanks @cdrainxv
CamperBot
@camperbot
Nov 11 2016 02:52
tara48 sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:cookie: 857 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
__mifflin__
@cdrainxv
Nov 11 2016 02:53
@Tara48 : You only need one style tag… all your css goes in the same one.
Tara
@Tara48
Nov 11 2016 02:54
I am new to this so can you explain please :) @cdrainxv
__mifflin__
@cdrainxv
Nov 11 2016 02:57

@Tara48: Okay… I can show you.

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

Only one style tag… but three different css rules for .red-text, .blue-text, and h1.

Coy Sanders
@coymeetsworld
Nov 11 2016 02:57
you can have more than 1 set of style tags @cdrainxv @Tara48, but they need to be at the top of the code
Joey
@Blanksworth
Nov 11 2016 02:58
Hey @cdrainxv, I haven't used codepen before, what option do I pick to get the link to submit it?
Export?
Coy Sanders
@coymeetsworld
Nov 11 2016 02:58
better to have 1 set, but basically all CSS code for these examples should be at the top
__mifflin__
@cdrainxv
Nov 11 2016 02:59
@coymeetsworld: I know that… but since they collapse into one anyways… and for FCC… I just think it’s better to preach one set.
@Blanksworth: Just the url, I believe… It’s what I have been using.
Rozen0007
@rozen0007
Nov 11 2016 03:00
hi . I am new to coding . can any 1 tell me where I am wrong in adding anchor tags.<a href="http://freecatphotoapp.com" alt="cat photos">link to free Cat photo app</a>
Coy Sanders
@coymeetsworld
Nov 11 2016 03:01
agreed @cdrainxv, just saying that what was there would've worked had the last set of style tags were at the top
and once the last style was fixed, there was no selector
Abderrahman12
@Abderrahman12
Nov 11 2016 03:02
Your h2 element should be blue.
Coy Sanders
@coymeetsworld
Nov 11 2016 03:02
look fine @rozen0007
Abderrahman12
@Abderrahman12
Nov 11 2016 03:02
Your h2 element should be blue. !!!!!!
Coy Sanders
@coymeetsworld
Nov 11 2016 03:02
but might need more context, whats the challenge name and your entire code?
FCC may be expecting specific text as your link for one
including capitalization
Abderrahman12
@Abderrahman12
Nov 11 2016 03:03
Your h2 element should be blue. !!!!!!
Tara
@Tara48
Nov 11 2016 03:03
@cdrainxv is this correct?

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

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

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

__mifflin__
@cdrainxv
Nov 11 2016 03:04
@coymeetsworld: Yeah… good point as well. I just don’t want @Tara48 writing a new style tag for every new css rule she has to add.
Coy Sanders
@coymeetsworld
Nov 11 2016 03:04
sure
Rozen0007
@rozen0007
Nov 11 2016 03:04
Create an a element that links to http://freecatphotoapp.com and has "cat photos" as its anchor text.
this is my challenge
@coymeetsworld
Coy Sanders
@coymeetsworld
Nov 11 2016 03:04
@rozen0007 so you don't have the 2nd part then
because your link text is currently link to free Cat photo app
__mifflin__
@cdrainxv
Nov 11 2016 03:05
@Tara48: I believe it’s not h1 as you don’t have a h1 element in your code at all… was it not p you wanted to change the font-size of?
Coy Sanders
@coymeetsworld
Nov 11 2016 03:06
she didn't have any selector before, but yeah it should be p
Tara
@Tara48
Nov 11 2016 03:06
@cdrainxv yes it was <p> so replace the h1 with p?
Coy Sanders
@coymeetsworld
Nov 11 2016 03:06
<style>{
font-size:16px;
}
</style>
__mifflin__
@cdrainxv
Nov 11 2016 03:06
@Tara48: yes.
Jonathan
@Jrivers92
Nov 11 2016 03:06
tried google and everything
simply-py
@simply-py
Nov 11 2016 03:07
so how do you make browser 100% zoom
and text zoom
Tara
@Tara48
Nov 11 2016 03:07
@cdrainxv Thank You so much
CamperBot
@camperbot
Nov 11 2016 03:07
tara48 sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:warning: tara48 already gave cdrainxv points
Jonathan
@Jrivers92
Nov 11 2016 03:07
@simply-py ctrl+
Coy Sanders
@coymeetsworld
Nov 11 2016 03:07
@Jrivers92 you just replace the URL that href points to with a simple #
simply-py
@simply-py
Nov 11 2016 03:08
I did that and it still wouldn't pass me
Coy Sanders
@coymeetsworld
Nov 11 2016 03:08
@simply-py most likely an issue with your code
Joe Kooner
@JoeKooner
Nov 11 2016 03:08
hi everyone!
I'm stuck right now at my mobile bootstrap hamburger, can anyone help me?
Coy Sanders
@coymeetsworld
Nov 11 2016 03:08
can you post it and the challenge? I'm guessing this is the apply smaller-image to your img tag challenge?
Joe Kooner
@JoeKooner
Nov 11 2016 03:08
It is not showing currently
Jonathan
@Jrivers92
Nov 11 2016 03:09
@coymeetsworld i changed the href url with # and nothing
Joe Kooner
@JoeKooner
Nov 11 2016 03:09
When I resize the page, my menu collapses, but the icon is not there
wait it is not showing that i changed it
Coy Sanders
@coymeetsworld
Nov 11 2016 03:09
@Jrivers92 can you post your code?
Jonathan
@Jrivers92
Nov 11 2016 03:10

@coymeetsworld

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

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

Joey
@Blanksworth
Nov 11 2016 03:10
Hey @JoeKooner this is pretty cool :D
Joe Kooner
@JoeKooner
Nov 11 2016 03:10
Thanks @Blanksworth
CamperBot
@camperbot
Nov 11 2016 03:10
joekooner sends brownie points to @blanksworth :sparkles: :thumbsup: :sparkles:
:cookie: 139 | @blanksworth |http://www.freecodecamp.com/blanksworth
Joe Kooner
@JoeKooner
Nov 11 2016 03:10
:smile:
Coy Sanders
@coymeetsworld
Nov 11 2016 03:11
@Jrivers92 try refreshing the browser and submit again
you set it correctly i see
Joey
@Blanksworth
Nov 11 2016 03:11
that's my next task - to create a portfolio page
Jonathan
@Jrivers92
Nov 11 2016 03:11
@coymeetsworld lol wow thanks man!
CamperBot
@camperbot
Nov 11 2016 03:11
jrivers92 sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 1521 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Jonathan
@Jrivers92
Nov 11 2016 03:11
this whole time i thought it was me.....
Coy Sanders
@coymeetsworld
Nov 11 2016 03:12
yeah sometimes it happens
Joey
@Blanksworth
Nov 11 2016 03:12
turn it off and on again
Joe Kooner
@JoeKooner
Nov 11 2016 03:12
Anybody have any suggestions?
Joey
@Blanksworth
Nov 11 2016 03:12
np
Coy Sanders
@coymeetsworld
Nov 11 2016 03:12
especially if you've tried submitting multiple tests
sometimes it needs a refresh
Joeru01
@Joeru01
Nov 11 2016 03:12
i need help
ko loy yee
@koloyyee
Nov 11 2016 03:12
hi guys how you all doing i have a bit of trouble with jQuery
Joey
@Blanksworth
Nov 11 2016 03:13
Maybe change the background on your portfolio part @JoeKooner, maybe slightly darker? more defined?
ko loy yee
@koloyyee
Nov 11 2016 03:13

If i want to add

$("button").addClass("animated bounce");

to

<button class="btn btn-default target" id="target4">#target4</button>
howcoud it be done ?
Joe Kooner
@JoeKooner
Nov 11 2016 03:13
I tried changing the background of the navbar to white, I can try changing it to black @Blanksworth
Joey
@Blanksworth
Nov 11 2016 03:14
Try it, see how it looks :P
ko loy yee
@koloyyee
Nov 11 2016 03:14
should i be doing something like this ?
<button class="btn btn-default target" id="target4" $("button").addClass("animated bounce");>#target4</button>
Joey
@Blanksworth
Nov 11 2016 03:15
I like this though, now I have to make one that's better than yours :P
Rozen0007
@rozen0007
Nov 11 2016 03:15
@coymeetsworld thnx I got it
CamperBot
@camperbot
Nov 11 2016 03:15
rozen0007 sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 1522 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Joey
@Blanksworth
Nov 11 2016 03:15
I guess that's it for me chaps, I've been here for 13 hours already today
I guess I'll see you when I wake up
;)
Coy Sanders
@coymeetsworld
Nov 11 2016 03:16
np @rozen0007
simply-py
@simply-py
Nov 11 2016 03:16

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

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

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

Coy Sanders
@coymeetsworld
Nov 11 2016 03:16
theres no p1 tag @simply-py, its just p
the selector for your CSS has to patch the actual tag name
Joe Kooner
@JoeKooner
Nov 11 2016 03:17
I tried @Blanksworth it didn't work, for some reason my mobile menu icon is not working
Joeru01
@Joeru01
Nov 11 2016 03:18

'''

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

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

h2 {
font-family: Lobster, Monospace;
}

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

img{
width:100px;
}

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

CamperBot
@camperbot
Nov 11 2016 03:18
:bulb: to format code use backticks! ``` more info
Joey
@Blanksworth
Nov 11 2016 03:18
Time to fix it then! :D
Joe Kooner
@JoeKooner
Nov 11 2016 03:18
@Blanksworth haha, what I did is get inspiration from other portfolios and alter mine to make it my own :smile:
@Blanksworth you think you can help?
Abderrahman12
@Abderrahman12
Nov 11 2016 03:18
Your stylesheet should declare a red-text class and have its color set to red.
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Joey
@Blanksworth
Nov 11 2016 03:18
Pffft
I was just about to go bed, but I can take a look I guess
:P
It's 3:20AM here and I've been on practically since 12:30pm
Coy Sanders
@coymeetsworld
Nov 11 2016 03:19
@Joeru01 remove your img style, thats not needed
Joeru01
@Joeru01
Nov 11 2016 03:19
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

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

  img{
    width:100px;
  }

  .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. ">
Coy Sanders
@coymeetsworld
Nov 11 2016 03:19
and you need to apply the smaller-image class to your img tag
Joeru01
@Joeru01
Nov 11 2016 03:19
need help there ;-;
same as @coymeetsworld ;-;
Joe Kooner
@JoeKooner
Nov 11 2016 03:19
@Blanksworth no worries if you can't
I realize it's pretty late for you
Abderrahman12
@Abderrahman12
Nov 11 2016 03:20
Your stylesheet should declare a red-text class and have its color set to red.
!!!!!!!!!!!,???
Coy Sanders
@coymeetsworld
Nov 11 2016 03:20
@Abderrahman12 stop spamming please
if you're asking for help can you please be more specific?
Joeru01
@Joeru01
Nov 11 2016 03:20
@coymeetsworld ohh, i see
Joe Kooner
@JoeKooner
Nov 11 2016 03:22
brb
Joeru01
@Joeru01
Nov 11 2016 03:22

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

  h2 {
    font-family: Lobster, Monospace;
  }

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

  .smaller-image{
    width:100px
  }

</style>

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

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

<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>
now how i make it smaller?
Coy Sanders
@coymeetsworld
Nov 11 2016 03:23
you need to apply the class to the img tag
same as when you applied the red-text class to the p and h2 tags, you're applying the smaller-image class to the img tag
Joeru01
@Joeru01
Nov 11 2016 03:24
@coymeetsworld ohh, i see, i will try to see if i can make it, thanks
CamperBot
@camperbot
Nov 11 2016 03:24
joeru01 sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 1523 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Nov 11 2016 03:24
no problem
Abderrahman12
@Abderrahman12
Nov 11 2016 03:25
blob
Please help
Coy Sanders
@coymeetsworld
Nov 11 2016 03:26
your selector needs to be a red-text class @Abderrahman12, not h2
check the example again
Abderrahman12
@Abderrahman12
Nov 11 2016 03:28
blob
did not work
Joeru01
@Joeru01
Nov 11 2016 03:30

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }
  .smaller-image{
    width: 100px
  }
  h2 {
    font-family: Lobster, Monospace;
  }

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


</style>

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

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

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
i got this, but the image is still big, what am i missing?
Ramon Vasconcelos
@ramon-v
Nov 11 2016 03:31
@Joeru01 you need to add class "smaller-image" to your img tag
Gustavo, Noble
@TheRealGus
Nov 11 2016 03:33
Good evening everyone, I'm a bit confused with nesting all of my elements in .container-fluid
Joeru01
@Joeru01
Nov 11 2016 03:35
@ramon-v thanks!!
CamperBot
@camperbot
Nov 11 2016 03:35
joeru01 sends brownie points to @ramon-v :sparkles: :thumbsup: :sparkles:
:cookie: 33 | @ramon-v |http://www.freecodecamp.com/ramon-v
Aaron Bell
@awb715
Nov 11 2016 03:35
https://codepen.io/Aaron-w-Bell/full/qqbXJz/ does this work for everyone?
Ryan
@Azbo400
Nov 11 2016 03:35
@awb715 It worked well for me
@awb715 It looks awesome by the way!
yujia
@QiuYujia
Nov 11 2016 03:36
helllo
Joeru01
@Joeru01
Nov 11 2016 03:36
for me as well
Aaron Bell
@awb715
Nov 11 2016 03:36
thanks dude @Azbo400
CamperBot
@camperbot
Nov 11 2016 03:36
awb715 sends brownie points to @azbo400 :sparkles: :thumbsup: :sparkles:
:cookie: 290 | @azbo400 |http://www.freecodecamp.com/azbo400
yujia
@QiuYujia
Nov 11 2016 03:36
just wondering if there is a configuration setting that can turn off
Aaron Bell
@awb715
Nov 11 2016 03:36
figuring out the transitions with no help is a great feeling
yujia
@QiuYujia
Nov 11 2016 03:36
something
Ryan
@Azbo400
Nov 11 2016 03:36
Yeah lol
@QiuYujia What do you want to turn off?
yujia
@QiuYujia
Nov 11 2016 03:37
when i program i like to get in the zone
at the end of each task it usually shows a pun or some kind of joke
it can be cute and encouraging sometimes
but i rather it be turned off for now because im studying pretty hard and dont want to lose
my train of thought
can it be turned off?
Ash
@purplepies21
Nov 11 2016 03:38
Hey is there anyone available that can help me a bit with my Java homework.... I can't quite figure out part of my class file....
Ryan
@Azbo400
Nov 11 2016 03:38
I'm not sure I do not think so...
yujia
@QiuYujia
Nov 11 2016 03:38
@ash regular java?
Tara
@Tara48
Nov 11 2016 03:38
hey how do you make an image smaller?
Ash
@purplepies21
Nov 11 2016 03:38
@QiuYujia yeah
yujia
@QiuYujia
Nov 11 2016 03:39
sorry cant help you here bud
i just know c and c#
however
if its a general statement or logic question
or something translatable to a pre defined func in C
i can help
or logic flow i can help with that too
Ash
@purplepies21
Nov 11 2016 03:40
@QiuYujia it's more the fact that I'm new to class files and kind of don't get the formatting quite yet
yujia
@QiuYujia
Nov 11 2016 03:40
im actually new to object oriented too
in college still
class files
are the same as an output file
are you trying to run the file?
Ash
@purplepies21
Nov 11 2016 03:41
@QiuYujia I'm in first year of Computer science right now (my uni does java first)
yujia
@QiuYujia
Nov 11 2016 03:41
mine does c first
haha
anyhow
what seems to be the problem
im a pretty good programmer
odds are i can figure it out
Ash
@purplepies21
Nov 11 2016 03:42
Can I PM you?
with what my question is
yujia
@QiuYujia
Nov 11 2016 03:43
is it private?
haha
just ask away
Ash
@purplepies21
Nov 11 2016 03:43
hahaha no but I don't want to spam the chat if that makes sense
yujia
@QiuYujia
Nov 11 2016 03:43
yea true pm me then
haha
Tara
@Tara48
Nov 11 2016 03:44
I need help :worried:
Joeru01
@Joeru01
Nov 11 2016 03:48

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

  h2 {
    font-family: Lobster, Monospace;
  }

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

  .smaller-image {
    width: 100px;
  }

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

</style>

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

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

<img class= thick-green-border>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
uhmmm, i got the it ish, how can i put it around the img?
as in, how can i put the border around the img
?
Joeru01
@Joeru01
Nov 11 2016 03:54
anyone?
Joshua S Lee
@93leejoshua
Nov 11 2016 03:56
hold up
kevin choque
@choquekevin10
Nov 11 2016 03:56
var code = "formatted";
Joshua S Lee
@93leejoshua
Nov 11 2016 03:56
give me one second @Joeru01
you have to include the class in the img string
kevin choque
@choquekevin10
Nov 11 2016 03:56
how do we copy paste the code screen?
Joshua S Lee
@93leejoshua
Nov 11 2016 03:57
you can put multiple classes in the <img> string
so <img class="blah blah" class="here here">
ellawahl
@ellawahl
Nov 11 2016 04:00
Hi, how do I nest my HTML elements in .container-fluid?
kevin choque
@choquekevin10
Nov 11 2016 04:01
var code = "formatted";
Zahari
@zahari98
Nov 11 2016 04:02
Hello,guys,how should this look like? Your <style> should have a pink-text CSS class with its color set to pink.
JennieChua
@JennieChua
Nov 11 2016 04:04
Hi
Ruben00alex
@Ruben00alex
Nov 11 2016 04:06
Hi guys I've got a problem with a challenge
Malav Shah
@malavshahce
Nov 11 2016 04:07
@ellawahl write you <div class> on top
slri
@slri
Nov 11 2016 04:07
@Joeru01 Look at the example code in the instructions, you have to add both smaller-image and thick-green-border classes to your img tag.
Malav Shah
@malavshahce
Nov 11 2016 04:08
.pink-text{color: pink}; @zahari98
ellawahl
@ellawahl
Nov 11 2016 04:08
@malavshahce Gotcha. It's still saying I haven't nested my HTML elements in .container-fluid though
Ruben00alex
@Ruben00alex
Nov 11 2016 04:08

It asks me to :
Create a new p element around your a element.

Your a element should be nested within your new p element.

Your p element should have the text "View more " (with a space after it).

This is the code I wrote but it doesn't do anything :/ , it's the same as the example :

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

</p>

slri
@slri
Nov 11 2016 04:08
@93leejoshua You can't add more than 1 class attribute.
Ruben00alex
@Ruben00alex
Nov 11 2016 04:09
what do i do guys?
slri
@slri
Nov 11 2016 04:09
@malavshahce Please refrain from giving solutions, hints and explanations only. : )
Malav Shah
@malavshahce
Nov 11 2016 04:09
Yea read your challenge once more and you'll get it @ellawahl
slri
@slri
Nov 11 2016 04:09
@Ruben00alex Just remove the newlines.
Malav Shah
@malavshahce
Nov 11 2016 04:10
Yeah I'm trying to do that. @RuinIsProbablyTaken
@Ruben00alex do you know what nesting means?
Ed
@edyiot
Nov 11 2016 04:10
Please help @ 78. It says nest all of your radio buttons inside one div the the class row:
<div class="row">
<div class="col-xs-6"><button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button></div>
<div class="col-xs-6"><button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button></div>
<div class="col-xs-6"><button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button></div>
</div>
what am I missing ?
slri
@slri
Nov 11 2016 04:10

.pink-text{color: pink};

Is a solution to the person's problem, no?

Girzima
@Girzima
Nov 11 2016 04:10
@RuinIsProbablyTaken hi bb
slri
@slri
Nov 11 2016 04:11
@edyiot Those are not radio buttons. You should nest your <input type="radio"> tags like that. : )
Ruben00alex
@Ruben00alex
Nov 11 2016 04:11
It was a browser error lol, refreshing the page fixed it.
slri
@slri
Nov 11 2016 04:11
@Girzima hi :heart:
Brandon Waleszonia
@waleszonia
Nov 11 2016 04:14
trying to set the width of a picture what am I doing wrong? <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. " class= smaller-image {width: 100px;}>
Amanda Trafton
@Trafty
Nov 11 2016 04:14
Just started and already stumped... "Use a CSS Class to Style an Element". I don't get the difference between a CSS Class and an HTML element?
Ed
@edyiot
Nov 11 2016 04:14
@RuinIsProbablyTaken my bad, thank you!
CamperBot
@camperbot
Nov 11 2016 04:15
edyiot sends brownie points to @ruinisprobablytaken :sparkles: :thumbsup: :sparkles:
:cookie: 623 | @ruinisprobablytaken |http://www.freecodecamp.com/ruinisprobablytaken
Girzima
@Girzima
Nov 11 2016 04:15
@waleszonia They're asking you to do it in CSS, which is why you add the class in the opening tag, so it can be targeted in CSS. You're trying to use inline styling, which is still wrong. Look at the example
Walid Ashri
@walidashri
Nov 11 2016 04:15
@Trafty css class used to style the html element
Ken Haduch
@khaduch
Nov 11 2016 04:16
@brandonwaleszonia- you have to create the definition is a CSS class in the <style> section.
Brandon Waleszonia
@waleszonia
Nov 11 2016 04:16
ok thanks
Jacob Sidford
@jacobsidford
Nov 11 2016 04:16
<style>
.red-text{
color:red;
}
</style>
That's a class in the style tags.
@Trafty
Walid Ashri
@walidashri
Nov 11 2016 04:17
@Trafty
example

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

<h2 class="className">CatPhotoApp</h2>
marv31
@marv31
Nov 11 2016 04:17
Your img element should have the class smaller-image.
Your image should be 100 pixels wide. Browser zoom should be at 100%.
can someone help pls
slri
@slri
Nov 11 2016 04:19
LOL Is it just me or do males help people with profile pictures of pretty females around here much more than any other peer?
Amanda Trafton
@Trafty
Nov 11 2016 04:19

@walidashri Thanks. But why do I need both the <style> and the "class" after the H2?

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

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

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

CamperBot
@camperbot
Nov 11 2016 04:19
trafty sends brownie points to @walidashri :sparkles: :thumbsup: :sparkles:
:cookie: 611 | @walidashri |http://www.freecodecamp.com/walidashri
Girzima
@Girzima
Nov 11 2016 04:19
@RuinIsProbablyTaken That's how the internet works
Amanda Trafton
@Trafty
Nov 11 2016 04:19
@walidashri Wouldn't the <style> text cover it?
Jonathan
@Jrivers92
Nov 11 2016 04:21
SO i am creating a set of checkboxes and named all the check boxes personality like ordered to, but it keepsshowing as red "Give your checkboxes the name attribute of personality." everything else is green and tips?
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name ="personality">personality</label>
<label><input type="checkbox" name ="personality">personality</label>
<label><input type="checkbox" name ="perosnality">personality</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
just saw
Girzima
@Girzima
Nov 11 2016 04:21
@Trafty It might be just me but you confused the hell out of me
Jonathan
@Jrivers92
Nov 11 2016 04:21
when i type it here
wow
Walid Ashri
@walidashri
Nov 11 2016 04:21
Jacob Sidford
@jacobsidford
Nov 11 2016 04:22
@Trafty
The <style> class can be used throughout the whole site at anytime, it defines a characteristic essentially.
Identifying it after the H2 gives it the characteristics
@RuinIsProbablyTaken I give more attention to guys as I expect most girl profiles are guys being deceitful hah
Girzima
@Girzima
Nov 11 2016 04:22
@Jrivers92 yeah, you misspelled it in the third checkbox
"perosnality"
Amanda Trafton
@Trafty
Nov 11 2016 04:23
@Girzima ha. nah, it's me I'm sure. I'm probably thinking too hard about it.
Jacob Sidford
@jacobsidford
Nov 11 2016 04:23
@Jrivers92 there's an error in spelling of personality
Ken Haduch
@khaduch
Nov 11 2016 04:23
@marv31 -- do you know how to define a class? It has to be in the <style> section, and have the name smaller-image. And a class has to have a period in front of the name within a CSS rule definition.
marv31
@marv31
Nov 11 2016 04:24
@ ken not really im new to coding
Brandon Waleszonia
@waleszonia
Nov 11 2016 04:24
Thanks for the clarification on the CSS class definition. Makes a lot more since now. Cleared up my issue.
Amanda Trafton
@Trafty
Nov 11 2016 04:24
@walidashri Thanks! @jacobsidford Thanks. I think once I do a few more steps it'll make more sense.
CamperBot
@camperbot
Nov 11 2016 04:24
trafty sends brownie points to @walidashri and @jacobsidford :sparkles: :thumbsup: :sparkles:
:cookie: 159 | @jacobsidford |http://www.freecodecamp.com/jacobsidford
:warning: trafty already gave walidashri points
marv31
@marv31
Nov 11 2016 04:24

ink href="https://fonts.googleapis.com/css?family=Lobster" rel="style=sheet" type="text/css">

<style>

.red-text {
color: ;
}

h2 {
font-family: Lobster, Monospace;
}

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

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

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

Ken Haduch
@khaduch
Nov 11 2016 04:25
@marv31 - okay, this is the introduction to how to set up CSS class definitions, and use them in the generation of an HTML page. You want to learn this. The page for the lesson should have an example of how to define a class. I should try to find the same lesson and walk through it.
Amanda Trafton
@Trafty
Nov 11 2016 04:25
@jacobsidford I swear I'm actually a girl ;)
marv31
@marv31
Nov 11 2016 04:25
@khaduch
Girzima
@Girzima
Nov 11 2016 04:26
girl alert
slri
@slri
Nov 11 2016 04:26
@jacobsidford Oh pffffff
Girzima
@Girzima
Nov 11 2016 04:26
alert the white knights
marv31
@marv31
Nov 11 2016 04:26
@khaduch thank you
CamperBot
@camperbot
Nov 11 2016 04:26
marv31 sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1914 | @khaduch |http://www.freecodecamp.com/khaduch
Jacob Sidford
@jacobsidford
Nov 11 2016 04:26
@RuinIsProbablyTaken well, can't get my hopes up too much can I?
@marv31 What was the question they asked of you again?
I'll write the code for you
Ken Haduch
@khaduch
Nov 11 2016 04:27
@Trafty :+1:
Fofster99
@Fofster99
Nov 11 2016 04:27
How do I create a class called silver-background with the background color being silver then assign it to a div element
marv31
@marv31
Nov 11 2016 04:27

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

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

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

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

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

Jacob Sidford
@jacobsidford
Nov 11 2016 04:27

essentially

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

Defines a class with a width of 100px

Ken Haduch
@khaduch
Nov 11 2016 04:28
@marv31 - okay, in the example, they show a class .larger-image being defined. It is created between the <style> and </style> opening and closing tags. You have to do the same but for a class .smaller-image, and use the parameters that they gave you to set the properties. That's the first step.
marv31
@marv31
Nov 11 2016 04:28
@jacobsidford i did that but nothing happen
Malav Shah
@malavshahce
Nov 11 2016 04:28
You need to define e class. @jacobsidford
slri
@slri
Nov 11 2016 04:28
@jacobsidford It's good to dream for sure!
Fofster99
@Fofster99
Nov 11 2016 04:29
How do I create a class called silver-background with the background color being silver then assign it to a div element
marv31
@marv31
Nov 11 2016 04:29
@jacobsidford and @khaduch do i need to do another style?
Jacob Sidford
@jacobsidford
Nov 11 2016 04:29
@marv31
<style>
.smaller-image{
width:100px;
}
</style>

<img class="smaller-image" src="#">
Malav Shah
@malavshahce
Nov 11 2016 04:29
Like <img class= "smaller-image".......>
@jacobsidford @marv31
Ken Haduch
@khaduch
Nov 11 2016 04:29
@marv31 - you have to be careful to create it and not interfere with any of the other classes or properties that are defined there. You need to add the .smaller-image class, and then use it to style the <img element.
Jacob Sidford
@jacobsidford
Nov 11 2016 04:29
that's how you declare the class, give a width of 100 and implement it into your html element
marv31
@marv31
Nov 11 2016 04:30
@jacobsidford thank i got it now
CamperBot
@camperbot
Nov 11 2016 04:30
marv31 sends brownie points to @jacobsidford :sparkles: :thumbsup: :sparkles:
:cookie: 160 | @jacobsidford |http://www.freecodecamp.com/jacobsidford
marv31
@marv31
Nov 11 2016 04:30
thanks for the help
Jacob Sidford
@jacobsidford
Nov 11 2016 04:30
@Fofster99
Assuming you can follow code mentioned above to understand class creation, the class is
.silver-background{
background-color:silver;
}
@RuinIsProbablyTaken dream of the day a cute girl goes "@jacob" </3
Malav Shah
@malavshahce
Nov 11 2016 04:31
For div class you need to do like this
Fofster99
@Fofster99
Nov 11 2016 04:31
Yes I did that but it keeps telling me its wrong. @jacobsidford
lucky bogoadjera
@bogos1
Nov 11 2016 04:32
pls just show me pls. @malavshahce
Malav Shah
@malavshahce
Nov 11 2016 04:32
<div class ="silver-background">;
@Fofster99 @bogos1
lucky bogoadjera
@bogos1
Nov 11 2016 04:32
even me i try all but still not working
Malav Shah
@malavshahce
Nov 11 2016 04:32
It is coz you need to define class
lucky bogoadjera
@bogos1
Nov 11 2016 04:34

can you just show me pls. this my coding. <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;
}
.sliver-background {
background-color: silver
}

</style>

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

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

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

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

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

where will i put it because only one working but the seconfd one is not
Jacob Sidford
@jacobsidford
Nov 11 2016 04:34
@bogos1
You didn't put your silver-background into an element class?
Fofster99
@Fofster99
Nov 11 2016 04:34
It worked thank you guys for your help @bogos1 @malavshahce @jacobsidford
CamperBot
@camperbot
Nov 11 2016 04:34
fofster99 sends brownie points to @bogos1 and @malavshahce and @jacobsidford :sparkles: :thumbsup: :sparkles:
:cookie: 161 | @jacobsidford |http://www.freecodecamp.com/jacobsidford
:cookie: 43 | @bogos1 |http://www.freecodecamp.com/bogos1
Malav Shah
@malavshahce
Nov 11 2016 04:34
Place at which <div> is there you just need to add what code I wrote previously
CamperBot
@camperbot
Nov 11 2016 04:34
:cookie: 75 | @malavshahce |http://www.freecodecamp.com/malavshahce
Malav Shah
@malavshahce
Nov 11 2016 04:35
@bogos1
lucky bogoadjera
@bogos1
Nov 11 2016 04:35
okay
Jacob Sidford
@jacobsidford
Nov 11 2016 04:35
also on the class declaration, you didn't put a semi colon on the end of background-color:silver
@bogos1
Malav Shah
@malavshahce
Nov 11 2016 04:35
There is an error after silver you need to put";"
@bogos1
lucky bogoadjera
@bogos1
Nov 11 2016 04:36
okay
thnks
Jacob Sidford
@jacobsidford
Nov 11 2016 04:41
Just going to say, that wordBlanks javascript challenge needs a better description.
I was very confused.
Annu Nirmal
@annunirmal
Nov 11 2016 04:41
can anyone pointout my mistake
http://codepen.io/nirmalannu/pen/oYbpmv
Jacob Sidford
@jacobsidford
Nov 11 2016 04:42
@annunirmal
What's the mistake?
You didn't put any content in?
Girzima
@Girzima
Nov 11 2016 04:43
@annunirmal Bootstrap CSS wasn't added, no content, and your row isn't in a container
Annu Nirmal
@annunirmal
Nov 11 2016 04:44
@Girzima thanks
CamperBot
@camperbot
Nov 11 2016 04:44
annunirmal sends brownie points to @girzima :sparkles: :thumbsup: :sparkles:
:cookie: 433 | @girzima |http://www.freecodecamp.com/girzima
lucky bogoadjera
@bogos1
Nov 11 2016 04:46
@malavshahce man am so confuse serious. still i can only one. what am i doing wrong. Your div element should have a silver background.
HikerGrimes
@HikerGrimes
Nov 11 2016 04:46
I need to give my form element a green background, can someone tell me what I'm doing wrong?
<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>
Girzima
@Girzima
Nov 11 2016 04:47
@HikerGrimes Change the color in CSS
target id in CSS with # before the id name
HikerGrimes
@HikerGrimes
Nov 11 2016 04:48
@Girzima Thank you, I think I put the background color on the wrong place.
CamperBot
@camperbot
Nov 11 2016 04:48
hikergrimes sends brownie points to @girzima :sparkles: :thumbsup: :sparkles:
:cookie: 434 | @girzima |http://www.freecodecamp.com/girzima
Girzima
@Girzima
Nov 11 2016 04:48
yep
Jacob Sidford
@jacobsidford
Nov 11 2016 04:49
If you wanted to do it inline, it'd be :
<form action="/submit-cat-photo" id="cat-photo-form" style=" background-color:green;">
I do far too much inline styling myself tbh haha
Girzima
@Girzima
Nov 11 2016 04:50
If they were to do it inline the ID wouldn't be needed
Jacob Sidford
@jacobsidford
Nov 11 2016 04:50
I just saw he put it inline, thought I'd add how since you mentioned the ID already.
HikerGrimes
@HikerGrimes
Nov 11 2016 04:50
@Girzima Actually that didn't work.
Girzima
@Girzima
Nov 11 2016 04:50
@HikerGrimes then you did it wrong
HikerGrimes
@HikerGrimes
Nov 11 2016 04:52
<style>
.red-text {
color: red;
}
.green-background {
color: green;
}
<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>
Where did I do it wrong?
Girzima
@Girzima
Nov 11 2016 04:53
@HikerGrimes you didn't target it right and you're changing the background color, not color
you're targeting the ID cat-photo-form
also remove the # before id
in your html
proper syntax for targeting an ID in css is # before it as you would . before a class
#IdName{}
lucky bogoadjera
@bogos1
Nov 11 2016 04:55
@Girzima do youhave idea on this pls.
Your div element should have a silver background.
HikerGrimes
@HikerGrimes
Nov 11 2016 04:55
@bogos1 Could you tell me whats wrong with my code then? lol
Girzima
@Girzima
Nov 11 2016 04:55
@bogos1 apply a class with the class name they're asking you to your div and style it in CSS
@HikerGrimes Did you read what I wrote?
lucky bogoadjera
@bogos1
Nov 11 2016 04:56
@Girzima this what i did and its correct
<div>
<div class ="silver-background">;
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
</div>
HikerGrimes
@HikerGrimes
Nov 11 2016 04:57
@Girzima Ya but I've been doing this two days so I'm trying to figure it out. I mean I haven't done CSS yet.
lucky bogoadjera
@bogos1
Nov 11 2016 04:57
but the other its not correct. which is this.. Your div element should have a silver background.
Girzima
@Girzima
Nov 11 2016 04:57
@bogos1 why do you have another opening div tag above the second one? Also the semi colon isn't needed
HikerGrimes
@HikerGrimes
Nov 11 2016 04:58
@bogos1 It needs a green background.
Girzima
@Girzima
Nov 11 2016 04:58
@HikerGrimes Well I told you exactly what needs done, let me say it again
lucky bogoadjera
@bogos1
Nov 11 2016 04:58
i have been on this for a day now cn you just show me pls if its okay with you
Manish Giri
@Manish-Giri
Nov 11 2016 04:58
@bogos1 show all of your code
lucky bogoadjera
@bogos1
Nov 11 2016 04:59
@Girzima its not green silver they said
this the question.
Your div element should have a silver background.

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

.smaller-image {
width: 100px;
}


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

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

Girzima
@Girzima
Nov 11 2016 04:59
@HikerGrimes Remove the # before #id="cat-photo-form" . # is used in CSS when you target an ID, the same way . is when you target a class.
HikerGrimes
@HikerGrimes
Nov 11 2016 05:00
@bogos1 The silver background is a different question, this one says my form element needs a green background.
@bogos1 This is a different question, I already have a silver background. I'm literally looking at the question right now. i just need to know how to give my form element a green background.
<style>
.red-text {
color: red;
}
.green-background {
color: green;
}
Girzima
@Girzima
Nov 11 2016 05:02
I give up
HikerGrimes
@HikerGrimes
Nov 11 2016 05:02
<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>
Girzima
@Girzima
Nov 11 2016 05:02
@RuinIsProbablyTaken shoot me
Manish Giri
@Manish-Giri
Nov 11 2016 05:02

@bogos1 step 1

<div class ="silver-background">;

remove the ; at the end

lucky bogoadjera
@bogos1
Nov 11 2016 05:03
@Manish-Giri . yeah i did already and it work
Manish Giri
@Manish-Giri
Nov 11 2016 05:03
@bogos1 step 2
add a class called silver-background in between the style tags, and in between the {}, add background-color : silver;
HikerGrimes
@HikerGrimes
Nov 11 2016 05:03
@Girzima I would like to follow your advice but all I need to know is how to give my form element a green background.
Girzima
@Girzima
Nov 11 2016 05:03
@HikerGrimes I explained it twice what you had to do
lucky bogoadjera
@bogos1
Nov 11 2016 05:03
@Manish-Giri . okay let me do it and i will show you
Joshua S Lee
@93leejoshua
Nov 11 2016 05:04
hahahaha
its ok girzima
i might need someone's help soon too
I'm keep stabbing at this though
Girzima
@Girzima
Nov 11 2016 05:05
@HikerGrimes you're targeting a class that doesn't exist when you're supposed to be targeting an ID. I told you how to target an ID and fix your html
Jacob Sidford
@jacobsidford
Nov 11 2016 05:05
@HikerGrimes
Just message me the code and instructions.
I'll just do it all for you to copy and paste.
HikerGrimes
@HikerGrimes
Nov 11 2016 05:05
@Girzima And I asked how to give my form element a green background, I already fixed those.
lucky bogoadjera
@bogos1
Nov 11 2016 05:06
@Manish-Giri . you mean like this <div class = "silver-background">
.sliver-background {
background-color: silver";
}
right
sorry this .sliver-background {
background-color: silver;
}
Girzima
@Girzima
Nov 11 2016 05:06
@HikerGrimes You didn't fix them when you pasted your updated code
Pedro Juan
@PedroJuan91
Nov 11 2016 05:06
guys? why class in <style> didnt respond? i code it .red-text {color: red;} but it didnt color red.. pls help.. im stuuuuuck
slri
@slri
Nov 11 2016 05:07
@Girzima :gun:
__mifflin__
@cdrainxv
Nov 11 2016 05:07
shots fired
Joshua S Lee
@93leejoshua
Nov 11 2016 05:08
ok im sorry
i need help
sheetal srivastava
@sheetal-23
Nov 11 2016 05:08
hi all this is how i got green background ....hope this helps

<!DOCTYPE html>

<html lang="en">
<head>
<title>Cats</title>

<style>

.red-text {
color: red;
}
.green-background{
background-color: green;
}

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

.smaller-image {
width: 100px;
}
</style>
</head>
<body class="green-background">

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


</body>
</html>

Joshua S Lee
@93leejoshua
Nov 11 2016 05:08
I dont understand the "id attribute"
lucky bogoadjera
@bogos1
Nov 11 2016 05:08

@Manish-Giri man i did as you said look.. <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;
}


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

</style>

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

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

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

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

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

Joshua S Lee
@93leejoshua
Nov 11 2016 05:08
oh no
im getting drowned out
lucky bogoadjera
@bogos1
Nov 11 2016 05:08
but still only one work
HikerGrimes
@HikerGrimes
Nov 11 2016 05:08
@Girzima Honestly I'm completely lost, I thought I had to remove the # from in front of my ID, but then I need to target my ID with a #. And then on top of that I still have no clue how to fix my code and give my form element a green background.
Girzima
@Girzima
Nov 11 2016 05:08
@93leejoshua what don't you understand about it
Joshua S Lee
@93leejoshua
Nov 11 2016 05:09
uh
Jacob Sidford
@jacobsidford
Nov 11 2016 05:09

@PedroJuan91
To declare the class:

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

To implement it to your element

<h2 class="red">
Joshua S Lee
@93leejoshua
Nov 11 2016 05:09
so do I need to <h2 id= in the style area?
I dont understand the function of this id
Is it a shortcut for the h2 element?
Girzima
@Girzima
Nov 11 2016 05:09
And I don't understand your question
Joshua S Lee
@93leejoshua
Nov 11 2016 05:09
hmm
ok give me asec
let me try to rephrase it
Girzima
@Girzima
Nov 11 2016 05:10
An id is a unique selector
Jacob Sidford
@jacobsidford
Nov 11 2016 05:10
@93leejoshua
An ID is used similarly to a class for most concepts, you just classify it with css the same as a class.
E.g.
<style>
#red{
color:red;
}
</style>
Joshua S Lee
@93leejoshua
Nov 11 2016 05:10

Here's an example of how you give your h2 element the id of cat-photo-app:

<h2 id="cat-photo-app">

Give your form element the id cat-photo-form.

So that is what its asking
Jacob Sidford
@jacobsidford
Nov 11 2016 05:10
and yea, it's meant to me unique
Girzima
@Girzima
Nov 11 2016 05:10
Classes can be used for multiple elements, IDs can only be used once
Pedro Juan
@PedroJuan91
Nov 11 2016 05:10
tnks @jacobsidford
Girzima
@Girzima
Nov 11 2016 05:10
multiple times, rather
Jacob Sidford
@jacobsidford
Nov 11 2016 05:10
ID's can definitely be used multiple times, but should only be used once
Joshua S Lee
@93leejoshua
Nov 11 2016 05:10
where do you put that <h2 id="cat-photo-form>
__mifflin__
@cdrainxv
Nov 11 2016 05:10
@bogos1: You have a loose: <div>, and its .silver-background not .sliver-background
Joshua S Lee
@93leejoshua
Nov 11 2016 05:10
do I put it in the style element
Jacob Sidford
@jacobsidford
Nov 11 2016 05:11
because ID's can also have other functions such as scrolling to a point on a page or expanding a div.
Joshua S Lee
@93leejoshua
Nov 11 2016 05:11
or does that all fit in the form element
ahhh
Victor Arias
@VictorArias24
Nov 11 2016 05:11
Hi have a problem in crate a form element
please help
Jacob Sidford
@jacobsidford
Nov 11 2016 05:11
it goes in place of a class.
Treat it similarly for basic styling
Joshua S Lee
@93leejoshua
Nov 11 2016 05:11
hmm ok
let me give it a shot
Victor Arias
@VictorArias24
Nov 11 2016 05:12
Nest your text input element within a form element.
and my answer is
<form action="/submit-cat-photo"> </form>
Jacob Sidford
@jacobsidford
Nov 11 2016 05:12
@VictorArias24
<form action="/submit-cat-photo">
  <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
  <label><input type="checkbox" name="personality" checked> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input type="checkbox" name="personality"> Energetic</label>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
Victor Arias
@VictorArias24
Nov 11 2016 05:12
I don't understand
Jacob Sidford
@jacobsidford
Nov 11 2016 05:12
I swear I'm just going to keep a copy and paste file for all these answers hahaha
Girzima
@Girzima
Nov 11 2016 05:12
@VictorArias24 Your input goes inside your form
HikerGrimes
@HikerGrimes
Nov 11 2016 05:13
@VictorArias24 Most of the advice I've gotten sounds like this, target your element, untarget it, count the number of letters typed in your code, copy it, delete it, paste it again, smash your computer with a hammer, and then throw it off a bridge.
Victor Arias
@VictorArias24
Nov 11 2016 05:13
ahhhh ok thanks
@jacobsidford
Girzima
@Girzima
Nov 11 2016 05:13
@HikerGrimes Reset your code
Victor Arias
@VictorArias24
Nov 11 2016 05:13
@Girzima
Jacob Sidford
@jacobsidford
Nov 11 2016 05:13
dammit, because you did it in two messages I didn't get the points haha
Joshua S Lee
@93leejoshua
Nov 11 2016 05:13
hey i got it
but i still dont understand what that did
lol
Girzima
@Girzima
Nov 11 2016 05:14
@93leejoshua What did you do and i'll explain it
Joshua S Lee
@93leejoshua
Nov 11 2016 05:15
@Girzima ok ill copy and paste it
lucky bogoadjera
@bogos1
Nov 11 2016 05:15
@cdrainxv . pls can you just show me
Joshua S Lee
@93leejoshua
Nov 11 2016 05:16

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

<form id="cat-photo-form">

<form id="cat-photo-form">

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

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

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

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

__mifflin__
@cdrainxv
Nov 11 2016 05:16

@VictorArias24: This is your text input element:
<input type="…" placeholder="…">
This is a nesting example:

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

In the ex. the p element is nested/placed inside the div element.
So… nest your input element inside your form element.

Ed
@edyiot
Nov 11 2016 05:16
how do I create a text-primary class in an h element ?
Joshua S Lee
@93leejoshua
Nov 11 2016 05:16
@Girzima so I basically just added the line <form id="cat-photo-form">
and it allowed me to pass
but on the next step, that isn't how it's written
HikerGrimes
@HikerGrimes
Nov 11 2016 05:16
@Girzima <style>
.red-text {
color: red;
}
.green-background {
color: green;
}
Victor Arias
@VictorArias24
Nov 11 2016 05:17
@cdrainxv thank you very much for you help
CamperBot
@camperbot
Nov 11 2016 05:17
victorarias24 sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:cookie: 858 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Girzima
@Girzima
Nov 11 2016 05:17
@93leejoshua why are there two form opening tags at the top
Joshua S Lee
@93leejoshua
Nov 11 2016 05:17
oh
HikerGrimes
@HikerGrimes
Nov 11 2016 05:17
@Girzima <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>
Joshua S Lee
@93leejoshua
Nov 11 2016 05:17
i think that was a mistake when I went back a step
but thats all i did
Girzima
@Girzima
Nov 11 2016 05:17
@HikerGrimes You didn't reset your code
__mifflin__
@cdrainxv
Nov 11 2016 05:18
@edyiot: No such thing as a h element, though there areh1-h6 elements. Add a class to an element example:
<h2 class="red-text">CatPhotoApp</h2>
HikerGrimes
@HikerGrimes
Nov 11 2016 05:18
@Girzima No I didnt because I don't need to, I just need to know whats wrong with it.
Joshua S Lee
@93leejoshua
Nov 11 2016 05:18
@Girzima but basically in the next step, they have the "id" nested in the form element
Girzima
@Girzima
Nov 11 2016 05:18
@93leejoshua you add the ID to the pre-existing form
which I don't see
HikerGrimes
@HikerGrimes
Nov 11 2016 05:18
@Girzima And I need to know more than just targeting and untargeting my ID or whatever.
Joshua S Lee
@93leejoshua
Nov 11 2016 05:18
hmmmm
@Girzima ok let me take a look at it one more time
Ed
@edyiot
Nov 11 2016 05:19
@cdrainxv thank you!
CamperBot
@camperbot
Nov 11 2016 05:19
edyiot sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:cookie: 859 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Girzima
@Girzima
Nov 11 2016 05:19
@HikerGrimes I'm so confused man. What challenge are you on exactly?
HikerGrimes
@HikerGrimes
Nov 11 2016 05:19
@Girzima The challenge is giving my form element a green background.
Manish Giri
@Manish-Giri
Nov 11 2016 05:20
@bogos1 did you get thru
__mifflin__
@cdrainxv
Nov 11 2016 05:20
@bogos1: I pointed out your errors already:
  • remove <div>
  • in your style tags… .silver-background… check your spelling.
HikerGrimes
@HikerGrimes
Nov 11 2016 05:20
@Girzima But its Use an ID Attribute to Style an Element.
@Girzima But really I just need to know how to gibe my form element a green background.
Girzima
@Girzima
Nov 11 2016 05:21
@HikerGrimes Last time I'm explaining this. Remove the # before #id="cat-photo-form", remove background-color="green". In CSS target the ID using a # before the name like so #cat-photo-form
Manish Giri
@Manish-Giri
Nov 11 2016 05:22
@Girzima lol, arent you a ray of sunshine today :smile:
lucky bogoadjera
@bogos1
Nov 11 2016 05:22
@Manish-Giri i did not and my spellins are correct
i dont know why mine is different
Manish Giri
@Manish-Giri
Nov 11 2016 05:22
@bogos1 copy paste your challenge URL here from the browser
lucky bogoadjera
@bogos1
Nov 11 2016 05:22
@Manish-Giri https://www.freecodecamp.com/challenges/give-a-background-color-to-a-div-element#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%0A.sliver-background%7B%0Abackground-color%3A%20silver%3B%0A%7D%0A%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%3Cdiv%3E%0A%20%20%3Cdiv%20class%20%3D%22silver-background%22%3E%0A%20%20%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%3C%2Fdiv%3E%0A%0A%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%20checked%3E%20Indoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%20checked%3E%20Loving%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Energetic%3C%2Flabel%3E%0A%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%3C%2Fform%3E%0A%0A%0A%20%20
@Manish-Giri . did you get it
Joshua S Lee
@93leejoshua
Nov 11 2016 05:23
oh no bogos
what is that
Manish Giri
@Manish-Giri
Nov 11 2016 05:23

@bogos1

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

really? sliver?

Girzima
@Girzima
Nov 11 2016 05:23
@HikerGrimes correct syntax for adding an ID in your HTML is id="id-name". You mistook what I told you originally about adding a # to it, when I meant to the CSS part when you target it #id-name
Ed
@edyiot
Nov 11 2016 05:24

question... @ 85. I have this <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.
lucky bogoadjera
@bogos1
Nov 11 2016 05:24
i @Manish-Giri i get it thank
CamperBot
@camperbot
Nov 11 2016 05:24
bogos1 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
HikerGrimes
@HikerGrimes
Nov 11 2016 05:24
@Girzima <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>
What else do I need to do?
CamperBot
@camperbot
Nov 11 2016 05:24
:star2: 2230 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Nov 11 2016 05:25
@bogos1 np
lucky bogoadjera
@bogos1
Nov 11 2016 05:25
maybe its just my mind is busy with another stuff also online hahahah thank @Manish-Giri
CamperBot
@camperbot
Nov 11 2016 05:25
bogos1 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:warning: bogos1 already gave manish-giri points
Girzima
@Girzima
Nov 11 2016 05:25
@HikerGrimes id="cat-photo-form
oops
HikerGrimes
@HikerGrimes
Nov 11 2016 05:26
@Girzima <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>
Still needs more.
No green background.
Girzima
@Girzima
Nov 11 2016 05:26
@HikerGrimes You need to change your CSS to target the ID
HikerGrimes
@HikerGrimes
Nov 11 2016 05:27
@Girzima <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>
So what else do I need to do?
Manish Giri
@Manish-Giri
Nov 11 2016 05:27
lol
Girzima
@Girzima
Nov 11 2016 05:27
omg
Manish Giri
@Manish-Giri
Nov 11 2016 05:27
you just put the # back in
come on man
slri
@slri
Nov 11 2016 05:28
@Manish-Giri @Girzima I hate when I'm in that situation, but I also love watching others struggle like this lol
HikerGrimes
@HikerGrimes
Nov 11 2016 05:28
@Manish-Giri I'm literally only doing what I'm told.
Manish Giri
@Manish-Giri
Nov 11 2016 05:28
@RuinIsProbablyTaken oh you're so never in that situation
Girzima
@Girzima
Nov 11 2016 05:28
It's times like this I just copy paste the answer and say compare this and yours
slri
@slri
Nov 11 2016 05:28
@HikerGrimes Where did they say "add # in front of your id name"?
Manish Giri
@Manish-Giri
Nov 11 2016 05:28
@HikerGrimes not quite, sadly
HikerGrimes
@HikerGrimes
Nov 11 2016 05:28
@Girzima Its almost like that would make things easy.
slri
@slri
Nov 11 2016 05:29
@Manish-Giri I was stuck with people like that many times whachu mean
HikerGrimes
@HikerGrimes
Nov 11 2016 05:29
He said to remove the #, so I did. Then I was told to target cat-photos with a #, so I did, then I was told I need to target something in CSS.
Girzima
@Girzima
Nov 11 2016 05:30
I said you need to change your CSS
__mifflin__
@cdrainxv
Nov 11 2016 05:30
@Manish-Giri: :point_up: November 10, 2016 10:20 PM :point_up: November 10, 2016 10:10 PM… I’m done… :worried:
Girzima
@Girzima
Nov 11 2016 05:30
You reverted your HTML back to what I said to change
Manish Giri
@Manish-Giri
Nov 11 2016 05:30
@HikerGrimes CSS = everything between the style tags
@cdrainxv aw man I feel for ya
Jacob Sidford
@jacobsidford
Nov 11 2016 05:31
hahaha
Manish Giri
@Manish-Giri
Nov 11 2016 05:31
lemme give it a shot now @HikerGrimes
Jacob Sidford
@jacobsidford
Nov 11 2016 05:31
I'm just going to find the task and copy the whole code
HikerGrimes
@HikerGrimes
Nov 11 2016 05:31
@Girzima I dont know what the hell change your CSS means lol.
Jacob Sidford
@jacobsidford
Nov 11 2016 05:31
nvm gtg
Girzima
@Girzima
Nov 11 2016 05:31
@HikerGrimes CSS is the shit between <style></style>
You need to target your ID
You're targeting a class that doesn't exist
Manish Giri
@Manish-Giri
Nov 11 2016 05:32

@HikerGrimes Read carefully

Step 1 - when you write a class name or an ID name in the HTML, it goes without any . or # respectively, so like

<p id="idName">

or

<p class="className">

see how there's no # before idName and no . before className?

@HikerGrimes following that, fix this bit
<form action="/submit-cat-photo" id="#cat-photo-form">
Walid Ashri
@walidashri
Nov 11 2016 05:33
@cdrainxv ciao
__mifflin__
@cdrainxv
Nov 11 2016 05:33
@walidashri: Bonjour… well Bonsoir… it’s night time over here.
Manish Giri
@Manish-Giri
Nov 11 2016 05:34

@HikerGrimes Step 2, CSS is what you write between these style tags

<style>
...
...
</style>

to refer a class or an ID here, you need to use . and # respectively, before the name
so if you've got an id of idName you write

#idName {
color: pink;
}

similarly if you have a class called className, you'll write

.className {
...
}
Walid Ashri
@walidashri
Nov 11 2016 05:34
@cdrainxv 9:34 am here thanks
CamperBot
@camperbot
Nov 11 2016 05:34
walidashri sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:cookie: 860 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
__mifflin__
@cdrainxv
Nov 11 2016 05:36
@walidashri: I am 11 hrs behind… time to feed the beast… thanks.
CamperBot
@camperbot
Nov 11 2016 05:36
cdrainxv sends brownie points to @walidashri :sparkles: :thumbsup: :sparkles:
:cookie: 614 | @walidashri |http://www.freecodecamp.com/walidashri
HikerGrimes
@HikerGrimes
Nov 11 2016 05:36
@Manish-Giri <style>
.red-text {
color: red;
}
.green-background {
color: green;
}
that has a .
<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>
I removed the #.
Manish Giri
@Manish-Giri
Nov 11 2016 05:37
@HikerGrimes kay, but where did you get the class green-background from?
Girzima
@Girzima
Nov 11 2016 05:37
Probably took it too literally, I see it all time time
Manish Giri
@Manish-Giri
Nov 11 2016 05:37
ha
HikerGrimes
@HikerGrimes
Nov 11 2016 05:38
@Manish-Giri "Your form element should have the background-color of green." That was copy an pasted from the question.
Manish Giri
@Manish-Giri
Nov 11 2016 05:38
@HikerGrimes does it say anywhere about using a class called green-background?
Girzima
@Girzima
Nov 11 2016 05:38
@HikerGrimes Right. Which you apply the ID, then target the ID in CSS (style)
Even then, it's background-color, not color
Manish Giri
@Manish-Giri
Nov 11 2016 05:39
@RuinIsProbablyTaken prolly a good time to chip in
Michael Scalera
@hortusEdenis
Nov 11 2016 05:39
i think i may be stuck on the same Q and it is asking to add the green background to your div element
Manish Giri
@Manish-Giri
Nov 11 2016 05:39
O.o
Michael Scalera
@hortusEdenis
Nov 11 2016 05:39
<div>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
</div>
HikerGrimes
@HikerGrimes
Nov 11 2016 05:39
@Girzima Again, I dont know what any of that means.
@Manish-Giri it says background-color
Manish Giri
@Manish-Giri
Nov 11 2016 05:40
this is just going in circles
Girzima
@Girzima
Nov 11 2016 05:40
@HikerGrimes You apply an ID with the name they told you to to your element id="cat-photo-form ... which you then target that in CSS (style) and change it
hmit208
@hmit208
Nov 11 2016 05:41
hi guys please help me "Target the same element with multiple jQuery Selectors""
Girzima
@Girzima
Nov 11 2016 05:41
Same thing you've done with classes
HikerGrimes
@HikerGrimes
Nov 11 2016 05:41
Goodnight guys, I'll see if I can get some help tomorrow.
hmit208
@hmit208
Nov 11 2016 05:41
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("shake");
$("#target1").addClass("animated");
$("#target1").addClass("shake");
$("#target1").addClass("btn-prinmary");
});
__mifflin__
@cdrainxv
Nov 11 2016 05:41

@HikerGrimes:

For reference:

<style>
 selector {
 property: value;
}
</style>
  • selector:
    if it is a class: add. before class name. Ex: .red-text, etc
    if it is an element: add just the element name. Ex: p or h2, etc
    if it is an id: add # before the id name. Ex: #orange-text, etc
  • property:
    can be things you can change. Ex: color or font-size, etc
  • value:
    how you want to change the property: Ex: 16px increases size of property, pink changes color of property.

background-color is a property.

Manish Giri
@Manish-Giri
Nov 11 2016 05:42
@HikerGrimes the property you're concerned with is background-color and the value you need to give it is green. That has nothing to do with a class name of green-background. You could create a class called .hikergrimes and still use it
.hikergrimes {
background-color: green;
}
Murrali
@1810msr
Nov 11 2016 05:42
HI there, i'm on the anchor text challenge and this is the challenge: Create an a element that links to http://freecatphotoapp.com and has "cat photos" as its anchor text.
HikerGrimes
@HikerGrimes
Nov 11 2016 05:43
Goodnight!
slri
@slri
Nov 11 2016 05:43
@cdrainxv @Manish-Giri I think he's just unwilling to think for himself and is expecting you to just simply give him an answer.
Manish Giri
@Manish-Giri
Nov 11 2016 05:43
@hortusEdenis not sure which challenge you're on, but you probably need a class here on this div
<div>
<p>Things cats love:</p>
Girzima
@Girzima
Nov 11 2016 05:43
@RuinIsProbablyTaken birthday kiss pls
Murrali
@1810msr
Nov 11 2016 05:43
i tried the following code and it seems like its not working: <a href="http://freecodecamp.com">"cat photos"</a>
Manish Giri
@Manish-Giri
Nov 11 2016 05:43
o.O
__mifflin__
@cdrainxv
Nov 11 2016 05:43
@hmit208: It’s just one class per target:
  • button —> animated
  • .btn —> shake
  • #target1 —> btn-primary
Girzima
@Girzima
Nov 11 2016 05:43
@1810msr wrong url
slri
@slri
Nov 11 2016 05:43
@Girzima Get lost lol
Manish Giri
@Manish-Giri
Nov 11 2016 05:43
are we getting kisses now
O.o
rezaaphlevi
@rezaaphlevi
Nov 11 2016 05:43
can someone help me with this? Nest the existing img element within an a element.
Girzima
@Girzima
Nov 11 2016 05:44
@1810msr also quotes around cat photos aren't needed
Michael Scalera
@hortusEdenis
Nov 11 2016 05:44
@Manish-Giri
Girzima
@Girzima
Nov 11 2016 05:44
@Manish-Giri :kiss:
no homo
Manish Giri
@Manish-Giri
Nov 11 2016 05:44
:runner:
:running:
Girzima
@Girzima
Nov 11 2016 05:45
@RuinIsProbablyTaken rude
Manish Giri
@Manish-Giri
Nov 11 2016 05:45
@hortusEdenis not a mind reader, so not sure what tagging me is supposed to mean
Murrali
@1810msr
Nov 11 2016 05:45
@Girzima - thanks - changed all that but still getting error
CamperBot
@camperbot
Nov 11 2016 05:45
1810msr sends brownie points to @girzima :sparkles: :thumbsup: :sparkles:
:cookie: 435 | @girzima |http://www.freecodecamp.com/girzima
Girzima
@Girzima
Nov 11 2016 05:46
@1810msr Post your url please
Michael Scalera
@hortusEdenis
Nov 11 2016 05:46
@Manish-Giri im on "Give a Background Color" to a Div Element and the directions say "create a class called silver-background with the background-color of silver. Assign this class to your div element." and sorry didnt mean to press enter the first time
Manish Giri
@Manish-Giri
Nov 11 2016 05:46
@hortusEdenis did you add the class part to the div like I said?
__mifflin__
@cdrainxv
Nov 11 2016 05:47
@Girzima @Manish-Giri: Oh, shit… he just left… :laughing: … thanks for helping attempting to help him/her out.
CamperBot
@camperbot
Nov 11 2016 05:47
cdrainxv sends brownie points to @girzima and @manish-giri :sparkles: :thumbsup: :sparkles:
:cookie: 436 | @girzima |http://www.freecodecamp.com/girzima
:star2: 2231 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Nov 11 2016 05:47
lol
Michael Scalera
@hortusEdenis
Nov 11 2016 05:48
@Manish-Giri yes and it just goes on the app as text <div>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
.sliver-background {bakground-color:silver;}
</div>
Manish Giri
@Manish-Giri
Nov 11 2016 05:48
we're so evil
:disappointed:
why are ppl spelling silver as sliver today

@hortusEdenis this part goes b/w style tags

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

and silver not sliver

__mifflin__
@cdrainxv
Nov 11 2016 05:49
ahah
@hortusEdenis : Also background-color
Doug
@doug20000
Nov 11 2016 05:50
Hi all, having a bit of trouble with my portfolio page. On the page I've created text boxes that I want partially transparent. I've accomplished this, however the text/content within those boxes is also set as transparent now. How do I prevent that? http://codepen.io/doug20000/pen/VmLrJZ?editors=1100
Murrali
@1810msr
Nov 11 2016 05:50
@Girzima <a href="http://freecatphotoapp.com">cat photos</a>
Girzima
@Girzima
Nov 11 2016 05:51
@1810msr that's not a url
Murrali
@1810msr
Nov 11 2016 05:51
Still am gettting the 2 errors: Your a element should have the anchor text of "cat photos".
You need an a element that links to http://freecatphotoapp.com
Girzima
@Girzima
Nov 11 2016 05:51
I meant your challenge url
Murrali
@1810msr
Nov 11 2016 05:51
https://www.freecodecamp.com/challenges/link-to-external-pages-with-anchor-elements#?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%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%20%3Ca%20href%3D%22http%3A%2F%2Ffreecodecamp.com%22%3E%22cat%20photos%22%3C%2Fa%3E%20%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
Girzima
@Girzima
Nov 11 2016 05:52
uh works fine for me when I change the url
Michael Scalera
@hortusEdenis
Nov 11 2016 05:52
@Manish-Giri what do you mean by b/w style tags?
__mifflin__
@cdrainxv
Nov 11 2016 05:53
@1810msr: your href value should be "http://freecatphotoapp.com"
Manish Giri
@Manish-Giri
Nov 11 2016 05:53
@hortusEdenis b/w = between
Girzima
@Girzima
Nov 11 2016 05:53
<a href="http://freecatphotoapp.com">
__mifflin__
@cdrainxv
Nov 11 2016 05:53
isn’t between = b/t?
Murrali
@1810msr
Nov 11 2016 05:54
<a href="http://freecatphotoapp.com">cat photos</a> is what i have in the ode
hmit208
@hmit208
Nov 11 2016 05:54
@cdrainxv my code:
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("shake");
$("#target1").addClass("btn-prinmary");
});
and my fault:
Murrali
@1810msr
Nov 11 2016 05:54
code
hmit208
@hmit208
Nov 11 2016 05:54
Your #target1 element should have the classes animated‚ shake and btn-primary.
Manish Giri
@Manish-Giri
Nov 11 2016 05:54
b/t = bluetooth
Daniel
@profoundhub
Nov 11 2016 05:54
@hmit208 I'll pm you
Ed
@edyiot
Nov 11 2016 05:54
Give your button element with the id target1 the text #target1. How do I give text to a button ?
__mifflin__
@cdrainxv
Nov 11 2016 05:54
@hmit208: spelling error here: btn-prinmary
it’s btn-primary
hmit208
@hmit208
Nov 11 2016 05:55
OMG :(((
Ed
@edyiot
Nov 11 2016 05:55
scratch that, I'm just being stupid
Girzima
@Girzima
Nov 11 2016 05:55
@1810msr <a href="http://freecatphotoapp.com">cat photos</a>
__mifflin__
@cdrainxv
Nov 11 2016 05:55
@edyiot: :smile: :clap:
hmit208
@hmit208
Nov 11 2016 05:56
thanks so much @cdrainxv :D
CamperBot
@camperbot
Nov 11 2016 05:56
hmit208 sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:cookie: 861 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
__mifflin__
@cdrainxv
Nov 11 2016 05:56
@hmit208: No problem… :smile:
Daniel
@profoundhub
Nov 11 2016 05:56
@hmit208 need some help?
Murrali
@1810msr
Nov 11 2016 05:56

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

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

<a href="http://freecatphotoapp.com">cat photos</a>

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

Daniel
@profoundhub
Nov 11 2016 05:57
@1810msr need some help?
__mifflin__
@cdrainxv
Nov 11 2016 05:57
@edyiot: thanks for giving it a second to linger… and remember…
CamperBot
@camperbot
Nov 11 2016 05:57
cdrainxv sends brownie points to @edyiot :sparkles: :thumbsup: :sparkles:
:cookie: 95 | @edyiot |http://www.freecodecamp.com/edyiot
Girzima
@Girzima
Nov 11 2016 05:58
@1810msr I don't understand what the problem is. It works fine for me
https://www.freecodecamp.com/challenges/link-to-external-pages-with-anchor-elements#?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%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%20%3Ca%20href%3D%22http%3A%2F%2Ffreecatphotoapp.com%22%3Ecat%20photos%3C%2Fa%3E%20%0A%20%20%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
Michael Scalera
@hortusEdenis
Nov 11 2016 05:58
@Manish-Giri im still not grasping what im doing wrong <div>
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
.silver-background { background-color:silver; }
</div>
Murrali
@1810msr
Nov 11 2016 05:58
@profoundhub - need help with a Link to External Pages with Anchor Elements
Daniel
@profoundhub
Nov 11 2016 05:58
@1810msr I'll message you
Murrali
@1810msr
Nov 11 2016 05:59
@Girzima - could be a bug, i'm not sure how to progress to the next challenge
Girzima
@Girzima
Nov 11 2016 06:00