These are chat archives for FreeCodeCamp/Help

10th
Mar 2017
jmanny1
@jmanny1
Mar 10 2017 00:02
can some one help me with " .container-fluid "
LuxCoder26
@LuxCoder26
Mar 10 2017 00:02
@jmanny1 yes shot
jmanny1
@jmanny1
Mar 10 2017 00:05
@bushdavid Make sure you have nested all HTML elements in .container-fluid.
RiseOfHaxers
@RiseOfHaxers
Mar 10 2017 00:05
Hello peeps
LuxCoder26
@LuxCoder26
Mar 10 2017 00:08
incorporate your HTML text between a div and make sure the div contains the class container fluid @jmanny1
<div class="container-fluid"> .....html text... </div>
@jmanny1
Hello to you @RiseOfHaxers
jmanny1
@jmanny1
Mar 10 2017 00:10
@bushdavid i have that nut it asking for .container-fluid.
not div
Michael
@mSchecky
Mar 10 2017 00:10
hello
LuxCoder26
@LuxCoder26
Mar 10 2017 00:10
@jmanny1 post your text here
*code
Michael
@mSchecky
Mar 10 2017 00:11
is it allowed to ask here for a critique of a partially finished project?
LuxCoder26
@LuxCoder26
Mar 10 2017 00:11
@mSchecky why not? lets have a look
jmanny1
@jmanny1
Mar 10 2017 00:11

@bushdavid

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

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

<div class="container-fluid">

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

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

Michael
@mSchecky
Mar 10 2017 00:11
the paragraph of text is more of a placeholder at this point
aditya adibhatta
@aditya1948
Mar 10 2017 00:12
hello guys, can any body tell me how to set text zoom 100%
Manish Giri
@Manish-Giri
Mar 10 2017 00:12

@jmanny1 create a new div, give it the class container-fluid, and put all your html inside it

<div class="container-fluid">
//all html here
</div>

HTML is all code below the closing </style> tag

Michael
@mSchecky
Mar 10 2017 00:12
it posted up there above jmannys code
aditya adibhatta
@aditya1948
Mar 10 2017 00:12

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

<h1>CatPhotoApp</h1>

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

LuxCoder26
@LuxCoder26
Mar 10 2017 00:12

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

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

<div class="container-fluid">

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
</div>
<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> ```

Manish Giri
@Manish-Giri
Mar 10 2017 00:13
@aditya1948 font-size: 16px; needs to be outside the red-text class, in a separate rule for p elements only.
Oceanolson
@3Surf
Mar 10 2017 00:14
Help.I am still doing something wrong with "size your image."
<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
.smaller-image {
width: 100px;
}
</style>
aditya adibhatta
@aditya1948
Mar 10 2017 00:14
thank you manish, let me try
jmanny1
@jmanny1
Mar 10 2017 00:14
@Manish-Giri so delet the one i have now
Bri
@BriNicole1223
Mar 10 2017 00:15
@bushdavid Yes i am trying to change the font. This is the code i used. p {
font-family: Monospace;
}
LuxCoder26
@LuxCoder26
Mar 10 2017 00:15
@mSchecky good job, notice that the link that brings you to an external page is missing
I appreciate any feedback
Michael
@mSchecky
Mar 10 2017 00:15
yep it's a work in progress just what i have so far
LuxCoder26
@LuxCoder26
Mar 10 2017 00:16
@BriNicole1223 replace the name of the font you would like to use after font-family: ...
Michael
@mSchecky
Mar 10 2017 00:16
buy as far as what i have already notice anything that can use improvements?
Andrew Shieh
@andrewlikes
Mar 10 2017 00:16
hello world :wave:
Michael
@mSchecky
Mar 10 2017 00:16
*but
Raja Sharma
@Raja-Sharma
Mar 10 2017 00:16
@andrewlikes hi
👋🏽
Andrew Shieh
@andrewlikes
Mar 10 2017 00:17
about @davidnodavid
CamperBot
@camperbot
Mar 10 2017 00:17
:cookie: 110 | @davidnodavid |http://www.freecodecamp.com/davidnodavid
Bri
@BriNicole1223
Mar 10 2017 00:17
@bushdavid replace the name to what? Im doing code camp and the question is asking me to change my p elements to monospace
Andrew Shieh
@andrewlikes
Mar 10 2017 00:18
@BriNicole1223 paste entire code
Manish Giri
@Manish-Giri
Mar 10 2017 00:18
@BriNicole1223 did you have a . before p?
LuxCoder26
@LuxCoder26
Mar 10 2017 00:20
@mSchecky perhaps you should increase the font size to the life part
aditya adibhatta
@aditya1948
Mar 10 2017 00:20
Manish i got it. thank you.
Michael
@mSchecky
Mar 10 2017 00:21
okay yeah i could def see that...
good point
Manish Giri
@Manish-Giri
Mar 10 2017 00:21
@aditya1948 :+1:
LuxCoder26
@LuxCoder26
Mar 10 2017 00:21
@BriNicole1223 then you did it, as far as you didn't put a . before p
Gammi17
@Gammi17
Mar 10 2017 00:22
How do I nest the text input element within a form element? This what I have so far : <form action="/submit-cat-photo"></form>
LuxCoder26
@LuxCoder26
Mar 10 2017 00:23
@Gammi17 try this <form action="/submit-cat-photo"> <p>some text</p> </form>
Bri
@BriNicole1223
Mar 10 2017 00:24
@bushdavid hmm its not letting me continue.
Raja Sharma
@Raja-Sharma
Mar 10 2017 00:24
@BriNicole1223 what's your code for that question?
jmanny1
@jmanny1
Mar 10 2017 00:24
@bushdavid still nothing
LuxCoder26
@LuxCoder26
Mar 10 2017 00:25
@BriNicole1223 post ALL tour code here
jmuir1001
@jmuir1001
Mar 10 2017 00:26
i feel dumb for getting stuck so early in the map but I'm having trouble changing the size of the image
LuxCoder26
@LuxCoder26
Mar 10 2017 00:27

@Gammi17 sorry i made a mistake

<form action="/submit-cat-photo"> <input type="text" name="fname"> </form>

Bri
@BriNicole1223
Mar 10 2017 00:27
@bushdavid Im sorry i feel dumb, I can't copy my full code
Fredsamp
@Fredsamp
Mar 10 2017 00:27
Hello
jmuir1001
@jmuir1001
Mar 10 2017 00:27
am i supposed to place the code inside the style section or the image section?
LuxCoder26
@LuxCoder26
Mar 10 2017 00:27
what's the number of the callenge in the map? @BriNicole1223
jmuir1001
@jmuir1001
Mar 10 2017 00:28
Hey @Fredsamp
Manish Giri
@Manish-Giri
Mar 10 2017 00:28
@BriNicole1223 post your challenge URL (from the address bar of your browser) here. Click "run tests" first..
Bri
@BriNicole1223
Mar 10 2017 00:29
@Manish-Girihttps://www.freecodecamp.com/challenges/set-the-font-family-of-an-element#?solution=%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%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0Ap%20%7B%0A%20font-family%3A%20Monospace%3B%0A%7D%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%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
@bushdavid No number it just say set the font family of an element
Manish Giri
@Manish-Giri
Mar 10 2017 00:30

@BriNicole1223 this part -

p {
 font-family: Monospace;
}

goes between the style tags up top

@BriNicole1223 notice that you've already made a declaration for p in the style tags -

 p {
    font-size: 16px;
  }

all you need to do is add font-family: Monospace; to that

so it should look like -
 p {
    font-size: 16px;
    font-family:....;
  }
you can merge rules for the same selector (p in this case) into one single style rule.
Bri
@BriNicole1223
Mar 10 2017 00:32
@Manish-Giri ahhh okay let me try real quick!
@Manish-Giri Thank you so much, that worked!
CamperBot
@camperbot
Mar 10 2017 00:33
brinicole1223 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4684 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Mar 10 2017 00:33
@BriNicole1223 :sparkles:
wissmesa
@wissmesa
Mar 10 2017 00:33
guys
one question
$(document).ready(function() {});
they want a closing tag
how i put closing tag with script
?
Manish Giri
@Manish-Giri
Mar 10 2017 00:35
<script>...</script>
wissmesa
@wissmesa
Mar 10 2017 00:35
oh thx
Neal
@njordan9
Mar 10 2017 00:39
blob
jmanny1
@jmanny1
Mar 10 2017 00:39
still having problems with --- Make sure you have nested all HTML elements in .container-fluid.
Neal
@njordan9
Mar 10 2017 00:39
any idea why my row isn't centered? shouldn't it be there by default?
LuxCoder26
@LuxCoder26
Mar 10 2017 00:40
@jmanny1 post the url here
Neal
@njordan9
Mar 10 2017 00:41
Nevermind! It's working
jmanny1
@jmanny1
Mar 10 2017 00:41

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

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

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>

<div class="container-fluid"><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/></div>
<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>

@bushdavid and i have my div is there

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

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

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>

<div class="container-fluid"><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/></div>
<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>

LuxCoder26
@LuxCoder26
Mar 10 2017 00:43
@jmanny1 the html elements starts from the first h2
@jmanny1 just under the </style>
@jmanny1 and you have to close the div at the end of the </form> with </div>
Alex
@Cooparr
Mar 10 2017 00:46
@jmanny1 also slight spelling mistake you have typed .contrainer-fluid instead of .container
Arthur Miguel
@LShybrid1980
Mar 10 2017 00:48
I am new to coding... I am trying to do the personal portfolio webpage... I am stuck on how to do the header... I tried to put a background with text and buttons on it then I tried padding, nothing works for me... any suggestions?
jmanny1
@jmanny1
Mar 10 2017 00:48
@Cooparr @bushdavid thank no one was able to help me for like a hour
CamperBot
@camperbot
Mar 10 2017 00:48
jmanny1 sends brownie points to @cooparr and @bushdavid :sparkles: :thumbsup: :sparkles:
:cookie: 122 | @bushdavid |http://www.freecodecamp.com/bushdavid
:cookie: 66 | @cooparr |http://www.freecodecamp.com/cooparr
LuxCoder26
@LuxCoder26
Mar 10 2017 00:49
@njordan9 the col elements you created are in the same raw
if you want to have one project for each row you have to replace col-md-3 with col-md-12
@jmanny1 no probs 👍
Neal
@njordan9
Mar 10 2017 00:50
@bushdavid thanks! I'm just starting to understand the bootstrap grid system
CamperBot
@camperbot
Mar 10 2017 00:50
njordan9 sends brownie points to @bushdavid :sparkles: :thumbsup: :sparkles:
:cookie: 123 | @bushdavid |http://www.freecodecamp.com/bushdavid
LuxCoder26
@LuxCoder26
Mar 10 2017 00:51
@njordan9 try this http://shoelace.io/
@njordan9 however i also recommend you to use ms instead of md it's better for smaller displays
Neal
@njordan9
Mar 10 2017 00:52
@bushdavid oh cool. So it's similar to codepen but gives previews for each type of device the site would be viewed on?
LuxCoder26
@LuxCoder26
Mar 10 2017 00:53
@njordan9 yes but only for grids
it helps you build grids for pages
Alex
@Cooparr
Mar 10 2017 00:54
@jmanny1 your welcome
LuxCoder26
@LuxCoder26
Mar 10 2017 00:56
@LShybrid1980 for header you mean the navbar with - about - portfolio - contact - buttons?
ChiFutbol
@ChiFutbol
Mar 10 2017 00:58
hi there, can anyone tell me what kind of html/css would I use if I wanted just a little spacer between two divisions?
LuxCoder26
@LuxCoder26
Mar 10 2017 00:58
@njordan9 sorry sm not ms
@ChiFutbol the divs are one above another?
ChiFutbol
@ChiFutbol
Mar 10 2017 01:01
So visually I have a text box with a background centered on the page. and the next line of text after that text box starts a new text box, centered on page with its own background
I want there just to be like a line of space separating the two
LuxCoder26
@LuxCoder26
Mar 10 2017 01:01
@ChiFutbol if so you have to add a margin-bottom: ..px to the top one
ChiFutbol
@ChiFutbol
Mar 10 2017 01:01
ahhhhh
yup margin was exactly what i wanted duh. thanks @bushdavid
CamperBot
@camperbot
Mar 10 2017 01:02
chifutbol sends brownie points to @bushdavid :sparkles: :thumbsup: :sparkles:
:cookie: 124 | @bushdavid |http://www.freecodecamp.com/bushdavid
LuxCoder26
@LuxCoder26
Mar 10 2017 01:03
@ChiFutbol you're welcome
wisocool
@wisocool
Mar 10 2017 01:04
<h1 class="text-center">Crestiano Ronaldo</h1> when I view this on code pen the text is not centered and this is my first line of text
what is wrong with it
mgeezy
@mirogeezy
Mar 10 2017 01:06
Fellow mates I am doing a research for my website is anybody willing to participate in a short survey?
Ahmed
@ahmed534
Mar 10 2017 01:06
@wisocool did you define you class in the style ?
wisocool
@wisocool
Mar 10 2017 01:06
@Cooparr no ,isn't it class inorder to align the text in the center
Ahmed
@ahmed534
Mar 10 2017 01:08
<h1 class="text-center">Crestiano Ronaldo</h1>
in your style :
.text-center {
.text-center{
text-align : center
]
wisocool
@wisocool
Mar 10 2017 01:08
@ahmed534 oh do I put that in the css section
Ahmed
@ahmed534
Mar 10 2017 01:09
yes in css section
.text-center{
text-align : center}
wisocool
@wisocool
Mar 10 2017 01:09
oh so inorder for classes to work I need to define then in the css section
Indiegirl
@indiegurl
Mar 10 2017 01:09
Hello World!
Ahmed
@ahmed534
Mar 10 2017 01:10
yes you define the class in css and you point to that class in html
(sry dunno how to show the code properly)
wisocool
@wisocool
Mar 10 2017 01:11
@ahmed534 thanks, I'm doing the tribute page assignment and it can be so frustrating
CamperBot
@camperbot
Mar 10 2017 01:11
wisocool sends brownie points to @ahmed534 :sparkles: :thumbsup: :sparkles:
:cookie: 37 | @ahmed534 |http://www.freecodecamp.com/ahmed534
Ahmed
@ahmed534
Mar 10 2017 01:11
you r welcome
@wisocool here it is in action : http://codepen.io/anon/pen/ryyMZP
@indiegurl hi
Arthur Miguel
@LShybrid1980
Mar 10 2017 01:13
@bushdavid Yes, for header the navbar with - about - portfolio - contact - buttons?
Indiegirl
@indiegurl
Mar 10 2017 01:14
@ahmed534
@ahmed534 Thanks!
CamperBot
@camperbot
Mar 10 2017 01:14
indiegurl sends brownie points to @ahmed534 :sparkles: :thumbsup: :sparkles:
:cookie: 38 | @ahmed534 |http://www.freecodecamp.com/ahmed534
wisocool
@wisocool
Mar 10 2017 01:15
but I looked at the code review for the tribute page which I'm not supposed to, but he didn't use any css and he centered the text @ahmed534
Arthur Miguel
@LShybrid1980
Mar 10 2017 01:15
@bushdavid Thanks
CamperBot
@camperbot
Mar 10 2017 01:15
lshybrid1980 sends brownie points to @bushdavid :sparkles: :thumbsup: :sparkles:
:cookie: 125 | @bushdavid |http://www.freecodecamp.com/bushdavid
LuxCoder26
@LuxCoder26
Mar 10 2017 01:15
it's a bit complicated but it's very helpful
@LShybrid1980
@LShybrid1980 notice that you have to change the version of bootstrap in the setting of codpen
Ahmed
@ahmed534
Mar 10 2017 01:17

@wisocool Am new here and dunno about the tribute page. But you can set the style in differrent ways.you can set it directly within the html page:

<h1 style ="text-align : center">Crestiano Ronaldo</h1>

Arthur Miguel
@LShybrid1980
Mar 10 2017 01:18
@bushdavid I did that, I tried watching some and it gives some idea but we will see.
Ahmed
@ahmed534
Mar 10 2017 01:19
@wisocool this way should work too (no css at all)
: <h1><center>Crestiano Ronaldo</center></h1>
oumaimaelelalake
@oumaimaelelalake
Mar 10 2017 01:19
can someone tell the best way to learn c# ?
me*
and c
gagejohn
@gagejohn
Mar 10 2017 01:20
hello guys
Ahmed
@ahmed534
Mar 10 2017 01:20
hi
gagejohn
@gagejohn
Mar 10 2017 01:20
are ya'll new?
Ahmed
@ahmed534
Mar 10 2017 01:20
am new
gagejohn
@gagejohn
Mar 10 2017 01:20
im currently at 24 haha.. you?
Ahmed
@ahmed534
Mar 10 2017 01:21
@oumaimaelelalake they are differrent languages : c# is object oriented but c is not
39 but it is annoying :p so easy
wisocool
@wisocool
Mar 10 2017 01:21
@ahmed534 do you know how to change the size of the h1 tag to a bigger size
gagejohn
@gagejohn
Mar 10 2017 01:22
font size?
wisocool
@wisocool
Mar 10 2017 01:22
yea
LuxCoder26
@LuxCoder26
Mar 10 2017 01:22
@LShybrid1980 👍
oumaimaelelalake
@oumaimaelelalake
Mar 10 2017 01:22
@ahmed534 no i asked what's the best way to learn c# and c
Ahmed
@ahmed534
Mar 10 2017 01:22
@wisocool in css :
h1 {
font-size : 20px;
}
gagejohn
@gagejohn
Mar 10 2017 01:23
<style>
h1 {font-size: (px);}
wisocool
@wisocool
Mar 10 2017 01:23
thanks guys @gagejohn @ahmed534
CamperBot
@camperbot
Mar 10 2017 01:23
wisocool sends brownie points to @gagejohn and @ahmed534 :sparkles: :thumbsup: :sparkles:
:warning: wisocool already gave ahmed534 points
:cookie: 25 | @gagejohn |http://www.freecodecamp.com/gagejohn
vigilante0525
@vigilante0525
Mar 10 2017 01:23
I am having a really hard time using boot strap to center an image in code pen. I got my text that was easy but the image is what I cannot get. Please help.
Ahmed
@ahmed534
Mar 10 2017 01:24
u r welcome
John James
@sojohnnysaid
Mar 10 2017 01:24
@vigilante0525 hey message me privately i'll help you
Ahmed
@ahmed534
Mar 10 2017 01:24
@vigilante0525 or poste codepen link :)
Gulsvi
@gulsvi
Mar 10 2017 01:25
@vigilante0525 This pen shows how to center images: http://s.codepen.io/skycoder/pen/xqbGor
Everyone has that problem, so there are a few options in it to help
gagejohn
@gagejohn
Mar 10 2017 01:25

you can also do this..

<style>
.Handsome {font-size: 30px;}
</style>

<h1 class=Handsome>Hahahah</h1>
@wisocool

Ahmed
@ahmed534
Mar 10 2017 01:27
@SkyCoder01 said it all :D
gagejohn
@gagejohn
Mar 10 2017 01:28
up to how long is the challenges?
Ahmed
@ahmed534
Mar 10 2017 01:29
dunno it is 400 hours so ...
vigilante0525
@vigilante0525
Mar 10 2017 01:29
thank you @SkyCoder01 @ahmed534 @sojohnnysaid
CamperBot
@camperbot
Mar 10 2017 01:29
vigilante0525 sends brownie points to @skycoder01 and @ahmed534 and @sojohnnysaid :sparkles: :thumbsup: :sparkles:
:cookie: 41 | @ahmed534 |http://www.freecodecamp.com/ahmed534
:cookie: 479 | @skycoder01 |http://www.freecodecamp.com/skycoder01
:cookie: 123 | @sojohnnysaid |http://www.freecodecamp.com/sojohnnysaid
Ahmed
@ahmed534
Mar 10 2017 01:30
how to send those brownie points ? :p
Gulsvi
@gulsvi
Mar 10 2017 01:31
:)
Alex
@Cooparr
Mar 10 2017 01:32
@ahmed534 use @... to thank someone and it should do it automatically
CamperBot
@camperbot
Mar 10 2017 01:32
cooparr sends brownie points to @ahmed534 :sparkles: :thumbsup: :sparkles:
:cookie: 42 | @ahmed534 |http://www.freecodecamp.com/ahmed534
Alex
@Cooparr
Mar 10 2017 01:32
:D
Ahmed
@ahmed534
Mar 10 2017 01:33
@Cooparr thank you
anish khatri
@anishkhatri8080
Mar 10 2017 01:34
how to use radio button
Synclair
@iSyn
Mar 10 2017 01:34
hey guys if you need some simple effects to add to your portfolio
check out http://foliofx.com
Ahmed
@ahmed534
Mar 10 2017 01:35
@Cooparr I did but didnt work :p
Thank you @iSyn
CamperBot
@camperbot
Mar 10 2017 01:36
ahmed534 sends brownie points to @isyn :sparkles: :thumbsup: :sparkles:
:cookie: 254 | @isyn |http://www.freecodecamp.com/isyn
Alex
@Cooparr
Mar 10 2017 01:37

@anishkhatri8080 do you mean for HTML?

<input type="radio">Button</input>

RookieCoder21
@RookieCoder21
Mar 10 2017 01:39
Hey everyone I am new to coding. Can someone assist me where I have gone wrong with this challenge? I am stuck on making my style sheet declare a red-text class and change it to red. I have used this code <style>.blue-text {color: blue;}</style>
Alex
@Cooparr
Mar 10 2017 01:39
@Salma80s whats the problem?
Salma80s
@Salma80s
Mar 10 2017 01:40

Hi guys. Please help. I'm stuck on creating h2 style.<h2>CatPhotoApp</h2>

<h2 style="color:red">CatPhotoApp</h2>. It showed the red color but I can't get a pass to continue to the next challenge.

Alex
@Cooparr
Mar 10 2017 01:41
@RookieCoder21 have you ensure the text you want to turn blue has class="blue-text" in the tag?
Ahmed
@ahmed534
Mar 10 2017 01:41

@RookieCoder21

<style>
.blue-text {
color: blue;
}
</style>
and in HTML set class to "blue-text"

@Salma80s set the css in the style tags on top
AoI4cc
@slntcontrol
Mar 10 2017 01:43
What's nextt
Ahmed
@ahmed534
Mar 10 2017 01:44
?
Angel Saucedo
@angelsau92
Mar 10 2017 01:45
Use a CSS Class to Style an Element? h
what am doing wrong??
RookieCoder21
@RookieCoder21
Mar 10 2017 01:46
@Cooparr I have tried this <h2 class="blue-text"/h2> seems wrong though it has flashed up all blue
Ahmed
@ahmed534
Mar 10 2017 01:46
@angelsau92 what's the problem
Alex
@Cooparr
Mar 10 2017 01:47
@RookieCoder21 <h2 class="blue-text"> Your H2 Heading </h2>
RookieCoder21
@RookieCoder21
Mar 10 2017 01:47
Ahh thank you I will give it a whirl
Paradox5
@Paradox5
Mar 10 2017 01:48
How do i learn latin in less then 20 minutes
RookieCoder21
@RookieCoder21
Mar 10 2017 01:48
be a robot?
Ahmed
@ahmed534
Mar 10 2017 01:49
@Paradox5 *than
Johnny
@JohnnyBizzel
Mar 10 2017 01:49
Lorem ipsum - it's everywhere!
RookieCoder21
@RookieCoder21
Mar 10 2017 01:51
@Cooparr it seems to have made a new Heading on top of my other one :smile: I used your code as well
Ahmed
@ahmed534
Mar 10 2017 01:52
@RookieCoder21 delete the old one then so you dont get them duplicaed. u should have only one h2 tag
RookieCoder21
@RookieCoder21
Mar 10 2017 01:53
I have this<h2>CatPhotoApp</h2> and on top this <h2 class="blue-text">CatPhotoApp</h2>
delete the first one?
Ahmed
@ahmed534
Mar 10 2017 01:53
yes
wissmesa
@wissmesa
Mar 10 2017 01:55
how i add a jquery to a with a id?
  <button class="btn btn-default target"           id="target3">#target3</button>
have this
to a id*
anish khatri
@anishkhatri8080
Mar 10 2017 01:57
Give your form element the id of cat-photo-form.
gagejohn
@gagejohn
Mar 10 2017 01:57
what does the form element do? i dont get it .. :L
Paradox5
@Paradox5
Mar 10 2017 01:57
@RookieCoder21 thanks
CamperBot
@camperbot
Mar 10 2017 01:57
paradox5 sends brownie points to @rookiecoder21 :sparkles: :thumbsup: :sparkles:
:cookie: 11 | @rookiecoder21 |http://www.freecodecamp.com/rookiecoder21
Eugene Chavez
@Geneduty98
Mar 10 2017 01:57
guys how do i make sure an element has a closing tag??
Paradox5
@Paradox5
Mar 10 2017 01:57
...
<p> hi </p>
Alternitively
You could push tab when you type out p or any other element
Which is easier
gagejohn
@gagejohn
Mar 10 2017 01:59
can someone tell me what form element do?
Kyler Smith
@Jytole
Mar 10 2017 01:59
alright, how can I center an image element in an HTML page
Paradox5
@Paradox5
Mar 10 2017 01:59
Display: block margin: 0 auto
Eugene Chavez
@Geneduty98
Mar 10 2017 01:59
ok so now is asking me to Nest them
GianC2016
@GianC2016
Mar 10 2017 01:59
Hi can someone help me with a question?
Eugene Chavez
@Geneduty98
Mar 10 2017 01:59
a should be nested within my p element
gagejohn
@gagejohn
Mar 10 2017 02:00
@Geneduty98 it means <p> <a></a> </p>
Eugene Chavez
@Geneduty98
Mar 10 2017 02:00
i hate my self... uhhh i skipped yesterday bc i came late
oh ok @gagejohn Thanks
CamperBot
@camperbot
Mar 10 2017 02:00
geneduty98 sends brownie points to @gagejohn :sparkles: :thumbsup: :sparkles:
:cookie: 32 | @gagejohn |http://www.freecodecamp.com/gagejohn
gagejohn
@gagejohn
Mar 10 2017 02:00
@Geneduty98 did u understand?
Alex
@Cooparr
Mar 10 2017 02:01

@gagejohn The <form> tag is used to create an HTML form for user input.

The <form> element can contain one or more of the following form elements:

<input>

<textarea>

<button>

<select>

<option>

<optgroup>

<fieldset>

<label>

I copied the above from here, https://www.w3schools.com/tags/tag_form.asp is good resource

Eugene Chavez
@Geneduty98
Mar 10 2017 02:01
yes i got it!!
gagejohn
@gagejohn
Mar 10 2017 02:01
@Cooparr thanks.. i finished it but i just didn't get what is the meaning of it lol. gotta be thorough
CamperBot
@camperbot
Mar 10 2017 02:01
gagejohn sends brownie points to @cooparr :sparkles: :thumbsup: :sparkles:
:cookie: 71 | @cooparr |http://www.freecodecamp.com/cooparr
wissmesa
@wissmesa
Mar 10 2017 02:02
<button class="btn btn-default target" id="target3">#target3</button>
$("#target3").addclass("fadeout").
help
they want this
Target the element with the id target3 and use the jQuery addClass() function to give it the class fadeOut
Alex
@Cooparr
Mar 10 2017 02:03
@gagejohn your welcome
wissmesa
@wissmesa
Mar 10 2017 02:03
i think that i need put the closing tag
with script only
gagejohn
@gagejohn
Mar 10 2017 02:04
which number is that @wissmesa
wissmesa
@wissmesa
Mar 10 2017 02:05
3
gagejohn
@gagejohn
Mar 10 2017 02:05
i mean challenge number
wissmesa
@wissmesa
Mar 10 2017 02:05
ah ok
4 of jquery
evasion7
@evasion7
Mar 10 2017 02:06
Hello everyone! Have a nice coding day!
HN
@haydennorthcott
Mar 10 2017 02:06

Target Even Numbered Elements Using jQuery

Is this challenge meant for actual even numbers? Or every second number?

wissmesa
@wissmesa
Mar 10 2017 02:07
Target Elements by ID Using jQuery
HN
@haydennorthcott
Mar 10 2017 02:08
Disregard. Badly worded in my opinion. I used $(".target:even").addClass("animated shake");
gagejohn
@gagejohn
Mar 10 2017 02:09
@wissmesa i was asking for the number beside your profile picture on the top right of the page.. which shows your challenge number finished :D
wissmesa
@wissmesa
Mar 10 2017 02:09
102
Ynot40
@Ynot40
Mar 10 2017 02:09

hey guys its scarce i need help on the challenge : Use the Bootstrap Grid to Put Elements Side By Side . heres the section where im confused at, <div class="row"><div class="col-xs-4"> <button class="btn btn-block btn-primary col-xs-4 ">Like</button>
<button class="btn btn-block btn-info col-xs--4">Info</button>

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

thx :smile:
Eugene Chavez
@Geneduty98
Mar 10 2017 02:10
how do i turn my a element into a dead link??
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:10
@Geneduty98 href="#"
Ynot40
@Ynot40
Mar 10 2017 02:10
@Geneduty98 put a #
ex. href="#"
Eugene Chavez
@Geneduty98
Mar 10 2017 02:10
so i remove the link??
Ynot40
@Ynot40
Mar 10 2017 02:11
yup
@Raja-Sharma thx
CamperBot
@camperbot
Mar 10 2017 02:11
ynot40 sends brownie points to @raja-sharma :sparkles: :thumbsup: :sparkles:
:cookie: 122 | @raja-sharma |http://www.freecodecamp.com/raja-sharma
Daniel
@reever33
Mar 10 2017 02:11
hi guys
Ynot40
@Ynot40
Mar 10 2017 02:11
hey
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:11
@Ynot40 so what are you having trouble with? Its not lining up?
Daniel
@reever33
Mar 10 2017 02:11
I have a basic jqeurty query
idk how to add one class to each selector adding them up for a single target...
sounds like giberish...
<script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addCLass("shake");
$("#target1").addCLass("btn-primary");
});
</script>
Hye Jin Irene Lee
@irenepark97
Mar 10 2017 02:12
hello i need help with CSS code
Your h1 element should have the class pink-text.
Ynot40
@Ynot40
Mar 10 2017 02:12
yeah it dosent work
Daniel
@reever33
Mar 10 2017 02:12
any thoughts?
Ynot40
@Ynot40
Mar 10 2017 02:12
@Raja-Sharma
Hye Jin Irene Lee
@irenepark97
Mar 10 2017 02:12

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

<h1>Hello World!</h1>

Raja Sharma
@Raja-Sharma
Mar 10 2017 02:13
@Ynot40 so all three button first have to be put in one div with the class "row"
Alexander Køpke
@alexanderkopke
Mar 10 2017 02:14
@reever33 you have addCLass twice <--typo should be addClass
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:14
then each button is going in an individual div with the class "col-xs-4"
SD01
@SD01
Mar 10 2017 02:14
Hi. I'm not seeing what the problem is with this one. It says I have the class (.pink-text) and h1 element is correct, but color of text does not turn pink. Anyone see what is wrong?
Daniel
@reever33
Mar 10 2017 02:14
holy cow, I just saw it, I had a capital L in addCLass insead of addClass...
thank you thanks you thankyou
jmanny1
@jmanny1
Mar 10 2017 02:14
Having trouble with -"Add the img-responsive class to your top image." <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">
Ynot40
@Ynot40
Mar 10 2017 02:15
@Raja-Sharma ok, and and add the collom grid code?
w/ it?
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:16
no all seperate
SD01
@SD01
Mar 10 2017 02:16

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

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

</h1>

Ynot40
@Ynot40
Mar 10 2017 02:16
oh ok
thx @Raja-Sharma
:clap: :+1:
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:16
np
wissmesa
@wissmesa
Mar 10 2017 02:17
why dont help?
Alexander Køpke
@alexanderkopke
Mar 10 2017 02:17
you have put the .pink-text styling inside the body styling { }
SD01
@SD01
Mar 10 2017 02:17

ok, going to start over. Not using this window correctly: Hi. I'm not seeing what the problem is with this one. It says I have the class (.pink-text) and h1 element is correct, but color of text does not turn pink. Anyone see what is wrong? <style>
body {
background-color: black;
font-family: Monospace;
color: green;
.pink-text {
color: pink;
}
}
</style>

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

</h1>

Raja Sharma
@Raja-Sharma
Mar 10 2017 02:17
@wissmesa what's the question?
wissmesa
@wissmesa
Mar 10 2017 02:18
Target the element with the id target3 and use the jQuery addClass() function to give it the class fadeOut.
Manish Giri
@Manish-Giri
Mar 10 2017 02:18
@dhcodes you around?
wissmesa
@wissmesa
Mar 10 2017 02:18
they want this
Dylan
@dhcodes
Mar 10 2017 02:18
for about 5 min.
wissmesa
@wissmesa
Mar 10 2017 02:18
<button class="btn btn-default target" id="target3">#target3</button>
Manish Giri
@Manish-Giri
Mar 10 2017 02:18
how do I get access to the code variable for the challenges?
@dhcodes
in the browser, I mean
Dylan
@dhcodes
Mar 10 2017 02:19
what do you mean?
the code entered by the camper?
Alexander Køpke
@alexanderkopke
Mar 10 2017 02:19
body {
background-color: black;
font-family: Monospace;
color: green;
.pink-text { <-- you have put this in the body styling
color: pink;
}
} <---the body style end bracket
@SD01
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:20
@wissmesa are you using a hashtag in your script code? like >> $("#target3")
Manish Giri
@Manish-Giri
Mar 10 2017 02:20
@dhcodes for instance - this
jmanny1
@jmanny1
Mar 10 2017 02:20
@Manish-Giri Having trouble with -"Add the img-responsive class to your top image." <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">
Alex
@Cooparr
Mar 10 2017 02:20
@SD01 your pink-text CSS class is within your body class
wissmesa
@wissmesa
Mar 10 2017 02:20
@Raja-Sharma yes
Manish Giri
@Manish-Giri
Mar 10 2017 02:20
@jmanny1 post your challenge url here, click "run tests" first.
SD01
@SD01
Mar 10 2017 02:21
Yes it is in the style.
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:21
@wissmesa so I have the answer but I wanna see what you're asking
wissmesa
@wissmesa
Mar 10 2017 02:22
my question is in what part of the code
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:22
@wissmesa It's very similar to previous few Qs
wissmesa
@wissmesa
Mar 10 2017 02:22
i put the jquery
Dylan
@dhcodes
Mar 10 2017 02:22
@Manish-Giri so that matches anything in the editor box to d3
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:22
@wissmesa for this challenge you only write jQuery. Not changing classes in actual HTML
clement clem
@clement00
Mar 10 2017 02:22
Hey guys...i need help with one of my challenge. i need to comment <h1>Hello World</h1> and i typed the comment as <!--Hello World--> and it still not working.
wissmesa
@wissmesa
Mar 10 2017 02:23
but that classes
Dylan
@dhcodes
Mar 10 2017 02:23
so for the one you're working on, you'd want to look for ... specifically as typically called for the spread operator
wissmesa
@wissmesa
Mar 10 2017 02:23
i need to put in the top?
Alex
@Cooparr
Mar 10 2017 02:23
@SD01 It shouldn't be within the body {}, ensure pink-text{} is outside the body curly brackets
wissmesa
@wissmesa
Mar 10 2017 02:23
declaring?
jmanny1
@jmanny1
Mar 10 2017 02:23
@Manish-Giri still have a "x" still add Add the img-responsive class to your top image.
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:23
@wissmesa Yes that's actually the challenge's point
Manish Giri
@Manish-Giri
Mar 10 2017 02:23
@dhcodes I meant - what does code constitute? Is it the camper's code, or is it the entire code in the editor, or is it something else entirely?
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:23
@wissmesa you're targeting #target3 and adding classes to it only using jQuery. No HTML typing.
wissmesa
@wissmesa
Mar 10 2017 02:24
<button class="btn btn-default target" $("#target3")addClass("animated fadeOut"); id="target3">#target3</button> this?
SD01
@SD01
Mar 10 2017 02:24
Thank you all, that was it. I thought it was in the style because the body is inside the style.
Emerson Silva
@emersonjds
Mar 10 2017 02:24
test gitgutter
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:24
@wissmesa This is what you did with .addClass() in the last few challenges
wissmesa
@wissmesa
Mar 10 2017 02:24
@Raja-Sharma i understand that
Dylan
@dhcodes
Mar 10 2017 02:24
@Manish-Giri it's all the code in the editor
to my knowledge
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:24
@wissmesa no. We're not typing anything in the button element at all
Manish Giri
@Manish-Giri
Mar 10 2017 02:25
@dhcodes okay, thx
CamperBot
@camperbot
Mar 10 2017 02:25
manish-giri sends brownie points to @dhcodes :sparkles: :thumbsup: :sparkles:
:star2: 1753 | @dhcodes |http://www.freecodecamp.com/dhcodes
Dylan
@dhcodes
Mar 10 2017 02:25
np
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:25
@wissmesa the $... is meant to be typed at the top in the jQuery method

@wissmesa '''

<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
$(".well").addClass("animated shake");
$("#target3").addClass("animated fadeOut")

});
</script>
'''

CamperBot
@camperbot
Mar 10 2017 02:25
:bulb: to format code use backticks! ``` more info
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:26

'''

<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
$(".well").addClass("animated shake");
$("#target3").addClass("animated fadeOut")

});
</script>

CamperBot
@camperbot
Mar 10 2017 02:26
:bulb: to format code use backticks! ``` more info
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:26
woops
@wissmesa only typing within <script> and </script> for this challenge

'''js

<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
$(".well").addClass("animated shake");
$("#target3").addClass("animated fadeOut")

});
</script>
'''

CamperBot
@camperbot
Mar 10 2017 02:27
:bulb: to format code use backticks! ``` more info
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:27
lol I am bad at this
Hye Jin Irene Lee
@irenepark97
Mar 10 2017 02:27
@sd01 thank you!
CamperBot
@camperbot
Mar 10 2017 02:27
:warning: @sd01's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
irenepark97 sends brownie points to @sd01 :sparkles: :thumbsup: :sparkles:
jmanny1
@jmanny1
Mar 10 2017 02:27
@Raja-Sharma Having trouble with -"Add the img-responsive class to your top image." <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. "
wissmesa
@wissmesa
Mar 10 2017 02:27
@Raja-Sharma oh good so in the button
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:28
@jmanny1 which challenge is this? Section and number please
@wissmesa no...
wissmesa
@wissmesa
Mar 10 2017 02:28
nono wait
in the top
i put that
but in the button
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:28
@wissmesa nothing to do with the button
wissmesa
@wissmesa
Mar 10 2017 02:28
I do not assign anything
?
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:29
@wissmesa you're typing one line only at the top in the <script> </script> tags
Laura404
@Laura404
Mar 10 2017 02:29
@jmanny1 I think I'm on the same challenge set - the cat pictures stopped showing for me in the preview. You too?
jmanny1
@jmanny1
Mar 10 2017 02:29
@Raja-Sharma Ditch Custom CSS and72
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:30
@wissmesa click reset code and type $("#target3").addClass("animated fadeOut") under the other $... stuff. Just try to figure out why it works before moving on.
wissmesa
@wissmesa
Mar 10 2017 02:30
i do it that
jmanny1
@jmanny1
Mar 10 2017 02:30
@Laura404 im not sure you have del all the image
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:31
@jmanny1 img-responsive not image-responsive right? I did that wrong before
@jmanny1 closing '>' tag on img?
jmanny1
@jmanny1
Mar 10 2017 02:33
@Raja-Sharma <img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">
<div class="row">
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:36
@jmanny1 Just used your code and passed the test. Which part are you failing? Look at the bottom left. Might have to scroll down.
Brooke Norman
@Bnorman0522
Mar 10 2017 02:36
Having trouble with "Change the Font size of an Element"; everything is checked except for "browser and text zoom should be at 100%" but my browser is. any help?
jmanny1
@jmanny1
Mar 10 2017 02:37
@Raja-Sharma this what im failing "Add the img-responsive class to your top image."
Danielmi8
@Danielmi8
Mar 10 2017 02:38
it is someone working on the tribute page?
hello
everyone
Alex
@Cooparr
Mar 10 2017 02:39
@Bnorman0522 Copy your code into here i might be able to help
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:39
@jmanny1 Are you working on the top image? There's one inside the anchor tag. <a href="#"><img class="img-responsive....
@Bnorman0522 to pass that you write to target p in the style portion at the top and change font size. What do you have inside <style> </style> ?
Hommy De Jesus
@HommyDeJ
Mar 10 2017 02:44
Hello I need some help in Create a Form Element
Brooke Norman
@Bnorman0522
Mar 10 2017 02:44

@Cooparr and @Raja-Sharma <style>
.red-text {
color: red;
}
.p-elements {
font-size: (16px)
}
</style>

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

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

Hommy De Jesus
@HommyDeJ
Mar 10 2017 02:45
I need to nest a text field in a form element adding an action
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:45
@Bnorman0522 just p not .p-elements
@Bnorman0522 <style>
.red-text {
color: red;
}
p {
font-size: (16px)
}
</style>
Brooke Norman
@Bnorman0522
Mar 10 2017 02:46
@Raja-Sharma , thank you but still not working?
CamperBot
@camperbot
Mar 10 2017 02:46
:cookie: 123 | @raja-sharma |http://www.freecodecamp.com/raja-sharma
bnorman0522 sends brownie points to @raja-sharma :sparkles: :thumbsup: :sparkles:
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:46
@Bnorman0522 font-size: 16px;
@camperbot no parenthesis and close with ;
Alex
@Cooparr
Mar 10 2017 02:47
@Bnorman0522 also just .p, instead of .p-elements
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:48

@Cooparr no . at all. just

p {

}

Laura404
@Laura404
Mar 10 2017 02:48
Am I just crazy? Does the image at https://bit.ly/fcc-running-cats load for anyone else?
Brooke Norman
@Bnorman0522
Mar 10 2017 02:48
@Raja-Sharma and @Cooparr .....ah it was the parenthesis this whole time. sorry newbie over here.. haha
but thank you!
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:49
@Bnorman0522 np
Matiny Louis
@Matiny
Mar 10 2017 02:49
Hey Laura
It loads for me
Alex
@Cooparr
Mar 10 2017 02:49
@Raja-Sharma ohh my bad, was to focused on removing the -elements!
Laura404
@Laura404
Mar 10 2017 02:49
@Matiny Clearly a personal problem then, thanks for checking! :)
CamperBot
@camperbot
Mar 10 2017 02:49
laura404 sends brownie points to @matiny :sparkles: :thumbsup: :sparkles:
:cookie: 66 | @matiny |http://www.freecodecamp.com/matiny
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:49
@Laura404 loads ok
Hommy De Jesus
@HommyDeJ
Mar 10 2017 02:49
Hello
Matiny Louis
@Matiny
Mar 10 2017 02:49
No problem!
Speaking of problems...
I have a problem, guys
Hommy De Jesus
@HommyDeJ
Mar 10 2017 02:50
I need some help nesting a text field in a form
Matiny Louis
@Matiny
Mar 10 2017 02:50
I made a button on #65
Hommy De Jesus
@HommyDeJ
Mar 10 2017 02:51
action="/submit-cat-photo"
Matiny Louis
@Matiny
Mar 10 2017 02:51
And somehow I'm wrong with how I made it? Here's what I put in...
<input type="button" class="btn" value="Like">
So it's a button with a class of .btn, and it says "Like"
I even put it under the picture of running cats, and hey! Still doesn't work!
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:52
<button> is its own element
tag rather
Rifat Abazi
@rifatabazi
Mar 10 2017 02:52
How to add one class with each of my three selectors.
How to add one class with each of my three selectors.?
Matiny Louis
@Matiny
Mar 10 2017 02:53
Oh really? Thanks!
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:54
np
Rifat Abazi
@rifatabazi
Mar 10 2017 02:54
How to add one class with each of my three selectors.?
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:54
@rifatabazi name of question?
@rifatabazi "Target the same element with multiple jQuery Selectors" ?
Rifat Abazi
@rifatabazi
Mar 10 2017 02:55
yeah
this exactly
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:56
@rifatabazi so you're typing three separate selectors. $("something") three times
@rifatabazi they want three selectors typed out with the classes being added
Rifat Abazi
@rifatabazi
Mar 10 2017 02:57
$(".something").addClass("something");
$(".something").addClass("something");
$(".something").addClass("something");
like this ?
jmanny1
@jmanny1
Mar 10 2017 02:57
@Raja-Sharma thanks
CamperBot
@camperbot
Mar 10 2017 02:57
jmanny1 sends brownie points to @raja-sharma :sparkles: :thumbsup: :sparkles:
:cookie: 125 | @raja-sharma |http://www.freecodecamp.com/raja-sharma
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:58
@jmanny1 np
@rifatabazi right. Now when you look on the bottom right the three of them are listed and the classes they want are in the question.
Danielmi8
@Danielmi8
Mar 10 2017 02:59
It is true you will get frustrated
when you are doing the first challenge
Rifat Abazi
@rifatabazi
Mar 10 2017 02:59
@Raja-Sharma thanks bro :)
CamperBot
@camperbot
Mar 10 2017 02:59
rifatabazi sends brownie points to @raja-sharma :sparkles: :thumbsup: :sparkles:
:cookie: 126 | @raja-sharma |http://www.freecodecamp.com/raja-sharma
Raja Sharma
@Raja-Sharma
Mar 10 2017 02:59
@rifatabazi np bro happy to help
Tayin
@Baljeet1
Mar 10 2017 03:00

<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>
<img class="smaller-image"src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back > did i do something wrong?

isaac820
@isaac820
Mar 10 2017 03:00
hello someone there
Rebeca
@BeccampKoder
Mar 10 2017 03:02
Hello World!
isaac820
@isaac820
Mar 10 2017 03:02

<script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("shake");
$("#target1").addClass("btn-primary");
$("#target1").addClass("animated shake btn-primary");

});
</script> Your #target1 element should have the classes animated‚ shake and btn-primary. dont what is wrong

demiclose
@demiclose
Mar 10 2017 03:02
Hey @Danielmi8, it's definitely a bit frustrating but it helped me to go back through the lessons from the 'map' tab at the top of FreeCodeCamp, but I also took an additional course on Codecademy that was really helpful and it helps cover a few things that were confusing for me on FCC. But stick with it and keep practicing! Everyone here is really helpful when you have questions or need help.
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:03
@isaac820 I think you should have one $("#target1") you have two. Try that.
Waz
@wazza1983
Mar 10 2017 03:04
hello how do I my form element the background-color of green??? its in form element which has an id of cat-photo-form....???
help anybody??
*give
isaac820
@isaac820
Mar 10 2017 03:04
@raja thanks
CamperBot
@camperbot
Mar 10 2017 03:04
isaac820 sends brownie points to @raja :sparkles: :thumbsup: :sparkles:
:warning: @raja's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Indiegirl
@indiegurl
Mar 10 2017 03:04
how do I do this? Your h2 element should be red.
Your h2 element should have the class red-text.
Your stylesheet should declare a red-text class and have its color set to red.
Do not use inline style declarations like style="color: red" in your h2 element.
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:05
@isaac820 np
demiclose
@demiclose
Mar 10 2017 03:05
@Baljeet1 alt="A cute orange cat lying on its back > (missing the end quotation..?)
Indiegirl
@indiegurl
Mar 10 2017 03:05
this doesn't seem to be working .... <style>
<h2 class="red-text">CatPhotoApp</h2>
</style>
davon1416
@davon1416
Mar 10 2017 03:05
Hello I am simply trying to change the color of my heading with <h2> style="color:
red" >CatPhotoApp</h2>
but is not working...
isaac820
@isaac820
Mar 10 2017 03:05
@Raja-Sharma thanks
CamperBot
@camperbot
Mar 10 2017 03:05
isaac820 sends brownie points to @raja-sharma :sparkles: :thumbsup: :sparkles:
:cookie: 127 | @raja-sharma |http://www.freecodecamp.com/raja-sharma
Indiegirl
@indiegurl
Mar 10 2017 03:06
@davon1416 i think we have the same problem
Waz
@wazza1983
Mar 10 2017 03:06
hello?
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:06
@davon1416 in that one maybe they want you to use CSS targeting. What is the title of the question?
Indiegirl
@indiegurl
Mar 10 2017 03:06
yes how do i use CSS
davon1416
@davon1416
Mar 10 2017 03:07
change the color of text
@Raja-Sharma
it seems so @indiegurl
Indiegirl
@indiegurl
Mar 10 2017 03:07
help @Raja-Sharma
Waz
@wazza1983
Mar 10 2017 03:08
how do I give a form element which had an id attribute a green background...???
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:08

@davon1416 @indiegurl so do you guys have

<style>

</style>
at the top? That's step one.

Indiegirl
@indiegurl
Mar 10 2017 03:09
yes
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:09
@Raja-Sharma also delete the text inside <h2> it should just be <h2>text</h2>
@davon1416 @indiegurl also delete the text inside <h2> it should just be <h2>text</h2>
Indiegirl
@indiegurl
Mar 10 2017 03:10
@Raja-Sharma where do I put h2 and CatPhotoApp
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:11
@davon1416 @indiegurl Then at the top within those style tags type h2 then { and when you hit enter it should create a } another line down. Inside here you write CSS for your H2 element.
ccornish1988
@ccornish1988
Mar 10 2017 03:11
what up... i'm new, trying to resize image, any help?
clement clem
@clement00
Mar 10 2017 03:11
Can some one help me with the Use CSS Selectors to Style Elements plzz
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:11
@indiegurl it's just <h2>CatPhotoApp</h2> and above that at the top within the style tags is where you make changes to the color to pass this one.
isaac820
@isaac820
Mar 10 2017 03:12
@wazza1983 add it the form id in css<form id="boy"><style>#boy{background-color:green}</style>
clement clem
@clement00
Mar 10 2017 03:12
but the direction is saying to make a CSS style
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:12
@indiegurl when you start the challenge it's <h2 style="color: red">CatPhotoApp</h2> and we need to change that to <h2>CatPhotoApp</h2> for starters
Indiegirl
@indiegurl
Mar 10 2017 03:12
@Raja-Sharma <style>
<h2>CatPhotoApp</h2>
</style>
demiclose
@demiclose
Mar 10 2017 03:12
@indiegurl a helpful thing to keep in mind that is kind of confusing is that the <style></style> part of your code is just for creating classes or styling elements, it will never have your <p> or <h> tags with all of their text
georgev71
@georgev71
Mar 10 2017 03:13
greetings I need some help with my function declaration its function shout("Hello"){ return Hello+!!!} Im getting a illegal return statement.
Waz
@wazza1983
Mar 10 2017 03:13
@isaac820 thank u
CamperBot
@camperbot
Mar 10 2017 03:13
wazza1983 sends brownie points to @isaac820 :sparkles: :thumbsup: :sparkles:
:cookie: 106 | @isaac820 |http://www.freecodecamp.com/isaac820
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:13

@indiegurl no. The style doesn't have html in it.

<style>

</style>

<h2<CatPhotoApp</h2>

@indiegurl now within that <style> </style> region we write CSS
clement clem
@clement00
Mar 10 2017 03:13
i need to make it blue too and right now it's red
Indiegirl
@indiegurl
Mar 10 2017 03:14
@Raja-Sharma <style>
.red-text {
color: red;
}
</style>
isaac820
@isaac820
Mar 10 2017 03:15
@clement00 send your code
Indiegirl
@indiegurl
Mar 10 2017 03:15
@Raja-Sharma now, where does CatPhotoApp go? below </style>?
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:15

@indiegurl we're given

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

in the directions

@indiegurl yep. That's where all the HTML goes.
clement clem
@clement00
Mar 10 2017 03:16
<style>
h2{color: Blue;}
</style>
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:16
@clement00 yup
Indiegirl
@indiegurl
Mar 10 2017 03:16

@Raja-Sharma

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

@Raja-Sharma what's not right?
clement clem
@clement00
Mar 10 2017 03:17
i don't know but it saying that my h2 element has to be blue
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:18
@indiegurl they example code they give says red but they want blue. To discourage copying and encourage reading =) @clement00
isaac820
@isaac820
Mar 10 2017 03:18
@clement00 do have any h2 again in you css
clement clem
@clement00
Mar 10 2017 03:18

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

that's what i have rn
isaac820
@isaac820
Mar 10 2017 03:19
@clement00 send all your code
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:19

@clement00 @indiegurl

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

<h2>CatPhotoApp</h2>

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

clement clem
@clement00
Mar 10 2017 03:20
@Raja-Sharma that one worked thx
CamperBot
@camperbot
Mar 10 2017 03:20
:cookie: 128 | @raja-sharma |http://www.freecodecamp.com/raja-sharma
Indiegirl
@indiegurl
Mar 10 2017 03:20

@Raja-Sharma still not working.....

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

<h2>CatPhotoApp</h2>

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

CamperBot
@camperbot
Mar 10 2017 03:20
clement00 sends brownie points to @raja-sharma :sparkles: :thumbsup: :sparkles:
Manish Giri
@Manish-Giri
Mar 10 2017 03:20
@indiegurl what challenge are you on?
Indiegirl
@indiegurl
Mar 10 2017 03:21
@Manish-Giri Use a CSS Class to Style an Element
Manish Giri
@Manish-Giri
Mar 10 2017 03:21
@indiegurl okay, I don't see a class anywhere in your code..
nshacode
@nshacode
Mar 10 2017 03:21

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

<h2>CatPhotoApp</h2>

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

demiclose
@demiclose
Mar 10 2017 03:22
@indiegurl you were correct before @Raja-Sharma corrected you.
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:22
@indiegurl oh you're on a different question
Manish Giri
@Manish-Giri
Mar 10 2017 03:23
@indiegurl if this was your code earlier
<style>
.red-text {
color: red;
}
</style>
then you just need to add the class to the h2 element in HTML
demiclose
@demiclose
Mar 10 2017 03:23

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

Manish Giri
@Manish-Giri
Mar 10 2017 03:23
<h2 class="....">CatPhotoApp</h2>
@indiegurl
Indiegirl
@indiegurl
Mar 10 2017 03:23

@Manish-Giri

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

<h2>CatPhotoApp</h2>

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

demiclose
@demiclose
Mar 10 2017 03:23
@indiegurl that's the code you wrote earlier and I believe it is correct.
Samuel Clarke
@Samuel-Clarke123
Mar 10 2017 03:23
can anyone help me with Data Visualization with D3: Work with Dynamic Data in D3
Manish Giri
@Manish-Giri
Mar 10 2017 03:24
@indiegurl first thing - h2 .red-text { -> remove h2 here
demiclose
@demiclose
Mar 10 2017 03:24
not that one sorry! I copied the wrong one hold on! ahh
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:24
lol
Manish Giri
@Manish-Giri
Mar 10 2017 03:24
second thing - <h2>CatPhotoApp</h2> : add the class here
<h2 class="....">CatPhotoApp</h2>
@indiegurl
demiclose
@demiclose
Mar 10 2017 03:24
<style>
.red-text {
color: red;
}
</style>
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:25
@indiegurl what is the name of the question you're on?
demiclose
@demiclose
Mar 10 2017 03:25
She wrote that previously and someone told her it was wrong..
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:25
@demiclose I was helping someone else and she said she needed the same thing so I started tagging them both
nshacode
@nshacode
Mar 10 2017 03:26

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

<h2 clas=".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>

Manish Giri
@Manish-Giri
Mar 10 2017 03:26
@nshacode <h2 clas=".red-text">
remove the . here
and it's class
nshacode
@nshacode
Mar 10 2017 03:27
thanks lol saw the typo there
Samuel Clarke
@Samuel-Clarke123
Mar 10 2017 03:28
le sigh
Indiegirl
@indiegurl
Mar 10 2017 03:28
YAY! THANK YOU MUCH! @Manish-Giri @nshacode @Raja-Sharma
CamperBot
@camperbot
Mar 10 2017 03:28
indiegurl sends brownie points to @manish-giri and @nshacode and @raja-sharma :sparkles: :thumbsup: :sparkles:
:cookie: 18 | @nshacode |http://www.freecodecamp.com/nshacode
:cookie: 130 | @raja-sharma |http://www.freecodecamp.com/raja-sharma
:star2: 4685 | @manish-giri |http://www.freecodecamp.com/manish-giri
Danielmi8
@Danielmi8
Mar 10 2017 03:28
@demiclose Thanks Thanks so much to answer! I'll check right now Codecademy
CamperBot
@camperbot
Mar 10 2017 03:28
danielmi8 sends brownie points to @demiclose :sparkles: :thumbsup: :sparkles:
:cookie: 137 | @demiclose |http://www.freecodecamp.com/demiclose
aditya adibhatta
@aditya1948
Mar 10 2017 03:28
hi manish <p class="red-text">Kitty ipsum dolor sit amet,
<a href="http://freecatphotoapp.com">
"cat photos".
</a>
shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
is there any problem in anchor element of the above code
Manish Giri
@Manish-Giri
Mar 10 2017 03:29
@aditya1948 I think it was View more
did you merge the two p elements?
aditya adibhatta
@aditya1948
Mar 10 2017 03:29
no
i am writing two different paras
Eugene Chavez
@Geneduty98
Mar 10 2017 03:30
how do i send a pic??
SASsites12
@SASsites12
Mar 10 2017 03:30
help, I'm trying to create a slideshow with Css but for somereason my footer is now in the slideshow
aditya adibhatta
@aditya1948
Mar 10 2017 03:31
when i was trying to run , its not
cbshadoin
@cbshadoin
Mar 10 2017 03:31
Hello, I'm having trouble using an ID attribute to style an element
demiclose
@demiclose
Mar 10 2017 03:32
@cbshadoin what's the question or the code?
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:32
@cbshadoin in CSS .class to target class and #id to target id. Do you have that right?
Manish Giri
@Manish-Giri
Mar 10 2017 03:33
@aditya1948 post your challenge URL then, click "run tests" first..
cbshadoin
@cbshadoin
Mar 10 2017 03:33
I have the #id in my style element, but i'm not sure how to place it in the id attribute
Ramya
@Ramyakotike
Mar 10 2017 03:33
Hi..Can you please tell me how to target the same element with multiple jquery selectors.
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:33

@cbshadoin

<style>

aditya adibhatta
@aditya1948
Mar 10 2017 03:34
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%0A%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%3E%0A%0A%3Cp%20class%3D%22red-text%22%3EKitty%20ipsum%20dolor%20sit%20amet%2C%20shed%20everywhere%20shed%20everywhere%20stretching%20attack%20your%20ankles%20chase%20the%20red%20dot%2C%20hairball%20run%20catnip%20eat%20the%20grass%20sniff.%3C%2Fp%3E%0A%0A%0A%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
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:34

@cbshadoin

<style>
#tester {
color: orange;
}
</style>

<p id="tester">lips</p>

Do you get that so far?

Manish Giri
@Manish-Giri
Mar 10 2017 03:35
@Ramyakotike there's a table on the left, it has directions on which class needs to be added to which selector
clement clem
@clement00
Mar 10 2017 03:35
how do i fix my stylesheet and have it declare a red-text class and have its color set to red?
Alexander Køpke
@alexanderkopke
Mar 10 2017 03:37
@Ramyakotike <button id="test" class="experiment">Submit</button> look this example. You can select it as a button element. Or as a class. Or as an id. It is the same element but you can select it in three different ways.
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:39
@clement00 Which question is that? Fix stylesheet?
cbshadoin
@cbshadoin
Mar 10 2017 03:39
@Raja-Sharma yes, the #id is placed in the <style>, but i'm having trouble figuring out how to give my form a green background
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:40
@cbshadoin background-color: green; ?
clement clem
@clement00
Mar 10 2017 03:41

<style>
h2 {
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> i mean my stylesheet has to be as red-text but i don't know where to place it

cbshadoin
@cbshadoin
Mar 10 2017 03:42

@Raja-Sharma

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

I'm stuck after that. need to make form background green

demiclose
@demiclose
Mar 10 2017 03:42
change the h2 in your style sheet to .red-text @clement00
Hommy De Jesus
@HommyDeJ
Mar 10 2017 03:43
Hello I'm stuck on the radio button practice
<label><input type="radio" name="indoor-outdoor">Indoor <input type="radio" name="indoor-outdoor">Outdoor</label>
clement clem
@clement00
Mar 10 2017 03:43
thx @demiclose
CamperBot
@camperbot
Mar 10 2017 03:43
clement00 sends brownie points to @demiclose :sparkles: :thumbsup: :sparkles:
:cookie: 138 | @demiclose |http://www.freecodecamp.com/demiclose
Hommy De Jesus
@HommyDeJ
Mar 10 2017 03:43
I need two create two radio button and both musth be nested with he label element
must*
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:44
@cbshadoin what's the name of the question?
cbshadoin
@cbshadoin
Mar 10 2017 03:44
@Raja-Sharma "Use an ID Attribute to Style an Element"
Manish Giri
@Manish-Giri
Mar 10 2017 03:44
@cbshadoin what is the ID in your form in the html?
Hommy De Jesus
@HommyDeJ
Mar 10 2017 03:45
...
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:45
@cbshadoin cat-photo-form not element maybe
cbshadoin
@cbshadoin
Mar 10 2017 03:45
@Manish-Giri @Raja-Sharma I figured it out! thanks
CamperBot
@camperbot
Mar 10 2017 03:45
cbshadoin sends brownie points to @manish-giri and @raja-sharma :sparkles: :thumbsup: :sparkles:
:cookie: 131 | @raja-sharma |http://www.freecodecamp.com/raja-sharma
:star2: 4686 | @manish-giri |http://www.freecodecamp.com/manish-giri
demiclose
@demiclose
Mar 10 2017 03:47
@HommyDeJ looks like you didn't close the first radio button maybe..?
nope I don't think thats it, what is the name of the challenge? @HommyDeJ
Indiegirl
@indiegurl
Mar 10 2017 03:49

Why does this not work? <style>
.red-text {
color: red;
}

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

Challenge: Style Multiple Elements with a CSS Class
Ramya
@Ramyakotike
Mar 10 2017 03:50
I have added only one class with each of 3 selectors but getting an error
James S.
@Mrblue27
Mar 10 2017 03:51
How am I suppose to write the background-color:green in the <form></form>

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

  h2 {
    font-family: Lobster, Monospace;
  }

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

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

  .smaller-image {
    width: 100px;
  }

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

  #cat-photo-element {
  background-color: green;
}

</style>

<h2 class="red-text">CatPhotoApp</h2>
<main>
  <p class="red-text">Click here to view more <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>

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

  <form action="/submit-cat-photo" id="cat-photo-form" "background-color: green" >
    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
    <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><br>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</main>
Hommy De Jesus
@HommyDeJ
Mar 10 2017 03:51
Create a Set of Radio Buttons @demiclose
demiclose
@demiclose
Mar 10 2017 03:51
@indiegurl your <h2> and <p> elements should not be in your <style> tags.
@HommyDeJ I believe you have to close each table like this: <label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
Hommy De Jesus
@HommyDeJ
Mar 10 2017 03:52
Let me try
corine
@corinemp
Mar 10 2017 03:52
can someone tell me where i am missing a closing?
<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>
Indiegirl
@indiegurl
Mar 10 2017 03:53
@demiclose Thank you so much! Bingo!!!!
CamperBot
@camperbot
Mar 10 2017 03:53
indiegurl sends brownie points to @demiclose :sparkles: :thumbsup: :sparkles:
:cookie: 139 | @demiclose |http://www.freecodecamp.com/demiclose
Sourabh Rangdal
@sourabhrangdal
Mar 10 2017 03:53
@Mrblue27 have you tried inline css class?
corine
@corinemp
Mar 10 2017 03:53
it keeps saying i am missing a <div closing
Sourabh Rangdal
@sourabhrangdal
Mar 10 2017 03:53
@Mrblue27 you can create class in style
Hommy De Jesus
@HommyDeJ
Mar 10 2017 03:53
Yaas it's working now
Sourabh Rangdal
@sourabhrangdal
Mar 10 2017 03:53
@corinemp <div> <div>
corine
@corinemp
Mar 10 2017 03:54
@sourabhrangdal where at though?
Sourabh Rangdal
@sourabhrangdal
Mar 10 2017 03:54
@corinemp that is half code, can you share the complete where </div> end
isaac820
@isaac820
Mar 10 2017 03:55
$('#traget4').html("<em>jQueryhome</em>"); error msg "Make sure to select button id="target4" with jQuery."
Sourabh Rangdal
@sourabhrangdal
Mar 10 2017 03:55
@corinemp <div class="container-fluid"></div>
__mifflin__
@cdrainxv
Mar 10 2017 03:55
@corinemp: From you code it looks like you are missing the closing divs (</div>) for both the row and container-fluid divs.
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:56
@corinemp I think container and row are missing </div> 2 by my count
__mifflin__
@cdrainxv
Mar 10 2017 03:56
@isaac820:

traget ?

corine
@corinemp
Mar 10 2017 03:56
@cdrainxv look closer, it is ther
there*
demiclose
@demiclose
Mar 10 2017 03:57
@corinemp for every opening <div> you need a corresponding closing </div> I counted 2 missing as well
__mifflin__
@cdrainxv
Mar 10 2017 03:57
No it isn't. You only have closing div tags for your col-xs-4 and col-xs-8 divs.
@corinemp
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:57
@corinemp count the open and close divs. 4 to 2.
davon1416
@davon1416
Mar 10 2017 03:57
sorry @raja that didn't work
isaac820
@isaac820
Mar 10 2017 03:57
@corinemp thanks
CamperBot
@camperbot
Mar 10 2017 03:57
isaac820 sends brownie points to @corinemp :sparkles: :thumbsup: :sparkles:
:cookie: 76 | @corinemp |http://www.freecodecamp.com/corinemp
Asako Hara
@freckledfrog
Mar 10 2017 03:58
can anyone help me with create a form element?
Raja Sharma
@Raja-Sharma
Mar 10 2017 03:58
@davon1416 chat scrolled. What were we talking about?
Sourabh Rangdal
@sourabhrangdal
Mar 10 2017 03:58
@freckledfrog yes, what is your question
Asako Hara
@freckledfrog
Mar 10 2017 03:58

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

<p>Things cats love:</p>

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

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

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

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

clement clem
@clement00
Mar 10 2017 03:58
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
im having trouble with this problem
Indiegirl
@indiegurl
Mar 10 2017 03:59
is this wrong?

<style>
.red-text {
font-size: 16px;
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 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>

skywalker212 @skywalker212 hello!
Asako Hara
@freckledfrog
Mar 10 2017 03:59
@sourabhrangdal

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

<p>Things cats love:</p>

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

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

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

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

davon1416
@davon1416
Mar 10 2017 03:59
changing the color of the text. I had <h2 style="color: red">CatPhotoApp</h2> and you said to put in { on the top and the ending
Asako Hara
@freckledfrog
Mar 10 2017 03:59
can you solve the problem?
Indiegirl
@indiegurl
Mar 10 2017 03:59
challenge: Change the Font Size of an Element
davon1416
@davon1416
Mar 10 2017 04:00
@Raja-Sharma
corine
@corinemp
Mar 10 2017 04:00
ok @Raja-Sharma where am i missing it at. i apparently dont see it
Sourabh Rangdal
@sourabhrangdal
Mar 10 2017 04:00
@freckledfrog yes, what is your question, i saw the code...
@corinemp Corine, share you code
@corinemp share your* code
Indiegirl
@indiegurl
Mar 10 2017 04:01
challenge: font size .....is this right? <style>
.red-text {
font-size: 16px;
color: red;
}
</style>
corine
@corinemp
Mar 10 2017 04:01
@sourabhrangdal ok, first, this is what it is asking Nest your first image and your h2 element within a single <div class="row"> element. Nest your h2 element within a <div class="col-xs-8"> and your image in a <div class="col-xs-4"> so that they are on the same line.
demiclose
@demiclose
Mar 10 2017 04:01
@clement00 the "browser and text zoom must be set at 100%" is only a suggestion not a part of the challenge. You will need to style the p element in your stylesheet between <style> and </style> let me know if you get stuck on that
Asako Hara
@freckledfrog
Mar 10 2017 04:01
@sourabhrangdal I dont know how to nest text input element within a form elemnt
Sourabh Rangdal
@sourabhrangdal
Mar 10 2017 04:02
@freckledfrog <form> <input > </form>
corine
@corinemp
Mar 10 2017 04:02

@sourabhrangdal <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">it
<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>

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

Manish Giri
@Manish-Giri
Mar 10 2017 04:03
@corinemp <div class="row">it
Sourabh Rangdal
@sourabhrangdal
Mar 10 2017 04:03
@corinemp <h2 class="text-primary text-center">CatPhotoApp</h2> <h2>
Manish Giri
@Manish-Giri
Mar 10 2017 04:03
typo?
Sourabh Rangdal
@sourabhrangdal
Mar 10 2017 04:03
@corinemp < is missing from <h2>
__mifflin__
@cdrainxv
Mar 10 2017 04:04

@freckledfrog: Here's an example of nesting:

<div class="freckledfrog">
  <img src="freckledfrog.png" alt="freckled frog">
</div>

In the ex. the img element in nested/placed inside of the div element.

Ramya
@Ramyakotike
Mar 10 2017 04:04
can someone help me with this code..
clement clem
@clement00
Mar 10 2017 04:04

@demiclose

<style>
.red-text {
font-size: 16px;
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>

what am i missing??
Ramya
@Ramyakotike
Mar 10 2017 04:04

<script>
$(document).ready(function() {
$("button").addclass("animated");
$(".btn").addclass("shake");
$("#target1").addclass("btn-primary");

});

Manish Giri
@Manish-Giri
Mar 10 2017 04:04
@cdrainxv did you look at the guy's reply?
@Ramyakotike addClass- cap C
Richard Andreasen
@Richand83
Mar 10 2017 04:04
@demiclose your color: red should be above your size
Asako Hara
@freckledfrog
Mar 10 2017 04:04
@sourabhrangdal thank you I passed
CamperBot
@camperbot
Mar 10 2017 04:04
freckledfrog sends brownie points to @sourabhrangdal :sparkles: :thumbsup: :sparkles:
:cookie: 166 | @sourabhrangdal |http://www.freecodecamp.com/sourabhrangdal
James S.
@Mrblue27
Mar 10 2017 04:05
thanks @sourabhrangdal I had to correct the statement.
CamperBot
@camperbot
Mar 10 2017 04:05
mrblue27 sends brownie points to @sourabhrangdal :sparkles: :thumbsup: :sparkles:
:cookie: 167 | @sourabhrangdal |http://www.freecodecamp.com/sourabhrangdal
demiclose
@demiclose
Mar 10 2017 04:05
@clement00 in the stylesheet you need: p{
Ramya
@Ramyakotike
Mar 10 2017 04:05
@Manish-Giri Thank you
CamperBot
@camperbot
Mar 10 2017 04:05
ramyakotike sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4687 | @manish-giri |http://www.freecodecamp.com/manish-giri
Sourabh Rangdal
@sourabhrangdal
Mar 10 2017 04:05
@corinemp works?
demiclose
@demiclose
Mar 10 2017 04:05
@clement00 p{ font-size: 26px; }
Sourabh Rangdal
@sourabhrangdal
Mar 10 2017 04:06
@Mrblue27 :thumbsup:
__mifflin__
@cdrainxv
Mar 10 2017 04:06
@Manish-Giri: It was in my mailbox… whole lot of gibberish. I told him to use the developer console, but he probably didn't even look at it. sigh
Manish Giri
@Manish-Giri
Mar 10 2017 04:06
@cdrainxv I just think he's on meth..
__mifflin__
@cdrainxv
Mar 10 2017 04:06
^ More like math towards the end.
demiclose
@demiclose
Mar 10 2017 04:06

<style>
.red-text {
font-size: 16px;
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>

corine
@corinemp
Mar 10 2017 04:06
@sourabhrangdal so many messages came through and it keeps jumping, i didnt see what you said
Sourabh Rangdal
@sourabhrangdal
Mar 10 2017 04:07
@freckledfrog :thumbsup:
__mifflin__
@cdrainxv
Mar 10 2017 04:07
Scroll up
Sourabh Rangdal
@sourabhrangdal
Mar 10 2017 04:07
@corinemp 1 sec, let me correct and share your code
corine
@corinemp
Mar 10 2017 04:07
can you send me a private message @sourabhrangdal my computer for some reason doesnt like this help messenger
demiclose
@demiclose
Mar 10 2017 04:07
Oops. stupid enter button... sorry guys @clement00 take away the class from your <p> tag unless the directions told you to do that
Sourabh Rangdal
@sourabhrangdal
Mar 10 2017 04:07
@corinemp yes,
Manish Giri
@Manish-Giri
Mar 10 2017 04:07
@diomed
davon1416
@davon1416
Mar 10 2017 04:07
I still need help figuring out how to change the color of text. I have this as code <h2 style="color: red">CatPhotoApp</h2>
__mifflin__
@cdrainxv
Mar 10 2017 04:08
@3Surf: You didn't add the smaller-image class to your img element.
Indiegirl
@indiegurl
Mar 10 2017 04:08

Why is this not working? Please help. <style>
.red-text {
font-size: 16px;
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 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>

clement clem
@clement00
Mar 10 2017 04:09
@demiclose the direction tell me to do that
Manish Giri
@Manish-Giri
Mar 10 2017 04:09
@indiegurl font-size: 16px; needs to be outside the red-text class, in a separate rule for p elements only.
demiclose
@demiclose
Mar 10 2017 04:10
@clement00 whats the name of the challenge I will have a look at it
Actually @clement00 listen to @Manish-Giri ^^^
Indiegirl
@indiegurl
Mar 10 2017 04:10
@Manish-Giri so put it outside of }
clement clem
@clement00
Mar 10 2017 04:12

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

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

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

Richard Andreasen
@Richand83
Mar 10 2017 04:13
@clement00 you need the font-size to be in the braket
demiclose
@demiclose
Mar 10 2017 04:13
yes but in front of font-size put the paragraph element so it should look like p{ font-size: 16px}
Richard Andreasen
@Richand83
Mar 10 2017 04:13
under the color:red;
__mifflin__
@cdrainxv
Mar 10 2017 04:13
@clement00: Notice how color: red; is inside the .red-text selector? Likewise , font-size: 16px; must be in a p selector as you want all p elements to have a font-size of 16px.
Indiegirl
@indiegurl
Mar 10 2017 04:15

Thanks all! @Manish-Giri @demiclose <style>
.red-text {
color: red;
}
p{font-size: 16px;}
</style>

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

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

CamperBot
@camperbot
Mar 10 2017 04:15
indiegurl sends brownie points to @manish-giri and @demiclose :sparkles: :thumbsup: :sparkles:
:warning: indiegurl already gave demiclose points
:warning: indiegurl already gave manish-giri points
__mifflin__
@cdrainxv
Mar 10 2017 04:15
There's a delete button on the far right of your name… right beside the timestamp. @Richand83
Richard Andreasen
@Richand83
Mar 10 2017 04:16
@cdrainxv thnx
CamperBot
@camperbot
Mar 10 2017 04:16
richand83 sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 2386 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
clement clem
@clement00
Mar 10 2017 04:16
thx y'all i got it
@cdrainxv @indiegurl @Richand83 thx guys
CamperBot
@camperbot
Mar 10 2017 04:17
clement00 sends brownie points to @cdrainxv and @indiegurl and @richand83 :sparkles: :thumbsup: :sparkles:
:cookie: 69 | @richand83 |http://www.freecodecamp.com/richand83
:cookie: 20 | @indiegurl |http://www.freecodecamp.com/indiegurl
:star2: 2387 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Indiegirl
@indiegurl
Mar 10 2017 04:17
yay @clement00
Richard Andreasen
@Richand83
Mar 10 2017 04:18
no problem! I just completed html css and am on bootstrap keep up the good work
Indiegirl
@indiegurl
Mar 10 2017 04:18
Thanks! @Richand83
CamperBot
@camperbot
Mar 10 2017 04:18
indiegurl sends brownie points to @richand83 :sparkles: :thumbsup: :sparkles:
:cookie: 70 | @richand83 |http://www.freecodecamp.com/richand83
dipa rai
@diparai
Mar 10 2017 04:20
hi all out there,
how to Make Dead Links using the Hash Symbol??
mine is not working even after i replaced href with # symbol
<p>Click here for <a #="http://www.freecatphotoapp.com">cat photos</a>.</p>
demiclose
@demiclose
Mar 10 2017 04:21
href="#" you place the # where the link would go
TheChoctaw
@TheChoctaw
Mar 10 2017 04:21
how do i add two classes to the same element??
dipa rai
@diparai
Mar 10 2017 04:21
thanks @de\
CamperBot
@camperbot
Mar 10 2017 04:21
diparai sends brownie points to @de :sparkles: :thumbsup: :sparkles:
:warning: @de's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
clement clem
@clement00
Mar 10 2017 04:22
how do i add monospace in my p element?
dipa rai
@diparai
Mar 10 2017 04:22
thanks @demiclose but i am still having error
CamperBot
@camperbot
Mar 10 2017 04:22
diparai sends brownie points to @demiclose :sparkles: :thumbsup: :sparkles:
:cookie: 140 | @demiclose |http://www.freecodecamp.com/demiclose
phuzisham
@phuzisham
Mar 10 2017 04:22
@TheChoctaw Just put a space between them in the same quotes.
dipa rai
@diparai
Mar 10 2017 04:22
<p>Click here for <a #="http://www.freecatphotoapp.com">cat photos</a>.</p>
this is what i have
demiclose
@demiclose
Mar 10 2017 04:23
@diparai you need to get rid of the freecatphoto.com because that is a valid link, replace it with #, you are missing href="#"
davon1416
@davon1416
Mar 10 2017 04:24
Can someone help with changing the color of txt My code is <h2 style="color: red">CatPhotoApp</h2>
TheChoctaw
@TheChoctaw
Mar 10 2017 04:25
@phuzisham ah. Gracias
CamperBot
@camperbot
Mar 10 2017 04:25
thechoctaw sends brownie points to @phuzisham :sparkles: :thumbsup: :sparkles:
:cookie: 131 | @phuzisham |http://www.freecodecamp.com/phuzisham
Austin Tice
@AustinTice
Mar 10 2017 04:25
@davon1416 not 100% sure but try putting a ; after the red
Richard Andreasen
@Richand83
Mar 10 2017 04:26
@davon1416 you have a style set first?
@davon1416 .red-text {
color: red;
Austin Tice
@AustinTice
Mar 10 2017 04:26
he set inline style @Richand83
davon1416
@davon1416
Mar 10 2017 04:26
I figured it out thanks
Ronald Johnson
@ronnieg1988
Mar 10 2017 04:26
You dont need ; when doing inline style
Richard Andreasen
@Richand83
Mar 10 2017 04:27
got ya
it overrides
clement clem
@clement00
Mar 10 2017 04:27
how do i add monospace font?
dipa rai
@diparai
Mar 10 2017 04:27
ohhhh thanksss
Richard Andreasen
@Richand83
Mar 10 2017 04:27
@clement00 p {
font-size: 16px;
font-family: Monospace;
Austin Tice
@AustinTice
Mar 10 2017 04:28
You only need semi-colons on inline elements if you're styling more than one thing.
Richard Andreasen
@Richand83
Mar 10 2017 04:28
@clement00 you'll need to have a close semi on that if you're on the lesson i think you are
clement clem
@clement00
Mar 10 2017 04:28
@Richand83 thx
CamperBot
@camperbot
Mar 10 2017 04:28
clement00 sends brownie points to @richand83 :sparkles: :thumbsup: :sparkles:
:warning: clement00 already gave richand83 points
Zach
@zachausmus
Mar 10 2017 04:30

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

<img 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 feel really stupid, but why is this not working for the size your image task
Austin Tice
@AustinTice
Mar 10 2017 04:30
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
.smaller-image {
width: 100px;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<img 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>
demiclose
@demiclose
Mar 10 2017 04:31
place the smaller-image class within you img tag
Austin Tice
@AustinTice
Mar 10 2017 04:31
you need to add the smaller-image class to your img tag
Indiegirl
@indiegurl
Mar 10 2017 04:32

Challenge: size your image. Help?

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

Austin Tice
@AustinTice
Mar 10 2017 04:32
@indiegurl same issue
you need to add the smaller-image class to your img tag
AndrewOscarDelta
@AndrewOscarDelta
Mar 10 2017 04:32
you need to put the smaller image class in your img tag
^^
Austin Tice
@AustinTice
Mar 10 2017 04:33
try to do a bit of research before just giving up and asking for the answer! Makes it a bit more rewarding :thumbsup:
Ronald Johnson
@ronnieg1988
Mar 10 2017 04:33
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Like this
demiclose
@demiclose
Mar 10 2017 04:34
I agree with @AustinTice!
Austin Tice
@AustinTice
Mar 10 2017 04:34
:smile: @demiclose
Indiegirl
@indiegurl
Mar 10 2017 04:34
so just put it on line one
Zach
@zachausmus
Mar 10 2017 04:35
thanks and apologies. don't know why I couldn't put it together
Austin Tice
@AustinTice
Mar 10 2017 04:35
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
AndrewOscarDelta
@AndrewOscarDelta
Mar 10 2017 04:35
Yes, add the class to it as you've done a few times leading up to that lesson.
Richard Andreasen
@Richand83
Mar 10 2017 04:35
hey @AustinTice how do you do your screen shots
Austin Tice
@AustinTice
Mar 10 2017 04:35
@zachausmus not an issue!
Indiegirl
@indiegurl
Mar 10 2017 04:35
@AustinTice @demiclose @ronnieg1988 Thanks!
CamperBot
@camperbot
Mar 10 2017 04:35
indiegurl sends brownie points to @austintice and @demiclose and @ronnieg1988 :sparkles: :thumbsup: :sparkles:
:warning: indiegurl already gave demiclose points
:cookie: 218 | @austintice |http://www.freecodecamp.com/austintice
:cookie: 100 | @ronnieg1988 |http://www.freecodecamp.com/ronnieg1988
Liosha
@Foksler
Mar 10 2017 04:35

Hello, can u help me?what i did wrong here
To start with, create an h3 element, with the text jQuery Playground.

Color your h3 element with the text-primary Bootstrap class, and center it with the text-center Bootstrap class.

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

Austin Tice
@AustinTice
Mar 10 2017 04:36
I'm not screenshotting I'm using mark down, check the bottom right of chat! It shows you all of them.
@Richand83
AndrewOscarDelta
@AndrewOscarDelta
Mar 10 2017 04:36
classes need to all be in one ""
class="class-one class-two"
Austin Tice
@AustinTice
Mar 10 2017 04:36

@Foksler you don't need the quotation marks try this:

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

frank
@ereacode
Mar 10 2017 04:37
Would someone be so kind as to help me settle this hurdle Nest the existing img element within an a element. <a href="#"><img src="https://bit.ly/fcc-relaxing cat"alt="A cute orange cat lying on its back."></a>
Liosha
@Foksler
Mar 10 2017 04:37
@AndrewOscarDelta thx
@AustinTice thx
)
CamperBot
@camperbot
Mar 10 2017 04:37
foksler sends brownie points to @andrewoscardelta and @austintice :sparkles: :thumbsup: :sparkles:
:cookie: 133 | @andrewoscardelta |http://www.freecodecamp.com/andrewoscardelta
:cookie: 219 | @austintice |http://www.freecodecamp.com/austintice
Andrew Shieh
@andrewlikes
Mar 10 2017 04:37
@ereacode is that the existing image
heroiczero
@heroiczero
Mar 10 2017 04:38
@ereacode src="https://bit.ly/fcc-relaxing cat" alt="A cute orange cat lying on its back." need a space
Austin Tice
@AustinTice
Mar 10 2017 04:40
@ereacode was your issue resolved?
frank
@ereacode
Mar 10 2017 04:42
@andrewlikes Thank you for responding yes i'm in #30
CamperBot
@camperbot
Mar 10 2017 04:42
ereacode sends brownie points to @andrewlikes :sparkles: :thumbsup: :sparkles:
:cookie: 395 | @andrewlikes |http://www.freecodecamp.com/andrewlikes
Andrew Shieh
@andrewlikes
Mar 10 2017 04:43
about @davidnodavid
CamperBot
@camperbot
Mar 10 2017 04:43
:cookie: 112 | @davidnodavid |http://www.freecodecamp.com/davidnodavid
frank
@ereacode
Mar 10 2017 04:44
@camperbot um I don't know how to do that
davon1416
@davon1416
Mar 10 2017 04:45

Can someone help me I am trying to use CSS selectors to style and this is my code

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

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

frank
@ereacode
Mar 10 2017 04:45
@AustinTice thanks for responding I had to step away for a sec "groceries need to be put away"
CamperBot
@camperbot
Mar 10 2017 04:45
ereacode sends brownie points to @austintice :sparkles: :thumbsup: :sparkles:
:cookie: 220 | @austintice |http://www.freecodecamp.com/austintice
Austin Tice
@AustinTice
Mar 10 2017 04:46
@davon1416 you need to take your h2 {color: red;}>CatPhotoApp</h2> out of the <style> tags
Not a problem @ereacode !
heroiczero
@heroiczero
Mar 10 2017 04:46
@davon1416 the content goes in the html and the design aspect is in the style or css
Sourabh Rangdal
@sourabhrangdal
Mar 10 2017 04:46
@davon1416
<style>
h2 {color: red;}
</style>

<body>

<h2>CatPhoto</h2>

</body>
demiclose
@demiclose
Mar 10 2017 04:47
@davon1416 your style sheet (anything between <style> </style>) is only for styling things like classes and elements. your <h2> needs to be outside of you stylesheet
Sourabh Rangdal
@sourabhrangdal
Mar 10 2017 04:47
@demiclose :thumbsup:
Austin Tice
@AustinTice
Mar 10 2017 04:47
Honestly you could keep the inline style, just copy and paste it outside of your last </style> tag
davon1416
@davon1416
Mar 10 2017 04:49
Thank you all, Why did you put <body> @sourabhrangdal
CamperBot
@camperbot
Mar 10 2017 04:49
davon1416 sends brownie points to @sourabhrangdal :sparkles: :thumbsup: :sparkles:
:cookie: 168 | @sourabhrangdal |http://www.freecodecamp.com/sourabhrangdal
Austin Tice
@AustinTice
Mar 10 2017 04:49
most likely a habitual thing @davon1416
davon1416
@davon1416
Mar 10 2017 04:50
ah okay.
Indiegirl
@indiegurl
Mar 10 2017 04:50

Challenge: Add borders around elements. What am I missing here?

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

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

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

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

SomBoy21
@SomBoy21
Mar 10 2017 04:51
Make sure your li elements have closing tag
did everything right but not wroking
heroiczero
@heroiczero
Mar 10 2017 04:51

@indiegurl

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

you do not need to use img{} but you do need to designate your <img> by putting it in class

demiclose
@demiclose
Mar 10 2017 04:52
extra } under img class may throw things off..? @indiegurl
Humbley
@Humbley
Mar 10 2017 04:52
hey guys, i in the middle of some of learning, can i just exit out?
heroiczero
@heroiczero
Mar 10 2017 04:52
@indiegurl remember class="smaller-image secondClass" where secondClass is another class
Indiegirl
@indiegurl
Mar 10 2017 04:53
@heroiczero where do i put this?
heroiczero
@heroiczero
Mar 10 2017 04:53
@Humbley did you sign in and submit each exercise so it saved your progress? if yes? yes
SomBoy21
@SomBoy21
Mar 10 2017 04:53
<ul>
<li>Treats<li>
<li>Boxes<li>
<li>Attention<li>
</ul>
what am i missing here guys
heroiczero
@heroiczero
Mar 10 2017 04:54
@indiegurl <img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> you see the class=""
Indiegirl
@indiegurl
Mar 10 2017 04:54
@heroiczero yes
demiclose
@demiclose
Mar 10 2017 04:54
@SomBoy21 the closing tag on each <li> needs to look like: </li>
heroiczero
@heroiczero
Mar 10 2017 04:56
@indiegurl insert the green-border to it so you can have a border remember class is separated with a space if you want to add another class
Austin Tice
@AustinTice
Mar 10 2017 04:56
<ul>
<li>Treats</li>
<li>Boxes</li>
<li>Attention</li>
</ul>
@SomBoy21
AndrewOscarDelta
@AndrewOscarDelta
Mar 10 2017 04:56
@indiegurl I feel like you could really benefit from doing a bit of googling to figure out those answers.
SomBoy21
@SomBoy21
Mar 10 2017 04:58
@AustinTice thanks
CamperBot
@camperbot
Mar 10 2017 04:58
somboy21 sends brownie points to @austintice :sparkles: :thumbsup: :sparkles:
:cookie: 221 | @austintice |http://www.freecodecamp.com/austintice
SomBoy21
@SomBoy21
Mar 10 2017 05:01
:cookie: 221 | @austintice |http://www.freecodecamp.com/austintice
Indiegirl
@indiegurl
Mar 10 2017 05:02
@AndrewOscarDelta @heroiczero @heroiczero Thanks for your advice!
CamperBot
@camperbot
Mar 10 2017 05:02
indiegurl sends brownie points to @andrewoscardelta and @heroiczero :sparkles: :thumbsup: :sparkles:
:cookie: 134 | @andrewoscardelta |http://www.freecodecamp.com/andrewoscardelta
:cookie: 951 | @heroiczero |http://www.freecodecamp.com/heroiczero
davon1416
@davon1416
Mar 10 2017 05:12

can someone tell me how this is wrong when stylin <style>
.red-text{
color: red;
}
</style>

<h2>CatPhotoApp</h2>

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

Austin Tice
@AustinTice
Mar 10 2017 05:12
you will need to put the red-text class in your <h2> tag
heroiczero
@heroiczero
Mar 10 2017 05:12
@davon1416 gotta put a class in <h2> like the example on the left
Austin Tice
@AustinTice
Mar 10 2017 05:12
<h2 class="red-text">CatPhotoApp</h2>
Erum Chagani
@echagani
Mar 10 2017 05:13
<h3 class="text-primary" "text-center">jQuery Playground</h3>
how do i make the text centered
Austin Tice
@AustinTice
Mar 10 2017 05:14
@echagani try this
<h3 class="text-primary text-center">jQuery Playground</h3>
without putting quotes around both just use one set with a space seperation.
Erum Chagani
@echagani
Mar 10 2017 05:15
oh ok thanks much i got it
Austin Tice
@AustinTice
Mar 10 2017 05:15
not a problem :D
davon1416
@davon1416
Mar 10 2017 05:15

this is what I put.. it didn't work @AustinTice <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>

Austin Tice
@AustinTice
Mar 10 2017 05:16
look at the code i showed you @davon1416
heroiczero
@heroiczero
Mar 10 2017 05:16
@davon1416 u have an extra >
Ronald
@ronwthompson
Mar 10 2017 05:16
@davon1416 Your h2 class is outside of your <>
Austin Tice
@AustinTice
Mar 10 2017 05:16
<h2 class="red-text">
davon1416
@davon1416
Mar 10 2017 05:17
thank you @AustinTice and others
CamperBot
@camperbot
Mar 10 2017 05:17
davon1416 sends brownie points to @austintice :sparkles: :thumbsup: :sparkles:
:cookie: 222 | @austintice |http://www.freecodecamp.com/austintice
alexmaragliano
@alexmaragliano
Mar 10 2017 05:17
hi can someone help me, how do i create the class to make the image smaller?
i can't figure out where to put the code
Austin Tice
@AustinTice
Mar 10 2017 05:17
can you post your code @alexmaragliano
just copy and paste I will style it for you
alexmaragliano
@alexmaragliano
Mar 10 2017 05: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;
}

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

Austin Tice
@AustinTice
Mar 10 2017 05: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;
}

.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>
Chris Cullen
@123xylem
Mar 10 2017 05:18

https://ide.c9.io/clayton901/webdevlearning
Can you see why my grid has a gap in the middle?
Heres my .css

 body{color:black;
        margin:0 auto;
    background-image:url("https://img.clipartfest.com/c69013f7236a2f4881880c306e4a042f_-african-animal-cartoon-clipart-jungle-animals-background_1300-976.jpeg");
        background-size:cover;
    }


    .image{
    max-width:300px; max-height:150px;
    float:left;
    margin:5px 5px 5px 5px;
    border:1px solid grey;
}

     .title{
         border-radius:10%;
         background-color:white;
        text-align: center;
        text-decoration: underline;
        margin-right:35%;
        margin-left:35%;
    }

    .text{
        text-align: center;
    }

    .inline{
        display: inline;
    }

     .row.form{
        width:30%;
        margin:0 33% 33% 0;
        text-align:center;
    }

And heres my html

<%include partials/header%>
<h1 class=" title">The Animal Blog</h1>

<div class="container main">
    <div class="row ">

    <%animals.forEach(function(animal){%>   
    <div class="col-lg-6">
        <div class="thumbnail">
    <image  class="image" src="<%=animal.image%>"> </image>
        <div class="text">

            <h3>Name: <%=animal.name%></h3>
            <p>Habitat: <%=animal.home%></p>
            <p>Description: <%=animal.moreInfo%></p>
             <br>
              <form class="inline" action="/animals/<%=animal.id%>/?_method=DELETE" method="POST">
    <button class="btn btn-default btn-primary">Delete Animal!</button>
<a class=" btn btn-default btn-primary" href="/animals/<%=animal.id%>/edit">Edit</a>

</form> 
 </div>

      </div>        
  </div>
   <% }); %>
</div>
        </div>

<%include partials/footer%>
Austin Tice
@AustinTice
Mar 10 2017 05:19
@alexmaragliano on your .smaller-image you have a ; after width it needs to be a :
heroiczero
@heroiczero
Mar 10 2017 05:19
@alexmaragliano <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> this should have a class="smaller-image"
Erum Chagani
@echagani
Mar 10 2017 05:19
is this correct.....<div class="container-fluid"</div <h3 class="text-primary text-center">jQuery Playground</h3>
alexmaragliano
@alexmaragliano
Mar 10 2017 05:19
right io just caught that and changed it but still won't pass
Erum Chagani
@echagani
Mar 10 2017 05:19
Your div element should have the class container-fluid.
Make sure each of your div elements has a closing tag.
Nest your h3 element inside a div element.
Austin Tice
@AustinTice
Mar 10 2017 05:19
@alexmaragliano add the class to your img tag
alexmaragliano
@alexmaragliano
Mar 10 2017 05:20
added the class= and still no pass
how do i do that?
Austin Tice
@AustinTice
Mar 10 2017 05:20
@echagani you need to close off your first div tag
dabwitso
@dabwitso
Mar 10 2017 05:20
hi, I have been having an issue with the images I load into html using src="url" in code-pen. whenever I change the browser or device, the images don't load and only display the alt="" content
Austin Tice
@AustinTice
Mar 10 2017 05:21
@alexmaragliano
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
heroiczero
@heroiczero
Mar 10 2017 05:21
@alexmaragliano .smaller-image {width: 100px;} this should look like this too and you did class with <h2 class="red-text"> before
Austin Tice
@AustinTice
Mar 10 2017 05:21
@dabwitso can you post your pen?
Code_Minded
@mnedariya
Mar 10 2017 05:21

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

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

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

<p>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 wrote this code but its showing error
__mifflin__
@cdrainxv
Mar 10 2017 05:22
Missing : here: font-size 16px;
Austin Tice
@AustinTice
Mar 10 2017 05:22
@mnedariya you dont have a : after your font-size
^^^
Code_Minded
@mnedariya
Mar 10 2017 05:22
this error
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
heroiczero
@heroiczero
Mar 10 2017 05:22
@mnedariya :point_up: March 10, 2017 12:22 AM
Austin Tice
@AustinTice
Mar 10 2017 05:23
quick on that markdown @cdrainxv :smirk:
Code_Minded
@mnedariya
Mar 10 2017 05:23
thanks @AustinTice
CamperBot
@camperbot
Mar 10 2017 05:23
mnedariya sends brownie points to @austintice :sparkles: :thumbsup: :sparkles:
:cookie: 223 | @austintice |http://www.freecodecamp.com/austintice
__mifflin__
@cdrainxv
Mar 10 2017 05:23
Lots of practice.
Austin Tice
@AustinTice
Mar 10 2017 05:23
thanks @cdrainxv as well.
CamperBot
@camperbot
Mar 10 2017 05:23
austintice sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 2388 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Austin Tice
@AustinTice
Mar 10 2017 05:23
not a problem @mnedariya !
dabwitso
@dabwitso
Mar 10 2017 05:23
<div class="container">
<div class="row text-center" style="background-color:silver">
<div class="col-xs-2" style="border:5px solid silver">
<div style="padding-top:150px">
<img style="width:250px" src="http://weknowyourdreams.com/images/bible/bible-01.jpg" alt="Image of a Bible.">
</div>
</div>
<div class="col-xs-8">
<h1><b><big>Jesus Christ</big></b></h1>
<h2><em>The Savior of The World<em></h2>
<div class="thumbnail">
<img style="width:610px" src="http://www.askyeshua.com/wp-content/uploads/2013/08/ask-Yeshua-on-the-cross-450x240.jpg" alt="Jesus Christ our Lord on the cross.">
<div class="caption text-center">
<p>The expression of God's love for mankind:<em> John 3:16</em></p>
</div>
</div>
</div>
<div class="col-xs-2" style="border:5px solid silver">
<div style="padding-top:200px">
<img class="thumbnail" style="width:260px" src="http://weknowyourdreams.com/images/bible/bible-02.jpg" alt="Image of an open Bible.">
</div>
</div>
</div>
</div>
KeyurBabariya
@KeyurBabariya
Mar 10 2017 05:24

why this code gives error stating "Your <style> should have a pink-text CSS class with its color set to pink." <style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
.pink-text{color:pink}
</style>

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

heroiczero
@heroiczero
Mar 10 2017 05:24
@KeyurBabariya missing ; in .pink-text{color:pink}
KeyurBabariya
@KeyurBabariya
Mar 10 2017 05:24
ahhh
dabwitso
@dabwitso
Mar 10 2017 05:24
@AustinTice I have posted. hope thats what you meant.
kinda new to this
KeyurBabariya
@KeyurBabariya
Mar 10 2017 05:24
thanks @heroiczero
CamperBot
@camperbot
Mar 10 2017 05:24
keyurbabariya sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:cookie: 952 | @heroiczero |http://www.freecodecamp.com/heroiczero
alexmaragliano
@alexmaragliano
Mar 10 2017 05:24
i can't get this to work
tameemh
@tameemh
Mar 10 2017 05:25
assistance? :(
Code_Minded
@mnedariya
Mar 10 2017 05:25
yes @tameemh
Austin Tice
@AustinTice
Mar 10 2017 05:25
@KeyurBabariya put a ; after your color: pink
tameemh
@tameemh
Mar 10 2017 05:25
have to set an element background color using background-color property within dev elements

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

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

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

Austin Tice
@AustinTice
Mar 10 2017 05:25
@alexmaragliano whats happening?
tameemh
@tameemh
Mar 10 2017 05:25
thats what i have so far
Austin Tice
@AustinTice
Mar 10 2017 05:26
@tameemh I'm a bit confused on what the question is
tameemh
@tameemh
Mar 10 2017 05:26
sorry
heroiczero
@heroiczero
Mar 10 2017 05:27
@tameemh first you set the background-color: to a class in css or style then designate it to a <div> where is the <div> supposed to be?
Austin Tice
@AustinTice
Mar 10 2017 05:27
@dabwitso can you link in the pen itself, not just the code.
tameemh
@tameemh
Mar 10 2017 05:28

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

.smaller-image {
width: 100px;
}
</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>

sorry if it seems like spam, just really frustrated. ive been stuck on this for 45 minutes
Austin Tice
@AustinTice
Mar 10 2017 05:29
@tameemh what lesson are u on?
tameemh
@tameemh
Mar 10 2017 05:29
"
Give a Background Color to a Div Element"
Austin Tice
@AustinTice
Mar 10 2017 05: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>

<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>
alexmaragliano
@alexmaragliano
Mar 10 2017 05:29
no matter what i do the image won't change to 100px
tameemh
@tameemh
Mar 10 2017 05:30
@AustinTice "
Give a Background Color to a Div Element"
nsonhouse
@nsonhouse
Mar 10 2017 05:30
Hello everyone. Need some help . How can I capture a button value with an onclick and store it to a variable?
Austin Tice
@AustinTice
Mar 10 2017 05:30
go to your <div> and add the classsilver-background
heroiczero
@heroiczero
Mar 10 2017 05:30
@alexmaragliano <img class="" src="" alt="" /> thats the basic format
Ronald
@ronwthompson
Mar 10 2017 05:31
@nsonhouse Are you using javascript?
nsonhouse
@nsonhouse
Mar 10 2017 05:31
Yes I am
Austin Tice
@AustinTice
Mar 10 2017 05:31
@tameemh ^
nsonhouse
@nsonhouse
Mar 10 2017 05:31
I have confused myself with the way I created the buttons.
SIRIUScoder1
@SIRIUScoder1
Mar 10 2017 05:31
can anyone tell me how to insert images in gitter
heroiczero
@heroiczero
Mar 10 2017 05:31

@tameemh

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

you see this div you have to make it have a class silver-background and you have to define .silver-background in your style or css so you can have a silver background

tameemh
@tameemh
Mar 10 2017 05:32
@AustinTice i did but its not working
nsonhouse
@nsonhouse
Mar 10 2017 05:32

@ronwthompson //create buttons
for (i = 65; i < 91; i++) {
var buttonLet = String.fromCharCode(i);
var newBtn = document.createElement("BUTTON");
newBtn.textContent = buttonLet;
newBtn
newBtn.setAttribute("value", buttonLet);
var buttslist = document.getElementById("buttonLetters");
buttslist.appendChild(newBtn);

}

Austin Tice
@AustinTice
Mar 10 2017 05:32
<div class="silver-background">
Ronald
@ronwthompson
Mar 10 2017 05:32
@nsonhouse The button can be used just to trigger a function to pull your value from whatever (such as an input field).
Austin Tice
@AustinTice
Mar 10 2017 05:32
try now @tameemh
andry91959
@andry91959
Mar 10 2017 05:32
hello, can someone tell why my google fonts are not working
alexmaragliano
@alexmaragliano
Mar 10 2017 05:33
@heroiczero still no pass
Ronald
@ronwthompson
Mar 10 2017 05:33
@nsonhouse Is this for a challenge?
Austin Tice
@AustinTice
Mar 10 2017 05:33
@alexmaragliano please repost your code I will help
heroiczero
@heroiczero
Mar 10 2017 05:33

@tameemh you do not have a

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

for example in css or style

nsonhouse
@nsonhouse
Mar 10 2017 05:33
@ronwthompson No it is for a HW
@ronwthompson Hangman
SIRIUScoder1
@SIRIUScoder1
Mar 10 2017 05:33
can anybody tell me how to post images here in chat box... i a doubt
alexmaragliano
@alexmaragliano
Mar 10 2017 05:33

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

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

h2 {
font-family: Lobster, Monospace;
}

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

</style>

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

<img class= ".smaller-image {width: 100px;}" 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>

Austin Tice
@AustinTice
Mar 10 2017 05:34
and what lesson are you on? @alexmaragliano
alexmaragliano
@alexmaragliano
Mar 10 2017 05:34
size your images
Austin Tice
@AustinTice
Mar 10 2017 05:34
@heroiczero what does the red-background have relevance to?
Ronald
@ronwthompson
Mar 10 2017 05:34
@nsonhouse What are you trying to do? It looks like you want to make a button for each letter in the alphabet?
heroiczero
@heroiczero
Mar 10 2017 05:34
@alexmaragliano
<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= "" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "><!-- just smaller-image-->

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
tameemh
@tameemh
Mar 10 2017 05:35
@AustinTice i did as you said but it still says the div element should have a silver background
nsonhouse
@nsonhouse
Mar 10 2017 05:36
@ronwthompson Yes I did create the buttons. Now I want to capture the click of the user. That click should give me the letter of the key the user selected. I will use that letter to search an array for the index that contains that letter.
Austin Tice
@AustinTice
Mar 10 2017 05:36
@alexmaragliano
<!--This is your HTML-->
<img class="smaller-image">
//CSS
.smaller-image{
    width: 100px;
}
heroiczero
@heroiczero
Mar 10 2017 05:36
@tameemh you remember how you defined red-text in <style> to have a color:red; you have to do it for silver-background
Austin Tice
@AustinTice
Mar 10 2017 05:37
@tameemh then make css that styles the background: silver;
Ronald
@ronwthompson
Mar 10 2017 05:37
@nsonhouse Ah, ok. You won't really be capturing a value, then. Think of trying to get what element is being clicked and using that to process the letter. You can do this through something like the button's id.
alexmaragliano
@alexmaragliano
Mar 10 2017 05:38
@heroiczero literally nothing is working
Austin Tice
@AustinTice
Mar 10 2017 05:38
@alexmaragliano if you follow my ^ examples it will work.
heroiczero
@heroiczero
Mar 10 2017 05:38

@tameemh
there is an example on your left

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

do it the same for silver-background

SIRIUScoder1
@SIRIUScoder1
Mar 10 2017 05:39
i am trying to put two elements in the list a paragraph and a image in the same line but i want to keep the bullet generated from unordered list...
alt
heroiczero
@heroiczero
Mar 10 2017 05:39
@alexmaragliano did you see my comment it has the answer
Austin Tice
@AustinTice
Mar 10 2017 05:39
@SIRIUScoder1 post your code please
SIRIUScoder1
@SIRIUScoder1
Mar 10 2017 05:39
okk waite
wait**