These are chat archives for FreeCodeCamp/Help

14th
Feb 2017
DeepakMirdwal
@DeepakMirdwal
Feb 14 2017 00:00
how to do this followings:
Your a element should have the anchor text of "cat photos".
You need an a element that links to http://freecatphotoapp.com
Make sure your a element has a closing tag.
Copen
@copenixus
Feb 14 2017 00:00
4-leaf clover can bring me luck :four_leaf_clover:
Margaret
@Margaret2
Feb 14 2017 00:00
@DeepakMirdwal what have you tried
Manish Giri
@Manish-Giri
Feb 14 2017 00:01
about @Margaret2
CamperBot
@camperbot
Feb 14 2017 00:01
:star2: 1623 | @margaret2 |http://www.freecodecamp.com/margaret2
DeepakMirdwal
@DeepakMirdwal
Feb 14 2017 00:01
<a href="http://freecatphotoapp.com">cat photos</a>
@Margaret2
Manish Giri
@Manish-Giri
Feb 14 2017 00:02
@Margaret2 so
CreativeNoob
@CreativeNoob
Feb 14 2017 00:02
Hey people, new to this so warm welcomes are all welcome 😊
Margaret
@Margaret2
Feb 14 2017 00:02
@DeepakMirdwal ok, that looks good. Can you show your whole code
Manish Giri
@Manish-Giri
Feb 14 2017 00:02
@Margaret2 what
@Margaret2 do
@Margaret2 I
@Margaret2 have
@Margaret2 to
@Margaret2 do
@Margaret2 for Markdown Previewer
Margaret
@Margaret2
Feb 14 2017 00:02
:joy: :joy:
Manish Giri
@Manish-Giri
Feb 14 2017 00:02
:shipit:
Margaret
@Margaret2
Feb 14 2017 00:03
to convert an html string to markdown
Copen
@copenixus
Feb 14 2017 00:03
<p>Click here for <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>
@DeepakMirdwal
edit for your requirements
Margaret
@Margaret2
Feb 14 2017 00:04
@CreativeNoob :fire: :sparkles: :two_hearts: :purple_heart: :tada: :confetti_ball: :cake: :balloon: WELCOME!!!!
@CreativeNoob warm enough? :D
Manish Giri
@Manish-Giri
Feb 14 2017 00:04
:unamused:
DeepakMirdwal
@DeepakMirdwal
Feb 14 2017 00:04
@Margaret2 thanx for your response but it worked
CamperBot
@camperbot
Feb 14 2017 00:04
deepakmirdwal sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 1624 | @margaret2 |http://www.freecodecamp.com/margaret2
Margaret
@Margaret2
Feb 14 2017 00:04
@DeepakMirdwal oh good :+1:
@Manish-Giri it is not hard at all
the MD previewer
you just have to take an input in one div and display output in another div
Manish Giri
@Manish-Giri
Feb 14 2017 00:07
uh
okie
I'll have more qs for you soon
but ty @Margaret2
CamperBot
@camperbot
Feb 14 2017 00:07
manish-giri sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:warning: manish-giri already gave margaret2 points
Maha
@mahalaxs
Feb 14 2017 00:14
@DeepakMirdwal thank you. it worked
CamperBot
@camperbot
Feb 14 2017 00:14
mahalaxs sends brownie points to @deepakmirdwal :sparkles: :thumbsup: :sparkles:
:cookie: 29 | @deepakmirdwal |http://www.freecodecamp.com/deepakmirdwal
cococat28
@cococat28
Feb 14 2017 00:15
for radiobuttons is it necessary to include a name in the input element?
beside <label><input type="radio> why do i need to include a name?
Ashley
@adowell5
Feb 14 2017 00:16
I am on the lesson in jQuery called "Target the same element with multiple jQuery Selectors"
this is what I have put, "<script>
$(document).ready(function() {
$("button").addClass(animated);
$(".btn").addClass(shake);
$("#target1").addClass(btn-primary);
});
</script>
David Gou
@watwolves8855
Feb 14 2017 00:17
yeah?
Ashley
@adowell5
Feb 14 2017 00:17
it will not let me pass. So I am not sure what to do next.
Manish Giri
@Manish-Giri
Feb 14 2017 00:17
@adowell5 quotes
missing quotes
around class names.
Ashley
@adowell5
Feb 14 2017 00:17
oh ok, let me try that
rsenter1993
@rsenter1993
Feb 14 2017 00:18
Hey all1
!
Ashley
@adowell5
Feb 14 2017 00:19
@Manish-Giri Thank you! For some reason I was thinking the classes did not need quotes.
CamperBot
@camperbot
Feb 14 2017 00:19
adowell5 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4202 | @manish-giri |http://www.freecodecamp.com/manish-giri
rsenter1993
@rsenter1993
Feb 14 2017 00:19
I'm trying to assign a class to my <div> for background.
<div class="background-color">
Can seem to find what I'm doing?
Manish Giri
@Manish-Giri
Feb 14 2017 00:19
@adowell5 :+1:
rsenter1993
@rsenter1993
Feb 14 2017 00:21
Never mind got it.
Zack Richardson
@ZackRich12
Feb 14 2017 00:23
Inherit styles from body element

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

  }


</style>
<h1>Hello World</h1>
<body>


</body>
anyone mind helping me?
Garrus Napp
@GarrusNapp
Feb 14 2017 00:23
@ZackRich12 delete <body></body> it's silently there :D
@ZackRich12 also do they want background-color or color? ;)
Zack Richardson
@ZackRich12
Feb 14 2017 00:24
I've never felt so dumb lol
color
Ashok kumar
@ashokk1990
Feb 14 2017 00:25
@ashokk1990
why :: used in json
??
"key": "matte::product_A::Lens"
Angie W.
@angiedweldon
Feb 14 2017 00:25
anyone good at social media buttons? i am adding them to my portfolio and can't figure out why my links don't work? they won't go to my social media pages. can someone help me?? (PS IT IS UGLY and not done yet : ) SO MANY things i don't know! ahhhh! https://codepen.io/angiedweldon/pen/rjGPRy
Manish Giri
@Manish-Giri
Feb 14 2017 00:26
@angiedweldon <a href="https://twitter.com/angiedweldon" class="fa fa-twitter" target="_blank"></a>
add the target attribute
Angie W.
@angiedweldon
Feb 14 2017 00:27
@Manish-Giri THAT WAS IT!!! thank you so so much!!!!
CamperBot
@camperbot
Feb 14 2017 00:27
angiedweldon sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4203 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Feb 14 2017 00:28
@angiedweldon welcome!
Angie W.
@angiedweldon
Feb 14 2017 00:28
@Manish-Giri any suggestions on how i can make the icons bigger? i've messed with all of the padding and font sizes in the CSS and they are still so tiny!!
Shiv Divanji
@shdivanji
Feb 14 2017 00:29
I'm trying to write a CSS class called pink-text that give my element the color pink, but I don't know what to write
Ashok kumar
@ashokk1990
Feb 14 2017 00:29
why :: used in json
??
"key": "matte::product_A::Lens"
Manish Giri
@Manish-Giri
Feb 14 2017 00:29
@angiedweldon here - http://fontawesome.io/examples/
font-awesome provides classes to increase the icon sizes
like <i class="fa fa-camera-retro fa-5x"></i> fa-5x
Mario mercado
@MMV300985
Feb 14 2017 00:30
closing element dont work help please
</p>
Angie W.
@angiedweldon
Feb 14 2017 00:32
@Manish-Giri where do i put that i class? within each of the html button areas? (similar to adding the target you suggested earlier)
romy2455
@romy2455
Feb 14 2017 00:33
help

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

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

Manish Giri
@Manish-Giri
Feb 14 2017 00:34
@angiedweldon like this - <a href="https://twitter.com/angiedweldon" class="fa fa-twitter fa-4x" target="_blank"></a>
Angie W.
@angiedweldon
Feb 14 2017 00:36
@Manish-Giri i get it now!! wow, thank you so much! i think you have been the one to help me every single time i have had a question on this forum! you rock!!
CamperBot
@camperbot
Feb 14 2017 00:36
angiedweldon sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:warning: angiedweldon already gave manish-giri points
Manish Giri
@Manish-Giri
Feb 14 2017 00:36
haha
@angiedweldon happy to help!
lanathehaxoar
@lanathehaxoar
Feb 14 2017 00:40
i need serious help with Use Responsive Design with Bootstrap Fluid Containers
heres my code

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

<div container-fluid>

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

can someone please help!
Margaret
@Margaret2
Feb 14 2017 00:42
@lanathehaxoar put all the elements inside a div, then give the div the "container-fluid" class
lanathehaxoar
@lanathehaxoar
Feb 14 2017 00:42
@Manish-Giri can you help?
that doesnt really make sense to me
Manish Giri
@Manish-Giri
Feb 14 2017 00:42
@lanathehaxoar yeah, follow what Margaret said
Slitherings
@Slitherings
Feb 14 2017 00:43

myStr = "<a href=\"http://www.example.com\" target=\"_blank\">Link</a>";

The Challenge is Quoting Strings with Single Quotes

lanathehaxoar
@lanathehaxoar
Feb 14 2017 00:43
like all the elements ive used so far?
Manish Giri
@Manish-Giri
Feb 14 2017 00:43
put all the elements inside a div, then give the div the "container-fluid" class
all the HTML elements - the ones after the closing </style>
@lanathehaxoar
lanathehaxoar
@lanathehaxoar
Feb 14 2017 00:43
okay thanks @Manish-Giri
CamperBot
@camperbot
Feb 14 2017 00:43
lanathehaxoar sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4204 | @manish-giri |http://www.freecodecamp.com/manish-giri
Margaret
@Margaret2
Feb 14 2017 00:44
i think it will actually work with all the elements, even though that's not best practice :P
lanathehaxoar
@lanathehaxoar
Feb 14 2017 00:44
wait should i put my code in those elements in the div class to?
:haha
Margaret
@Margaret2
Feb 14 2017 00:44
@lanathehaxoar there is no such thing as a "div class". Just make a div around all your elements, then give the div a class
lanathehaxoar
@lanathehaxoar
Feb 14 2017 00:45
oh thanks so much @Margaret2 thank you @Margaret2
CamperBot
@camperbot
Feb 14 2017 00:45
lanathehaxoar sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 1625 | @margaret2 |http://www.freecodecamp.com/margaret2
lanathehaxoar
@lanathehaxoar
Feb 14 2017 00:45
bye im leaving chat now bye everybody!
Margaret
@Margaret2
Feb 14 2017 00:45
ok :wave: cya
Slitherings
@Slitherings
Feb 14 2017 00:46
var myStr = "<a href=\"http://www.example.com\" target=\"_blank\">Link</a>";
can someone help me on the Quoting strings with single quotes challenge?
im confused and have been trying to understand the challenge all day.
Margaret
@Margaret2
Feb 14 2017 00:47
@Slitherings you shouldn't be using any backslashes, so get rid of those first
@Slitherings once you've done that, replace the " at the beginning and end of the string with '
Slitherings
@Slitherings
Feb 14 2017 00:49
Only remove the backslashes \ used to escape quotes. is the last x im geting
Margaret
@Margaret2
Feb 14 2017 00:50
@Slitherings ok, can you show what it looks like now
Slitherings
@Slitherings
Feb 14 2017 00:50
var myStr = '<a href="http://www.example.com" target="_blank">Link<a>';
Margaret
@Margaret2
Feb 14 2017 00:51
@Slitherings you're missing / for your closing </a> tag
Slitherings
@Slitherings
Feb 14 2017 00:52
@Margaret2 can u show me a example of how the code should look like plz?
Margaret
@Margaret2
Feb 14 2017 00:52
@Slitherings no
Manish Giri
@Manish-Giri
Feb 14 2017 00:52
lol
Margaret
@Margaret2
Feb 14 2017 00:52
what does it look like now
@Slitherings you may just need to refresh the page
Slitherings
@Slitherings
Feb 14 2017 00:53
pretty sure its still wrong
var myStr = '<a href="http://www.example.com" target="_blank">Link/<a>';
Manish Giri
@Manish-Giri
Feb 14 2017 00:53
@Slitherings you're missing / for your closing </a> tag
Slitherings
@Slitherings
Feb 14 2017 00:53
ooh
im a idiot
Margaret
@Margaret2
Feb 14 2017 00:53
@Slitherings lol </a>, not /<a>
Slitherings
@Slitherings
Feb 14 2017 00:53
i went retard
lmao
Margaret
@Margaret2
Feb 14 2017 00:54
:D
Slitherings
@Slitherings
Feb 14 2017 00:54
@Margaret2 thanks for the help haha
CamperBot
@camperbot
Feb 14 2017 00:54
slitherings sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 1626 | @margaret2 |http://www.freecodecamp.com/margaret2
Slitherings
@Slitherings
Feb 14 2017 00:54
@Manish-Giri thank you also :)
Margaret
@Margaret2
Feb 14 2017 00:54
np :+1:
Manish Giri
@Manish-Giri
Feb 14 2017 00:54
:+1:
Margaret
@Margaret2
Feb 14 2017 00:54
lol did @OFFLlNE mess up the regex so that thank you doesn't work anymore
CamperBot
@camperbot
Feb 14 2017 00:54
margaret2 sends brownie points to @offllne :sparkles: :thumbsup: :sparkles:
:cookie: 909 | @offllne |http://www.freecodecamp.com/offllne
Margaret
@Margaret2
Feb 14 2017 00:55
hmm guess cbot just derped out
Manish Giri
@Manish-Giri
Feb 14 2017 00:55
it's just unlucky me
Slitherings
@Slitherings
Feb 14 2017 00:55
ill just send it again
Margaret
@Margaret2
Feb 14 2017 00:55
eightball do you have something against @Manish-Giri
CamperBot
@camperbot
Feb 14 2017 00:55
@Margaret2 :8ball: ask again later :sparkles:
Slitherings
@Slitherings
Feb 14 2017 00:55
@Manish-Giri thank you for the help buddy i guess cbot went retard mode just like me
CamperBot
@camperbot
Feb 14 2017 00:55
slitherings sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4205 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Feb 14 2017 00:55
lol
@Slitherings welcome
Margaret
@Margaret2
Feb 14 2017 00:57
@Manish-Giri i want to make a codepen that you can put in some if/else if/else conditions and it will generate a nice concise ternary operator for you
303fay
@303fay
Feb 14 2017 00:57
is this code correct?<script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("animated shake");
$("#target1").addClass("animated shake btn-primary");
});
</script>
Manish Giri
@Manish-Giri
Feb 14 2017 00:57
@Margaret2 :frowning:
Margaret
@Margaret2
Feb 14 2017 00:58
@Manish-Giri i mean, isn't this WAY nicer than a complicated if or switch statement?
        color = stars == 1 ? 'blue-1'
        : stars == 2 ? 'blue-2' 
        : stars == 3 ? 'blue-3'
        : stars == 4 ? 'blue-4' 
        : stars == 5 ? 'blue-5': 'gray-1';
        return color;
Ricardo Jean-Pierre
@Rricky122890
Feb 14 2017 00:59
Where do I put this form-contol? and what does it do?
Margaret
@Margaret2
Feb 14 2017 00:59
@303fay 2nd line should only add "shake" and 3rd line should only add "btn-primary"
Slitherings
@Slitherings
Feb 14 2017 00:59
May i ask a quesiton not related to any code im having trouble on?
Alforbes
@Alforbes
Feb 14 2017 01:00
can someone help me out with this please

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

pink-text: pink;

</style>

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

need a pink-text class in CSS
Manish Giri
@Manish-Giri
Feb 14 2017 01:00
@Margaret2 :running:
Slitherings
@Slitherings
Feb 14 2017 01:00
you need to change the color: green;
Alforbes
@Alforbes
Feb 14 2017 01:01
jesus christ........ @slitherings thank you
CamperBot
@camperbot
Feb 14 2017 01:01
:cookie: 144 | @slitherings |http://www.freecodecamp.com/slitherings
alforbes sends brownie points to @slitherings :sparkles: :thumbsup: :sparkles:
Margaret
@Margaret2
Feb 14 2017 01:01
@Manish-Giri u running away from it? :(
Slitherings
@Slitherings
Feb 14 2017 01:01
haha i could of explained it better but np
303fay
@303fay
Feb 14 2017 01:01
@Margaret2 thank you!
CamperBot
@camperbot
Feb 14 2017 01:01
303fay sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 1627 | @margaret2 |http://www.freecodecamp.com/margaret2
Alforbes
@Alforbes
Feb 14 2017 01:01
wait, but i need the h1 element as well
and a pink text CSS class in style
and the body color has to remain green
Slitherings
@Slitherings
Feb 14 2017 01:02
wat challenge?
Margaret
@Margaret2
Feb 14 2017 01:02
@Alforbes make a new set of CSS brackets for the class
mamills816
@mamills816
Feb 14 2017 01:02
<style>
Alforbes
@Alforbes
Feb 14 2017 01:03
@Margaret2 like so...
h1 {
pink-text: pink;
}
Margaret
@Margaret2
Feb 14 2017 01:03
.class-name { 
    property: value;
}
@Alforbes ^ this is how you make a CSS class. "pink-text" is a class name, not a property
Ricardo Jean-Pierre
@Rricky122890
Feb 14 2017 01:03
Give the submit button in your form the classes btn btn-primary.
Add a <i class="fa fa-paper-plane"></i> within your submit button element.
Give the text input in your form the class form-control.
Make sure each of your i elements has a closing tag.
mamills816
@mamills816
Feb 14 2017 01:03

<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>
why is h2 not blue?

Slitherings
@Slitherings
Feb 14 2017 01:04
wait why do u have a class if u have it where the header is already default the color pink?
Ricardo Jean-Pierre
@Rricky122890
Feb 14 2017 01:04
I'm having a hard time with the form-control section
Alforbes
@Alforbes
Feb 14 2017 01:04
its not. it is supposed to be green
Ricardo Jean-Pierre
@Rricky122890
Feb 14 2017 01:04

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

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

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

</style>

<div class="container-fluid">
<div class="row">
<div class="col-xs-8">
<h2 class="text-primary text-center">CatPhotoApp</h2>
</div>
<div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
</div>
</div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
<p>Things cats <span class="text-danger">love:</span></p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<div class="row">
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
</div>
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
</div>
</div>
<div class="row">
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Loving</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Lazy</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Crazy</label>
</div>
</div>
<input type="text" placeholder="cat photo URL" required>
<button type="submit" class="btn btn-primary"> <i class="fa fa-paper-plane"> Submit </i> </button>
</form>
</div>

Margaret
@Margaret2
Feb 14 2017 01:04
@mamills816 you have no h2 element, how can you expect something that doesn't exist to be blue
NewbieChelsea
@NewbieChelsea
Feb 14 2017 01:05
@Alforbes I think i'm on the same lesson...and I think I'm too tired.
mamills816
@mamills816
Feb 14 2017 01:05
@Margaret2 whoops deleted the element to begin with thank you
CamperBot
@camperbot
Feb 14 2017 01:05
mamills816 sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
Slitherings
@Slitherings
Feb 14 2017 01:05
@Rricky122890 just found the challenge your on give me a min ill try to help you the best i can :)
CamperBot
@camperbot
Feb 14 2017 01:05
:star2: 1628 | @margaret2 |http://www.freecodecamp.com/margaret2
Ricardo Jean-Pierre
@Rricky122890
Feb 14 2017 01:05
@Slitherings okay coolio!
Alforbes
@Alforbes
Feb 14 2017 01:06
@Margaret2 thank you, got it
CamperBot
@camperbot
Feb 14 2017 01:06
alforbes sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 1629 | @margaret2 |http://www.freecodecamp.com/margaret2
Alforbes
@Alforbes
Feb 14 2017 01:06
@NewbieChelsea i can send you the text if you like
but what @Margaret2 said was very helpful
Margaret
@Margaret2
Feb 14 2017 01:06
@Alforbes if she wants you to send an answer, do it in a private message, not on here
Alforbes
@Alforbes
Feb 14 2017 01:07
@Margaret2 ok
Margaret
@Margaret2
Feb 14 2017 01:08
@Rricky122890 where did they tell you to put the "form-control" class
Slitherings
@Slitherings
Feb 14 2017 01:08
@Margaret2 Give the text input in your form the class form-control. i think hes talking about this
Margaret
@Margaret2
Feb 14 2017 01:08
oh ok ty @Slitherings
CamperBot
@camperbot
Feb 14 2017 01:08
margaret2 sends brownie points to @slitherings :sparkles: :thumbsup: :sparkles:
:cookie: 145 | @slitherings |http://www.freecodecamp.com/slitherings
Slitherings
@Slitherings
Feb 14 2017 01:08
im having trouble trying to find the error because im constantly switching between my 2 monitors trying to spot a error :(
Margaret
@Margaret2
Feb 14 2017 01:09
@Rricky122890 the "text input" is this: <input type="text">
@Slitherings lol
Ricardo Jean-Pierre
@Rricky122890
Feb 14 2017 01:09
@Margaret2 I think they're telling me to put it by the submit button
Margaret
@Margaret2
Feb 14 2017 01:10
@Rricky122890 submit button or text input element?
Mushtaq
@mahalepoto
Feb 14 2017 01:11
hi guys im new in here
Slitherings
@Slitherings
Feb 14 2017 01:11
@mahalepoto Welcome to FCC!
Ricardo Jean-Pierre
@Rricky122890
Feb 14 2017 01:11
@Margaret2 submit button
Mushtaq
@mahalepoto
Feb 14 2017 01:11
need bit help if anyone there
Thanks @Slitherings
CamperBot
@camperbot
Feb 14 2017 01:12
mahalepoto sends brownie points to @slitherings :sparkles: :thumbsup: :sparkles:
:cookie: 147 | @slitherings |http://www.freecodecamp.com/slitherings
Slitherings
@Slitherings
Feb 14 2017 01:12
there are tons of people here, dont be shy to ask questions
Mushtaq
@mahalepoto
Feb 14 2017 01:12

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

Margaret
@Margaret2
Feb 14 2017 01:12
@Rricky122890 you have to give the class to your <input type="text"> element
@mahalepoto lowercase s for <style></style>
Slitherings
@Slitherings
Feb 14 2017 01:13
@Margaret2 hahaha how far have you made it in FCC?
Ricardo Jean-Pierre
@Rricky122890
Feb 14 2017 01:13
@Margaret2 I reread the challenge and you are right lol. mmmy bad.
Mushtaq
@mahalepoto
Feb 14 2017 01:14
dam .............cheers mate @Margaret2
Maid Koric
@KoRaa97
Feb 14 2017 01:14
it says Nest your text input element within a form element, and this is what I do : <form type="text" placeholder="cat photo URL" action="/submit-cat-photo" </form>
Margaret
@Margaret2
Feb 14 2017 01:14
@Slitherings i finished the front end cert, did a few of the other exercises but not a lot
Mushtaq
@mahalepoto
Feb 14 2017 01:14
thanks @Margaret2
CamperBot
@camperbot
Feb 14 2017 01:14
mahalepoto sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 1630 | @margaret2 |http://www.freecodecamp.com/margaret2
Margaret
@Margaret2
Feb 14 2017 01:15

@KoRaa97 no, they want the input element to be between the tags of the form element:

<form> <input> </form>
so you should probably reset and redo

Maid Koric
@KoRaa97
Feb 14 2017 01:15
thanks a lot, will try!
Margaret
@Margaret2
Feb 14 2017 01:15
ok guys gtg see ya later :wave:
Slitherings
@Slitherings
Feb 14 2017 01:15
bye! @Margaret2
Ricardo Jean-Pierre
@Rricky122890
Feb 14 2017 01:16
@Margaret2 alright cya and thank you!
CamperBot
@camperbot
Feb 14 2017 01:16
rricky122890 sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 1631 | @margaret2 |http://www.freecodecamp.com/margaret2
Graham Gardner
@BassSublime24
Feb 14 2017 01:17
I've got a super elementary question, but I can't seem to figure it out =(
I'm trying to make my H2 element use a red text and a font-family that I loaded from google -- but I'm obviously formatting it incorrectly:
<h2 class="red-text; font-family: Lobster">CatPhotoApp</h2>
any suggestions?
Maid Koric
@KoRaa97
Feb 14 2017 01:18
@BassSublime24 put ; after font-family
@BassSublime24 sorr wrong, my bad.
Graham Gardner
@BassSublime24
Feb 14 2017 01:19
anything you suggest would be better than what I'm doing currently =p
I feel like a nimrod
Maid Koric
@KoRaa97
Feb 14 2017 01:19
did you created .red-text class in <style>?
Graham Gardner
@BassSublime24
Feb 14 2017 01:20
yes

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

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

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

<h2 class="red-text; font-family: Lobster;">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>

I suspect that the issue is how I am formatting the calls within the h2 element, but I cannot find an example online -- I probably just need to google harder ;)
Maid Koric
@KoRaa97
Feb 14 2017 01:21
did you set your screen zoom to 100%?
Graham Gardner
@BassSublime24
Feb 14 2017 01:22
I believe so. The error I am getting is "Your h2 element should use the font lobster"
so I believe it's not correctly applying Lobster to h2
Maid Koric
@KoRaa97
Feb 14 2017 01:23
you don't need ; after lobster I think
Graham Gardner
@BassSublime24
Feb 14 2017 01:24
I removed it, still the same error
grrr!
Maid Koric
@KoRaa97
Feb 14 2017 01:24
remove after red-text too :D
h2 { font-family: Lobster } you need to add this to the style
Graham Gardner
@BassSublime24
Feb 14 2017 01:27
the lesson is calling for me to set Lobster as a font-family value on my h2 element
so freaking confused
Maid Koric
@KoRaa97
Feb 14 2017 01:28
reset the code
Graham Gardner
@BassSublime24
Feb 14 2017 01:29
reset, set the call up top in the style
and it worked ;)
thank you
directions are just worded funny -- figured it wanted me to do it directly within the h2 inline
Maid Koric
@KoRaa97
Feb 14 2017 01:29
you're welcome! so glad I helped, just started learning html today just as you :D
Graham Gardner
@BassSublime24
Feb 14 2017 01:30
for future reference -- if I want to do multiple inline items, what would that look like? Say I want to make my H2 Arial and bold?
oh, well you are light years ahead of me apparently! lol
if I can figure out how to give you brownie points, I will
Maid Koric
@KoRaa97
Feb 14 2017 01:31
don't worry, you will get to that, I'm at lesson 35 now, not so far ahead of you, I thin you just write @KoRaa97 thank you and brownies come to me
CamperBot
@camperbot
Feb 14 2017 01:31
sorry koraa97, you can't send brownie points to yourself! :sparkles: :sparkles:
romy2455
@romy2455
Feb 14 2017 01:31

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

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

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

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

need help doing this to my last post please.

emember that CSS class selectors require a period at the beginning like this:

.blue-text {
color: blue;
}
But also remember that class declarations don't use a period, like this:

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

Apply the red-text class to your h2 and p elements.

Graham Gardner
@BassSublime24
Feb 14 2017 01:32
@koraa97 thank you
CamperBot
@camperbot
Feb 14 2017 01:32
basssublime24 sends brownie points to @koraa97 :sparkles: :thumbsup: :sparkles:
:cookie: 36 | @koraa97 |http://www.freecodecamp.com/koraa97
Eliphas33
@Eliphas33
Feb 14 2017 01:32
I'm a new here!!
Justin
@Supertechie2010
Feb 14 2017 01:33
Hey guys I need help getting a UL to center on the page with then bullets, it is currently centering the LI bu not the bullets? what might I be doing wrong?
Graham Gardner
@BassSublime24
Feb 14 2017 01:34
@romy2455 thank you
CamperBot
@camperbot
Feb 14 2017 01:34
basssublime24 sends brownie points to @romy2455 :sparkles: :thumbsup: :sparkles:
:cookie: 18 | @romy2455 |http://www.freecodecamp.com/romy2455
HiitsDenis
@hiitsdenis
Feb 14 2017 01:34

what is this used for<html>

<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>

<body>

</body>
</html>

i havent included it and my code has worked
Maid Koric
@KoRaa97
Feb 14 2017 01:36
@romy2455 reset the code, I will try to help you
romy2455
@romy2455
Feb 14 2017 01:36
thank you @koRaa97
CamperBot
@camperbot
Feb 14 2017 01:36
romy2455 sends brownie points to @koraa97 :sparkles: :thumbsup: :sparkles:
:cookie: 37 | @koraa97 |http://www.freecodecamp.com/koraa97
romy2455
@romy2455
Feb 14 2017 01:37
@koraa97 its reset
no
HiitsDenis
@hiitsdenis
Feb 14 2017 01:38
@QuentinGibson
Maid Koric
@KoRaa97
Feb 14 2017 01:39
just a sec
romy2455
@romy2455
Feb 14 2017 01:39
okay
Maid Koric
@KoRaa97
Feb 14 2017 01:40
can you copy whole code here and I will try to edit?
I'm a beginner to, just passed that lesson about one hour ago ...
romy2455
@romy2455
Feb 14 2017 01:40
okay.
here it is all reset

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

Maid Koric
@KoRaa97
Feb 14 2017 01:41
and the lesson task is?
Manish Giri
@Manish-Giri
Feb 14 2017 01:41
@romy2455 are you on android?
romy2455
@romy2455
Feb 14 2017 01:41

But also remember that class declarations don't use a period, like this:

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

Apply the red-text class to your h2 and p elements.

not on android. lap top
my issues is this task :Your p element should be red.
Your p element should have the class red-text.
Maid Koric
@KoRaa97
Feb 14 2017 01:42

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

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

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

Manish Giri
@Manish-Giri
Feb 14 2017 01:42
@romy2455 post your challenge URL here from the browser, click "run tests" first.
Maid Koric
@KoRaa97
Feb 14 2017 01:43
if it doesn't work add < after "red-text" in <p
Manish Giri
@Manish-Giri
Feb 14 2017 01:43

@romy2455

Apply the red-text class to your h2 and p elements.

you need the class on the p element too
the failed test cases should tell you that
ur p element should be red.
Your p element should have the class red-text.
romy2455
@romy2455
Feb 14 2017 01:44
okay, ill try tht as well
Maid Koric
@KoRaa97
Feb 14 2017 01:44

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

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

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

there is your solution!
romy2455
@romy2455
Feb 14 2017 01:46
Thank you, i was off just a tad bit <p class="red-text"
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 01:48
hello everyone :purple_heart: I believe I've encountered a bug with the lesson "Apply the Default Bootstrap Button Style". <div class="container-fluid"> <h3 class="text-primary text-center">jQuery Playground</h3> <div class="row"> <div class="col-xs-6"> <div class="well"> <button class="btn btn-defualt"></button> <button class="btn btn-defualt"></button> <button class="btn btn-defualt"></button> </div> </div> <div class="col-xs-6"> <div class="well"> <button class="btn btn-defualt"></button> <button class="btn btn-defualt"></button> <button class="btn btn-defualt"></button> </div> </div> </div> </div>
CamperBot
@camperbot
Feb 14 2017 01:48
:bulb: to format code use backticks! ``` more info
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 01:49
It's claiming I haven't added the button-defualt class
Allison Sumers
@etherealkhaos
Feb 14 2017 01:49
Hey friends I picked a gummy worm up off the ground earlier after I got off the bus.... gross I know right..... but anyways I think I'm hypoglycemic and really needed this sugar. Anyways Campers I'm pretty sure it contained a pretty hefty dose of lsd.... and now I'm space cadet face deep into coding. Nice Meeting Yawlz :)
Antoine Stimphil
@AntoineDS
Feb 14 2017 01:49
Does anyone know Java?
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 01:49
I do @AntoineDS
Antoine Stimphil
@AntoineDS
Feb 14 2017 01:50
Thank you!
I'm having the toughest time trying to figure this out
Manish Giri
@Manish-Giri
Feb 14 2017 01:50
@AntoineDS :hand:
Antoine Stimphil
@AntoineDS
Feb 14 2017 01:50
this is the code
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 01:50
No problem :purple_heart:
Antoine Stimphil
@AntoineDS
Feb 14 2017 01:50

import java.util.Scanner;

public class GradesSwitch {

private static Scanner s;

public static void main(String[] args) {
    int Grades;
    s = new Scanner(System.in);
    System.out.println("Enter the grade");
    Grades = s.nextInt();
    switch ((Grades%100)/10){

    case 1: 
        System.out.printf("You have earned the letter grade: A");
        break;
    case 2: 
        System.out.printf("You have earned the letter grade: B");
        break;
    case 3: 
        System.out.printf("You have earned the letter grade: C");
        break;
    case 4:
        System.out.printf("You have earned the letter grade: D");
        break;
    case 5:
        System.out.printf("You have earned the letter grade: F");
        break;

    default:
        System.out.println("ERROR You have entered an invalid input");
        break;  

    }
}
}
Justin
@Supertechie2010
Feb 14 2017 01:50
Can anyone look at my code and tell me why my bullets are not centering with the text?
Antoine Stimphil
@AntoineDS
Feb 14 2017 01:50
Any time i put a grade in it outputs Error
Idk why
Manish Giri
@Manish-Giri
Feb 14 2017 01:51
@AntoineDS what error do you get?
Antoine Stimphil
@AntoineDS
Feb 14 2017 01:51
It says
@Manish-Giri ERROR You have entered an invalid input it goes to the default
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 01:52
``` switch (s.next()){
Just simplify
Antoine Stimphil
@AntoineDS
Feb 14 2017 01:52
I need to use a Mod though :/
In the problem
Program*
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 01:52
what mod
Manish Giri
@Manish-Giri
Feb 14 2017 01:53
@AntoineDS (Grades%100)/10
try computing this expression outside the switch
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 01:53
^^
you can always switch on strings too @AntoineDS
Antoine Stimphil
@AntoineDS
Feb 14 2017 01:54
@Manish-Giri it gives me a token error
Austin
@warnerau
Feb 14 2017 01:55
<a href='http://freecatphotoapp.com'>
cat photos
</a>
Antoine Stimphil
@AntoineDS
Feb 14 2017 01:55
@OliviaMcHugh Has to be done with a switch statement
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 01:55
I think i see what your up to now
Austin
@warnerau
Feb 14 2017 01:55
is there anything wrong with this?
Manish Giri
@Manish-Giri
Feb 14 2017 01:55
@AntoineDS try entering the grade 540
you'll get grade D with the conditions you have
see this
Alforbes
@Alforbes
Feb 14 2017 01:56
do you put the element within the style element, or outside?
Antoine Stimphil
@AntoineDS
Feb 14 2017 01:56
@Manish-Giri Woah How
Manish Giri
@Manish-Giri
Feb 14 2017 01:57
@AntoineDS well IDK why you're doing this - (Grades%100)/10, but there are a few numbers you can put in
Shiv Divanji
@shdivanji
Feb 14 2017 01:57
Create a CSS class called pink-text that gives an element the color pink.
Give your h1 element the class of pink-text.
Manish Giri
@Manish-Giri
Feb 14 2017 01:57
to get cases 1 through 5
Shiv Divanji
@shdivanji
Feb 14 2017 01:57
how do I do that?
Antoine Stimphil
@AntoineDS
Feb 14 2017 01:59
@Manish-Giri the (Grades%100) using a mod is a requirement. The way I would solve it without a mod would just be placing it like this switch (grade0
(grade)
Jesse
@lookinahead13
Feb 14 2017 02:00
@Manish-Giri Hey man! Would you happen to know a good reference site I could look at for the JS Calc Zipline? I have all the html and css done but struggling with the JS side? Thanks again for the help with the Tribute page a while back!
CamperBot
@camperbot
Feb 14 2017 02:00
lookinahead13 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4206 | @manish-giri |http://www.freecodecamp.com/manish-giri
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 02:02
what is the goal of the exercise. @AntoineDS
Antoine Stimphil
@AntoineDS
Feb 14 2017 02:03
@OliviaMcHugh input -140 and have it output ERROR You have entered an invalid input
ERROR You have entered an invalid input
You have earned the letter grade: B
Manish Giri
@Manish-Giri
Feb 14 2017 02:03
@lookinahead13 um, it's a very specific thing, so don't think you'll find general reference..maybe this will help - http://thecodeplayer.com/walkthrough/javascript-css3-calculator
Antoine Stimphil
@AntoineDS
Feb 14 2017 02:03
@OliviaMcHugh have 140 give me a error and -42 give me a error
and 85 say you have Entered the letter Grade B
Manish Giri
@Manish-Giri
Feb 14 2017 02:03
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 02:04
whats the grade marked out of? @AntoineDS
Antoine Stimphil
@AntoineDS
Feb 14 2017 02:04
@OliviaMcHugh 85
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 02:05
and the lettter grades are in 10% increments?
Jesse
@lookinahead13
Feb 14 2017 02:05
@Manish-Giri I will look at both of them and go from there. Thanks!
CamperBot
@camperbot
Feb 14 2017 02:05
lookinahead13 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:warning: lookinahead13 already gave manish-giri points
Manish Giri
@Manish-Giri
Feb 14 2017 02:05
@lookinahead13 good luck :tada:
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 02:05
So 100/100 is A and 90/100 is B and 80/100 is C... @AntoineDS
Antoine Stimphil
@AntoineDS
Feb 14 2017 02:06
100 - 90 is an A
89 - 80 is a Be
b*
and so forth
Manish Giri
@Manish-Giri
Feb 14 2017 02:07
then just do if/else
why do you need a mod
Antoine Stimphil
@AntoineDS
Feb 14 2017 02:08
It's the requirement, i've already done If Else

import java.util.Scanner;
public class Grades {

public static void main(String[] args) {
int grade;
System.out.println("Enter grade: ");
Scanner reader = new Scanner(System.in);
grade = reader.nextInt();

if (grade>=90 && grade <100 ) { System.out.println("A"); } else if (grade>=80 && grade <90) { System.out.println("B"); } else if (grade>=70 && grade <80) { System.out.println("C"); } else if (grade>=60 && grade <70) { System.out.println("D"); } else if (grade>=0 && grade <60) { System.out.println("F"); } else if (grade >100 && grade <0);
{
System.out.println("ERROR You have entered an invalid input");

}

}

}

It's the second part of the assigment
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 02:08
okay hang on ill write an example for you
Antoine Stimphil
@AntoineDS
Feb 14 2017 02:09
@OliviaMcHugh I'm going to keep working on this O.O
Manish Giri
@Manish-Giri
Feb 14 2017 02:09
@OliviaMcHugh your code has typos by the way
<button class="btn btn-defualt"></button>
        <button class="btn btn-defualt"></button>
        <button class="btn btn-defualt"></button>
you should close the issue on github
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 02:09
@Manish-Giri thanks i figured i might have made a silly mistake
CamperBot
@camperbot
Feb 14 2017 02:09
oliviamchugh sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4207 | @manish-giri |http://www.freecodecamp.com/manish-giri
Austin
@warnerau
Feb 14 2017 02:09
Is there anything I'm doing wrong with this code?:
<a href="http://freecatphotoapp.com">
cat photos
</a>
Manish Giri
@Manish-Giri
Feb 14 2017 02:10
:+1:
LL25
@LL25
Feb 14 2017 02:10

anyone done for
Target the same element with multiple jQuery Selectors??

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

i still blur..

Stephan Stylianides
@sstylianides
Feb 14 2017 02:10
How do I add a box-shadow property for a thumbnail id?
Manish Giri
@Manish-Giri
Feb 14 2017 02:10
@sstylianides box-shadow: ....
Stephan Stylianides
@sstylianides
Feb 14 2017 02:11
where though? @Manish-Giri ?
Antoine Stimphil
@AntoineDS
Feb 14 2017 02:11
@warnerau It's coming up for me
Stephan Stylianides
@sstylianides
Feb 14 2017 02:11
2.png
1.png
LL25
@LL25
Feb 14 2017 02:11
can anyone help me?
Manish Giri
@Manish-Giri
Feb 14 2017 02:11
@sstylianides in the #thumbnail selector
as it says
Gulsvi
@gulsvi
Feb 14 2017 02:15
@sstylianides Try this challenge to learn how to style an element by ID: https://www.freecodecamp.com/challenges/use-an-id-attribute-to-style-an-element
Jonathan Nadreau
@jnadreau
Feb 14 2017 02:15
how can I get an image to stay centered in html?
Gulsvi
@gulsvi
Feb 14 2017 02:15
Manish is getting a little curt on his 363rd day here :)
Stephan Stylianides
@sstylianides
Feb 14 2017 02:16
thank you @SkyCoder01
CamperBot
@camperbot
Feb 14 2017 02:16
sstylianides sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:cookie: 194 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Manish Giri
@Manish-Giri
Feb 14 2017 02:16
@SkyCoder01 haha
:smile:
Gulsvi
@gulsvi
Feb 14 2017 02:16
2 more days ;)
Manish Giri
@Manish-Giri
Feb 14 2017 02:16
lol
Manish Giri
@Manish-Giri
Feb 14 2017 02:19
@c0d0er2 what's the problem?
c0d0er2
@c0d0er2
Feb 14 2017 02:22
i am having trouble finding what val equals
lanathehaxoar
@lanathehaxoar
Feb 14 2017 02:22
i need help with Use the Bootstrap Grid to Put Elements Side By Side @Manish-Giri here's my code:

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

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

can you help?
Manish Giri
@Manish-Giri
Feb 14 2017 02:23
@lanathehaxoar each button should be nested in it's own col-xs-4 div
<div class="col-xs-4">
 <button class="btn btn-block btn-primary">Like</button>
</div>
lanathehaxoar
@lanathehaxoar
Feb 14 2017 02:23
please help @Manish-Giri
oh okay thanks @Manish-Giri
CamperBot
@camperbot
Feb 14 2017 02:23
lanathehaxoar sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4208 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Feb 14 2017 02:24
:+1:
James Shenfield
@jashenfield
Feb 14 2017 02:25

I'm working on the first project and having trouble getting the img-responsive class to work. Here's my code:

<div class="container-fluid">
  <div id="main-block">
    <h1 class="text-center">Hello World</h1>
    <img src="http://www.nationalgeographic.com/content/dam/travel/rights-exempt/Traveler/August-Sept2016/dalai-lama/happiness-dalai-lama-bhutan.jpg" class="img-responsive">
  </div>
</div>

I use this, but the image is still massive and doesn't resize at all. What am I doing wrong?

David Hart
@hart143
Feb 14 2017 02:25
anybody know why the following is not working properly?
'''var a=7;
var b = a;'''
CamperBot
@camperbot
Feb 14 2017 02:25
:bulb: to format code use backticks! ``` more info
David Hart
@hart143
Feb 14 2017 02:26
anybody know why the following is not working properly?
var a=7; var b = a;
Justin
@Supertechie2010
Feb 14 2017 02:26
Anyone know why my blockqoute is not formatting properly? http://codepen.io/Supertechie2010/pen/mRvrvP
slickspidey
@slickspidey
Feb 14 2017 02:27
how do you copy and past your output with the black background like that?
James Shenfield
@jashenfield
Feb 14 2017 02:27
Like what I did?
slickspidey
@slickspidey
Feb 14 2017 02:27
yeah
James Shenfield
@jashenfield
Feb 14 2017 02:28
Use backticks (the tilda button but without shift). So make a two lines of ``` with the code between them.
slickspidey
@slickspidey
Feb 14 2017 02:28
<p>Here's a link <a href="http://freecatphotoapp.com"> cat photos</a> for you to follow.</p>
that'll do i guess, anyone know what i'm doing wrong here?
Manish Giri
@Manish-Giri
Feb 14 2017 02:29
@hart143 post your challenge url here, click "run tests" first.
JiahaoLee
@JiahaoLee
Feb 14 2017 02:29
Your #target1 element should have the class animated‚ shake and btn-primary.

$(document).ready(function() {
$("button ").addClass("animated");
$(".btn ").addClass("shanke");
$("#target1").addClass("btn-primary");

});

Justin
@Supertechie2010
Feb 14 2017 02:29
can anyone see my messages here??
JiahaoLee
@JiahaoLee
Feb 14 2017 02:30
what should I do?
Manish Giri
@Manish-Giri
Feb 14 2017 02:30
shanke?
Antoine Stimphil
@AntoineDS
Feb 14 2017 02:30
@OliviaMcHugh Any luck? I'm at deadend
slickspidey
@slickspidey
Feb 14 2017 02:31
<p>Here's a link
  <a href="http://freecatphotoapp.com">
    cat photos</a>
  for you to follow.</p>
what am i doing wrong?
Budster
@budsterr
Feb 14 2017 02:32
<p>Here's a <a href="http://freecatphotoapp.com"> link to Cat Photos</a> for you to follow.</p>
@slickspidey
Stephan Stylianides
@sstylianides
Feb 14 2017 02:34
please help... What am I doing wrong here:
1.png
2.png
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 02:35
@AntoineDS sorry i got distracted
Ryan
@Azbo400
Feb 14 2017 02:35
@sstylianides wrap san-serif in qoutes '
Manish Giri
@Manish-Giri
Feb 14 2017 02:35
um
really
Ryan
@Azbo400
Feb 14 2017 02:35
@sstylianides so font-family: 'Open Sans', 'sans-serif';
Antoine Stimphil
@AntoineDS
Feb 14 2017 02:35
@OliviaMcHugh Lol
JiahaoLee
@JiahaoLee
Feb 14 2017 02:36
@Manish-Giri Thx~
CamperBot
@camperbot
Feb 14 2017 02:36
jiahaolee sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
Vae77
@Vae77
Feb 14 2017 02:36
$("#target4").html("<em>#target4</em>"); What is wrong?
CamperBot
@camperbot
Feb 14 2017 02:36
:star2: 4209 | @manish-giri |http://www.freecodecamp.com/manish-giri
Stephan Stylianides
@sstylianides
Feb 14 2017 02:36
that didn't work @Azbo400
Manish Giri
@Manish-Giri
Feb 14 2017 02:36
@sstylianides post your challenge url here
click "run tests" first.
slickspidey
@slickspidey
Feb 14 2017 02:36
@budsterr thank you!!!!
CamperBot
@camperbot
Feb 14 2017 02:36
slickspidey sends brownie points to @budsterr :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for budsterr
Ryan
@Azbo400
Feb 14 2017 02:36
@sstylianides yeah post the url im not sure
Ryan
@Azbo400
Feb 14 2017 02:37
oh its beta
Manish Giri
@Manish-Giri
Feb 14 2017 02:37
run tests first
:disappointed:
Budster
@budsterr
Feb 14 2017 02:37
No problem @slickspidey
Andrew Shieh
@andrewlikes
Feb 14 2017 02:38
what's up y'all
im on 117 today!
Stephan Stylianides
@sstylianides
Feb 14 2017 02:39
this is what it says when I run the test
3.png
Ryan
@Azbo400
Feb 14 2017 02:39
blob
@sstylianides that worked for me
Manish Giri
@Manish-Giri
Feb 14 2017 02:40
this worked for me
  body {
    font-family: "Open Sans", sans-serif;
  }
without the quotes
Tom
@knights59
Feb 14 2017 02:41
can anyone explain this to me?
Replace the value of your a element's href attribute with a #, also known as a hash symbol, to turn it into a dead link
Manish Giri
@Manish-Giri
Feb 14 2017 02:41
so it must be something else
Stephan Stylianides
@sstylianides
Feb 14 2017 02:42
yeah... I don't know what to do then @Manish-Giri
thats the exact code that I have and is still saying that its wrong
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 02:42
just change the switch to switch(grade/10) @AntoineDS java will automatically floor the number. just change the case so 9 is A and 8 is B so on
sry i took a while. im tired and distracted XD
Manish Giri
@Manish-Giri
Feb 14 2017 02:43
@sstylianides post a screenshot of all of the code
Ryan
@Azbo400
Feb 14 2017 02:43
im not sure it seems weird @sstylianides
Antoine Stimphil
@AntoineDS
Feb 14 2017 02:43
@OliviaMcHugh has to be a Modulus
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 02:43
why, its seems completly usless
if you use the mod you get the wrong number
Antoine Stimphil
@AntoineDS
Feb 14 2017 02:45
I know :/
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 02:45
just ask why they need it. I see no need at all and it makes it to complex
when it is as simple as what i told you
Stephan Stylianides
@sstylianides
Feb 14 2017 02:45
5.png
7.png
here is all my code @Azbo400 @Manish-Giri
kim denson
@k-ibi
Feb 14 2017 02:48
Hi all - can anyone tell me with jQuery - how come some element declarations require # and some require . and some need nothing before them?
I know id tags need # - but not sure in this example why all three elements are different
………….
$("button").addClass("animated bounce");
$(".well").addClass("animated shake");
$("#target3”).addClass …….
Ryan
@Azbo400
Feb 14 2017 02:49
@sstylianides try putting it at the end. That is what I did for it to pass
Dhanwant Brar
@dhanwantbrar
Feb 14 2017 02:49
can some body help me, Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.

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

James Shenfield
@jashenfield
Feb 14 2017 02:50
@k-ibi The first one refers to all button elements, the second to everything with the "well" class, and the third to the element with the "target3" id. In short:
id -> #
class -> .
HTML element -> nothing
Stephan Stylianides
@sstylianides
Feb 14 2017 02:51
unfortunately, that didn't work either @Azbo400
kim denson
@k-ibi
Feb 14 2017 02:51
@jashenfield ahh, great. thanks so much!
CamperBot
@camperbot
Feb 14 2017 02:51
:cookie: 119 | @jashenfield |http://www.freecodecamp.com/jashenfield
k-ibi sends brownie points to @jashenfield :sparkles: :thumbsup: :sparkles:
Stephan Stylianides
@sstylianides
Feb 14 2017 02:51
seems like I'm not the only one with the issue: freeCodeCamp/freeCodeCamp#13314
Ryan
@Azbo400
Feb 14 2017 02:51
@sstylianides yeah, I would just skip that for now, and come back to it if/when the bug is resolved if it is a confirmed bug
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 02:52
<p class="red-text" style="font-size:16px;">text</p> @dhanwantbrar
Ryan
@Azbo400
Feb 14 2017 02:52
oh plus it was opened 20 hours ago so its new @sstylianides
Stephan Stylianides
@sstylianides
Feb 14 2017 02:52
gotcha... thanks @Azbo400
CamperBot
@camperbot
Feb 14 2017 02:52
sstylianides sends brownie points to @azbo400 :sparkles: :thumbsup: :sparkles:
:star2: 1021 | @azbo400 |http://www.freecodecamp.com/azbo400
Ryan
@Azbo400
Feb 14 2017 02:53
@sstylianides also read some of the comments on the issue I think they may be useful
Alforbes
@Alforbes
Feb 14 2017 02:53
so i'm having trouble with the first .container-fluid page. trying to nestle HTML elements in .container-fluid are they just added under "class"
where does the div element go?
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 02:53
up the top open it
the close on the very bottom
so <div class="container-fluid"> ...code... </div>
Alforbes
@Alforbes
Feb 14 2017 02:55
@OliviaMcHugh thank you, do i then add the class=container-fluid to each HTML line?
CamperBot
@camperbot
Feb 14 2017 02:55
alforbes sends brownie points to @oliviamchugh :sparkles: :thumbsup: :sparkles:
:cookie: 94 | @oliviamchugh |http://www.freecodecamp.com/oliviamchugh
Alforbes
@Alforbes
Feb 14 2017 02:56
nevermind, thank you again
Andrew Shieh
@andrewlikes
Feb 14 2017 02:56
@alforbes only the ones that you want to assign to that class
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 02:57
@Alforbes everything inside that div now has the class. so no
Antoine Stimphil
@AntoineDS
Feb 14 2017 02:58
@OliviaMcHugh I GOT iT
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 02:58
Yaas :D
Dhanwant Brar
@dhanwantbrar
Feb 14 2017 02:58
@OliviaMcHugh no luck, same error
Andrew Shieh
@andrewlikes
Feb 14 2017 02:58
has anyone completed the "Build-A-Tribute" challenge yet?
Stephan Stylianides
@sstylianides
Feb 14 2017 02:59
@Azbo400 I shut down my safari browser, opened up chrome and it worked!!!
JackHack
@IkromjonMamatov
Feb 14 2017 03:00
Hello Dears
Andrew Shieh
@andrewlikes
Feb 14 2017 03:00
yo
Ryan
@Azbo400
Feb 14 2017 03:00
@sstylianides yeah. The beta only works well in chrome so far
but glad it works
JackHack
@IkromjonMamatov
Feb 14 2017 03:00
Im Jack and Ive just joined for this big family
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 03:01
@dhanwantbrar whats the error?
hang on
Dhanwant Brar
@dhanwantbrar
Feb 14 2017 03:01
@OliviaMcHugh i mean fail on this step:Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 03:01
i read that wronf
make sure you close the braces
in the style part you didnt close braces
<style>
.red-text {color: red;}
p{font-size:16px;}
</style>
Dhanwant Brar
@dhanwantbrar
Feb 14 2017 03:03
@OliviaMcHugh <style>
.red-text {color: red; p{font-size:16px;}}
</style>
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 03:03
just close brace like i showed then
<style>
.red-text {color: red; }p{font-size:16px;}
</style>
Dhanwant Brar
@dhanwantbrar
Feb 14 2017 03:04
i got it, made it
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 03:04
i should stop helping people. im making tones of mistakes today
Dhanwant Brar
@dhanwantbrar
Feb 14 2017 03:05
@OliviaMcHugh thank you
CamperBot
@camperbot
Feb 14 2017 03:05
dhanwantbrar sends brownie points to @oliviamchugh :sparkles: :thumbsup: :sparkles:
:cookie: 97 | @oliviamchugh |http://www.freecodecamp.com/oliviamchugh
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 03:07
no problem @dhanwantbrar :purple_heart:
Banaenae
@Banaenae
Feb 14 2017 03:07
can someone help me?(plz) So my problem is that I'm trying to put a class in a div element but it isn't working. <div class="silver-background">
i feel like i did some stupid mistake or something
Andrew Shieh
@andrewlikes
Feb 14 2017 03:07
did you close it with </div>
Banaenae
@Banaenae
Feb 14 2017 03:07
yea
Andrew Shieh
@andrewlikes
Feb 14 2017 03:08
<div class="silver-background">...code...</div>
Banaenae
@Banaenae
Feb 14 2017 03:08
yea
Andrew Shieh
@andrewlikes
Feb 14 2017 03:08
what's the error saying?
Banaenae
@Banaenae
Feb 14 2017 03:09
it says i gave the div element a class but it isnt working
Andrew Shieh
@andrewlikes
Feb 14 2017 03:09
are you trying to style the silver-background class?
Banaenae
@Banaenae
Feb 14 2017 03:09
like there is an x next to your div should have a silver background
yae im creating a class and applying it to the div
Graham Gardner
@BassSublime24
Feb 14 2017 03:09
@andrewlikes did you put a period up top in the style section where you defined "silver-background"? (ie: .silver-background)
Andrew Shieh
@andrewlikes
Feb 14 2017 03:10
copy and paste exactly what you put
Banaenae
@Banaenae
Feb 14 2017 03:10
ohhh yea thanks
Graham Gardner
@BassSublime24
Feb 14 2017 03:10
oops, responded to wrong person
but you get it ;p
Banaenae
@Banaenae
Feb 14 2017 03:10
yea i did do that thou
Andrew Shieh
@andrewlikes
Feb 14 2017 03:10
yeah I figured it was the style part
Banaenae
@Banaenae
Feb 14 2017 03:10
bye thanks
slickspidey
@slickspidey
Feb 14 2017 03:11
href attribute set to #?
Andrew Shieh
@andrewlikes
Feb 14 2017 03:12
<a href="#"></a>
it's just to make it a deadlink
slickspidey
@slickspidey
Feb 14 2017 03:12
nice, thank you!
Andrew Shieh
@andrewlikes
Feb 14 2017 03:13
np
slickspidey
@slickspidey
Feb 14 2017 03:13
this site is pretty damn good for training
wish they had more languages
Novanteg
@Novanteg
Feb 14 2017 03:13

Your div element should have the class container-fluid.
Make sure you have nested all HTML elements in .container-fluid.

Any ideas what the problem is? Here's the code:

<div>
.container-fluid {
all code contained inside
}
</div>

this is for the catphotoapp btw
Andrew Shieh
@andrewlikes
Feb 14 2017 03:15
it's asking you to add a class to your div element
brhutchin
@brhutchin
Feb 14 2017 03:15
Anybody available to help me with the first project really quick?
jeremydeshawn
@jeremydeshawn
Feb 14 2017 03:15
hey can anyone help me with this challenge
Andrew Shieh
@andrewlikes
Feb 14 2017 03:15
<div class="container-fluid">...code...</div>
Kyle
@krichey15
Feb 14 2017 03:16
@Novanteg <div class="container-fluid"> All your code</div>
Novanteg
@Novanteg
Feb 14 2017 03:16
@andrewlikes thanks!
CamperBot
@camperbot
Feb 14 2017 03:16
novanteg sends brownie points to @andrewlikes :sparkles: :thumbsup: :sparkles:
:cookie: 119 | @andrewlikes |http://www.freecodecamp.com/andrewlikes
Andrew Shieh
@andrewlikes
Feb 14 2017 03:18
np
Antoine Stimphil
@AntoineDS
Feb 14 2017 03:18
@OliviaMcHugh Thank you again
CamperBot
@camperbot
Feb 14 2017 03:18
antoineds sends brownie points to @oliviamchugh :sparkles: :thumbsup: :sparkles:
:cookie: 99 | @oliviamchugh |http://www.freecodecamp.com/oliviamchugh
Antoine Stimphil
@AntoineDS
Feb 14 2017 03:19
Also @OliviaMcHugh this is the solution
public class GradesSwitch {
private static Scanner s;

public static void main(String[] args) {
    int Grades;
    Scanner s =new Scanner(System.in);
    System.out.println("Enter the grade");
    Grades = s.nextInt();
    switch ((Grades%100)/10) {
    case 9: 
        System.out.printf("You have earned the letter grade :A");
        break;
    case 8: 
        System.out.printf("You have earned the letter grade : B");
        break;
    case 7: 
        System.out.printf("You have earned the letter grade : C");
        break;
    case 6:
        System.out.printf("You have earned the letter grade : D");
        break;
    case 5:
        System.out.printf("You have earned the letter grade : F");
        break;
    default:
        System.out.println("ERROR You have entered an invalid input");
        break;  
    }
}
}
What needed to be changed was the Case just like you said :smile:
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 03:19
okie so essentialy what i had just uses mod cause wierd :tongue: No problem @AntoineDS
brhutchin
@brhutchin
Feb 14 2017 03:21
If somebody could take a look at my code and tell me how to 1. Get the list bullet point to move right, 2. How to add space between the "Here are..." and the caption under the picture I would greatly appreciate it
jeremydeshawn
@jeremydeshawn
Feb 14 2017 03:21

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

Manish Giri
@Manish-Giri
Feb 14 2017 03:21
@jeremydeshawn where's the h2
element
jeremydeshawn
@jeremydeshawn
Feb 14 2017 03:22
huh newbie
Andrew Shieh
@andrewlikes
Feb 14 2017 03:22
@jeremydeshawn what is your question?
jeremydeshawn
@jeremydeshawn
Feb 14 2017 03:22
how do i turn the h2 blue
Manish Giri
@Manish-Giri
Feb 14 2017 03:22
@jeremydeshawn you're trying to style sth that doesn't exist.
why did you delete the h2 element itself..
jeremydeshawn
@jeremydeshawn
Feb 14 2017 03:23
lol im new to it
Andrew Shieh
@andrewlikes
Feb 14 2017 03:23
you currently have h2 in style but you dont have h2 in your body
<h2>text</h2>
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 03:23
<h2>magical blue unicorn</h2>
jeremydeshawn
@jeremydeshawn
Feb 14 2017 03:23
oh okay if i reset will it start from where i messed up
thanks guys
How do I get the bullet point over to the right, and how do I add space between
"Here are some" and "A protrait of"
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 03:26
use &nbsp
brhutchin
@brhutchin
Feb 14 2017 03:26
where would I put that?
and which problem does it fix
Andrew Shieh
@andrewlikes
Feb 14 2017 03:27
would <br> be appropriate?
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 03:27
i prefer &nbsp @andrewlikes
<h1> blah blah </h1><p>&nbsp</p>
Vered Rekanati
@veredrec
Feb 14 2017 03:28
If I understand you, for the second problem, you can add "margin-top" for your "Here are some", which is h4(?).
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 03:28
that should do it. there easy wways like margin
^^
Amir
@Amirsharifico
Feb 14 2017 03:28
Hi , i have this:

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

Olivia McHugh
@OliviaMcHugh
Feb 14 2017 03:29
whats the issue
Amir
@Amirsharifico
Feb 14 2017 03:29

and i cant do this :Inside your style element, change the h2 selector to .red-text and update the color's value from blue to red.

Give your h2 element the class attribute with a value of 'red-text'.

Vered Rekanati
@veredrec
Feb 14 2017 03:30
@brhutchin for the bullet point, you can center your <li> and it should fix it (text-align: center;)
Skylar Woods
@SkylarWoods
Feb 14 2017 03:31
I have the same problem as @Amirsharifico
Amir
@Amirsharifico
Feb 14 2017 03:31
thanks god, i am not alone @SkylarWoods
CamperBot
@camperbot
Feb 14 2017 03:31
amirsharifico sends brownie points to @skylarwoods :sparkles: :thumbsup: :sparkles:
:cookie: 17 | @skylarwoods |http://www.freecodecamp.com/skylarwoods
Manish Giri
@Manish-Giri
Feb 14 2017 03:31
@Amirsharifico there's an example on the left
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 03:31
<style>
.red-text{
    color:blue;
]
</style>

<h2 class="red-text">test</h2>
Manish Giri
@Manish-Giri
Feb 14 2017 03:32
oh well
liam
@liamiscool123
Feb 14 2017 03:32
Can someone please explain to me what commenting is generally used for? please?
brhutchin
@brhutchin
Feb 14 2017 03:32
thanks @veredrec
CamperBot
@camperbot
Feb 14 2017 03:32
brhutchin sends brownie points to @veredrec :sparkles: :thumbsup: :sparkles:
:cookie: 276 | @veredrec |http://www.freecodecamp.com/veredrec
brhutchin
@brhutchin
Feb 14 2017 03:32
als thanks @OliviaMcHugh
CamperBot
@camperbot
Feb 14 2017 03:32
brhutchin sends brownie points to @oliviamchugh :sparkles: :thumbsup: :sparkles:
:cookie: 100 | @oliviamchugh |http://www.freecodecamp.com/oliviamchugh
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 03:32
When other people need to understand the complexity of your code @liamiscool123
brhutchin
@brhutchin
Feb 14 2017 03:32
and thanks @andrewlikes
CamperBot
@camperbot
Feb 14 2017 03:32
brhutchin sends brownie points to @andrewlikes :sparkles: :thumbsup: :sparkles:
:cookie: 120 | @andrewlikes |http://www.freecodecamp.com/andrewlikes
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 03:32
No problem @brhutchin :purple_heart:
liam
@liamiscool123
Feb 14 2017 03:32
i dont understand
@OliviaMcHugh
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 03:33
If i were to add something to your code i might need to undestand what its doing. adding comments help explain what it is the code is achieving @liamiscool123
Doug
@DawgPaw
Feb 14 2017 03:33
Hey everybody. I'm doing the tribute page. Does anyone have any thoughts on why it will not center? I'm not sure how to share it on here.
liam
@liamiscool123
Feb 14 2017 03:33
ohhhhhh
thank you
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 03:34
no problem :purple_heart: waits for cookies
ThurstianTsui
@ThurstianTsui
Feb 14 2017 03:34

Hi everyone: I'm having trouble with my first HTML project (creating a tribute page). http://codepen.io/ThurstianTsui/pen/EZGjVx

I have two main issues right now:

  1. I can't seem to manipulate the image properly. I've tried to use bootstrap to round the corner / create a circle image with img-rounded and img-circle. I've also tried to center the image but haven't been to make it work.
  2. I've been struggling to bold certain parts of a sentence. The way I've been doing it in the code is with <p class="text-center"><strong>Bold Test</strong> A shining pillar in the NBA community</p>. However, the formatting has no change.

Can anyone shed some light on what I should be doing differently?

Jflow
@AlmostTan
Feb 14 2017 03:34
Hi, can anyone tell me what I use to call on the style class I made .smaller-image when I am actually inputting the img src URL?
Vered Rekanati
@veredrec
Feb 14 2017 03:35
@liamiscool123 You can use comments for differernt reasons: to explain things that you do so others (or you in the future) will understand something you did and what is the logic behind that. It is also good for parts that you are not sure about or want to delete but maybe to use them later so you can comment it, it won't be a part of your code, but you will be able to put it back in the code whevener you want. I hope it helps :)
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 03:35
use <img class="smaller-image" src="link.com">
Jflow
@AlmostTan
Feb 14 2017 03:35
Thank you @OliviaMcHugh !
CamperBot
@camperbot
Feb 14 2017 03:35
almosttan sends brownie points to @oliviamchugh :sparkles: :thumbsup: :sparkles:
:cookie: 101 | @oliviamchugh |http://www.freecodecamp.com/oliviamchugh
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 03:35
:purple_heart:
Vered Rekanati
@veredrec
Feb 14 2017 03:37
@ThurstianTsui For the rounded corners you can use: border-radius
ydelbys
@ydelbys
Feb 14 2017 03:38
Hello everybody!!! can you help me to put several classes in a tag? i am trying to do follow this instruction: Now you can set Lobster as a font-family value on your h2 element.
Apply the font-family of Lobster to your h2 element.
Alexander Køpke
@alexanderkopke
Feb 14 2017 03:38
@AlmostTan you give the img element the smaller-image class, then you select that class in the style tags and give it the needed styling
Jflow
@AlmostTan
Feb 14 2017 03:38
THanks @alexanderkopke :)
CamperBot
@camperbot
Feb 14 2017 03:38
almosttan sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star2: 1088 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
Vered Rekanati
@veredrec
Feb 14 2017 03:39
@ThurstianTsui For the bold parts you can write the text inside a span and give it a different class and make this class bold and it should work. I hope it helps :)
Amir
@Amirsharifico
Feb 14 2017 03:40
@OliviaMcHugh thanks
CamperBot
@camperbot
Feb 14 2017 03:40
amirsharifico sends brownie points to @oliviamchugh :sparkles: :thumbsup: :sparkles:
:cookie: 102 | @oliviamchugh |http://www.freecodecamp.com/oliviamchugh
Alexander Køpke
@alexanderkopke
Feb 14 2017 03:40
@ydelbys select the h2 element in the style tags and give it font-family: "Lobster"; I think it is in quotes but I don't remember. Btw have you entered the link to the font?
anikisei
@anikisei
Feb 14 2017 03:42
''' $("#target4") .html("<em>#target4</em>"); ''' why its telling me that button id="target4 " is not selected
CamperBot
@camperbot
Feb 14 2017 03:42
:bulb: to format code use backticks! ``` more info
D.REED
@darnellreed
Feb 14 2017 03:42
hello everyone i need some help with nesting its asking me to" Nest your text input element within a form element." i put this in <form action="/submit-cat-photo">.</form> but its still incorrect can someone pls help?
Alexander Køpke
@alexanderkopke
Feb 14 2017 03:42
@anikisei do you have a space after $("#target4") and .html?
vigilante0525
@vigilante0525
Feb 14 2017 03:43
How do I give a form element the id of cat-photo-form?
ThurstianTsui
@ThurstianTsui
Feb 14 2017 03:43
@veredrec Thanks for the tips, giving the bold tip a try!
CamperBot
@camperbot
Feb 14 2017 03:43
thurstiantsui sends brownie points to @veredrec :sparkles: :thumbsup: :sparkles:
:cookie: 277 | @veredrec |http://www.freecodecamp.com/veredrec
ydelbys
@ydelbys
Feb 14 2017 03:43
yes @alexanderkopke i have already entered the link. And i have already put the font family to h2 but the p takes this font family too. And p its not suposed to take that font. I need to mantain the color but with different font-family
Jayna B.
@JBrisker
Feb 14 2017 03:43
Can anyone assist me? I am unsure about the how to execute "Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%."
anikisei
@anikisei
Feb 14 2017 03:43
@alexanderkopke yes i have should i get rid of it?
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 03:43
<form id="test"></form> @vigilante0525
Alexander Køpke
@alexanderkopke
Feb 14 2017 03:43
@vigilante0525 inside the form tag enter id="cat-photo-form"
Jayna B.
@JBrisker
Feb 14 2017 03:43
am I suppose to add on to the red-test or make a new class for p with font-size?
Alexander Køpke
@alexanderkopke
Feb 14 2017 03:44
@anikisei yeah I think it might help
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 03:44
@JBrisker yes add the p class in the style
anikisei
@anikisei
Feb 14 2017 03:44
@alexanderkopke thanks thats the ony problem i wasted my 30 min on that hehe thanks for helping
CamperBot
@camperbot
Feb 14 2017 03:44
anikisei sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star2: 1089 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
Jayna B.
@JBrisker
Feb 14 2017 03:44
Thanks Olivia
Olivia McHugh
@OliviaMcHugh
Feb 14 2017 03:45
No problem :purple_heart: @JBrisker
D.REED
@darnellreed
Feb 14 2017 03:46
hello everyone i need some help with nesting its asking me to" Nest your text input element within a form element." i put this in <form action="/submit-cat-photo">.</form> but its still incorrect can someone pls help?
Alexander Køpke
@alexanderkopke
Feb 14 2017 03:46
@ydelbys yes the p already has Monospace.. you can give h2 a different font. Can you post what you have between the styling tags?
ydelbys
@ydelbys
Feb 14 2017 03:47
@alexanderkopke

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

.font-lobster {
font-family: lobster;
}

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

Alexander Køpke
@alexanderkopke
Feb 14 2017 03:47
@darnellreed I don't see the input
D.REED
@darnellreed
Feb 14 2017 03:47
<form action="/submit-cat-photo">.</form>
Alexander Køpke
@alexanderkopke
Feb 14 2017 03:47
@ydelbys ah ok you wrote .font-lobster. it should be h2
Doug
@DawgPaw
Feb 14 2017 03:48
When I shrink the example down it makes the picture smaller and keeps it centered. Any idea why mine does not stay proportional when I shrink it down? Here's the example one: https://codepen.io/freeCodeCamp/pen/NNvBQW?editors=1000
Alforbes
@Alforbes
Feb 14 2017 03:48
how do you put a text on a button
Alexander Køpke
@alexanderkopke
Feb 14 2017 03:49
@darnellreed that is just the form.. the input looks like this <input type="text"> You need to put it inside the form. <form><input></form> this is not the solution I am just showing an example
D.REED
@darnellreed
Feb 14 2017 03:49
@alexanderkopke okay thanks
CamperBot
@camperbot
Feb 14 2017 03:49
darnellreed sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star2: 1090 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
Alexander Køpke
@alexanderkopke
Feb 14 2017 03:50
@ydelbys
h2{
font-family:Lobster;
}
ydelbys
@ydelbys
Feb 14 2017 03:50
wow!!!! @alexanderkopke thanks a lot!!! teach me how to give you points please
CamperBot
@camperbot
Feb 14 2017 03:50
:star2: 1091 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
ydelbys sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
Alexander Køpke
@alexanderkopke
Feb 14 2017 03:50
@ydelbys you click someone and say thanks. Like I do now and you already did :)
CamperBot
@camperbot
Feb 14 2017 03:50
alexanderkopke sends brownie points to @ydelbys :sparkles: :thumbsup: :sparkles:
:cookie: 21 | @ydelbys |http://www.freecodecamp.com/ydelbys
ydelbys
@ydelbys
Feb 14 2017 03:51
lol @alexanderkopke and where i find the emoticons??
Alexander Køpke
@alexanderkopke
Feb 14 2017 03:52
@ydelbys write : and it will pop up
ydelbys
@ydelbys
Feb 14 2017 03:52
:smile: @alexanderkopke thanks again
CamperBot
@camperbot
Feb 14 2017 03:52
ydelbys sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:warning: ydelbys already gave alexanderkopke points
Alexander Køpke
@alexanderkopke
Feb 14 2017 03:53
after teh : you can try to type something and it will find emoticons starting with those letters :cake:
Jordan Crumlish
@JCrumlish
Feb 14 2017 03:53

I am stuck.
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.

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

What am i doing wrong?

ydelbys
@ydelbys
Feb 14 2017 03:54
:satisfied:
Tiffany
@tiffanymakes
Feb 14 2017 03:55
@JCrumlish you gave your h1 a font size of 16px, instead of your p
ydelbys
@ydelbys
Feb 14 2017 03:55
:+1: @alexanderkopke thanks
CamperBot
@camperbot
Feb 14 2017 03:55
ydelbys sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:warning: ydelbys already gave alexanderkopke points
OmegaFruitPunch
@OmegaFruitPunch
Feb 14 2017 03:55

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

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

h2 {
font-family: Lobster, Monospace;
}

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

</style>

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

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

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

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

plz help size ur img
ydelbys
@ydelbys
Feb 14 2017 03:56
@alexanderkopke very good teacher!!! :+1:
Alexander Køpke
@alexanderkopke
Feb 14 2017 03:56
@ydelbys :blush:
OmegaFruitPunch
@OmegaFruitPunch
Feb 14 2017 03:58
size ur img?
Tiffany
@tiffanymakes
Feb 14 2017 03:59
@OmegaFruitPunch you need to add your "smaller-image" class to your <img> element.
Jordan Crumlish
@JCrumlish
Feb 14 2017 04:00

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

p {
font-size: 16px:
}
</style>
I tried like this but it still says
"Between the style tags, give the p elements font-size of 16px"

Manish Giri
@Manish-Giri
Feb 14 2017 04:01
@JCrumlish font-size: 16px:
; at the end, not :
Jordan Crumlish
@JCrumlish
Feb 14 2017 04:02
@Manish-Giri @tiffanymakes Thank you!!!!!
CamperBot
@camperbot
Feb 14 2017 04:02
jcrumlish sends brownie points to @manish-giri and @tiffanymakes :sparkles: :thumbsup: :sparkles:
:cookie: 293 | @tiffanymakes |http://www.freecodecamp.com/tiffanymakes
:star2: 4213 | @manish-giri |http://www.freecodecamp.com/manish-giri
Jordan Crumlish
@JCrumlish
Feb 14 2017 04:02
@OmegaFruitPunch Thank you!!
Tiffany
@tiffanymakes
Feb 14 2017 04:02
:thumbsup:
CamperBot
@camperbot
Feb 14 2017 04:02
jcrumlish sends brownie points to @omegafruitpunch :sparkles: :thumbsup: :sparkles:
:cookie: 26 | @omegafruitpunch |http://www.freecodecamp.com/omegafruitpunch
slickspidey
@slickspidey
Feb 14 2017 04:03
    .silver-background {
      background-color: silver;
    }
  }
</style>

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

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

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

<div>
  <img class="silver-background">
i'm tyrying to assign a silver background to my div element
it's not working :(
Matthew Long
@MattLong87
Feb 14 2017 04:05
@slickspidey give the silver-background class to your div element instead of the image
slickspidey
@slickspidey
Feb 14 2017 04:06
ooooooooooo
Tiffany
@tiffanymakes
Feb 14 2017 04:06
@slickspidey the <img> tag has two required attributes: src and alt. Your second <img> doesn't have either.
OmegaFruitPunch
@OmegaFruitPunch
Feb 14 2017 04:07

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

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

still trying to size imge to 100 pz
Alforbes
@Alforbes
Feb 14 2017 04:08
can someone help me out here please
<div class="row">
<button class="btn btn-block btn-primary" class="col-xs-4">Like</button>
<button class="btn btn-block btn-info" class="col-xs-4">Info</button>
<button class="btn btn-block btn-danger" class="col-xs-4">Delete</button>
</div>
Tiffany
@tiffanymakes
Feb 14 2017 04:08
@OmegaFruitPunch when you style, class needs a . in front and ID needs # in front.
Alforbes
@Alforbes
Feb 14 2017 04:08
try to get them on to the same row
trying*
anikisei
@anikisei
Feb 14 2017 04:09
'''
'''
CamperBot
@camperbot
Feb 14 2017 04:09
:bulb: to format code use backticks! ``` more info
slickspidey
@slickspidey
Feb 14 2017 04:09
<div class:"background-color">

<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>
still not working
anikisei
@anikisei
Feb 14 2017 04:10
' ' '
$(".target:nth-child(2)").addClass("animatedbounce");
' ' '
Matthew Long
@MattLong87
Feb 14 2017 04:11
@OmegaFruitPunch also, you should take out the "< img =" before the class declaration
OmegaFruitPunch
@OmegaFruitPunch
Feb 14 2017 04:11

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

<style>

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

Matthew Long
@MattLong87
Feb 14 2017 04:11
@Alforbes what's going wrong?
anikisei
@anikisei
Feb 14 2017 04:11
why is it telling me that the second element in your target should bounce
Manish Giri
@Manish-Giri
Feb 14 2017 04:11
@anikisei animated bounce
anikisei
@anikisei
Feb 14 2017 04:11
$(".target:nth-child(2)").addClass("animatedbounce");
Manish Giri
@Manish-Giri
Feb 14 2017 04:11
space
anikisei
@anikisei
Feb 14 2017 04:12
@Manish-Giri thanks
Alforbes
@Alforbes
Feb 14 2017 04:12
@MattLong87 they won't go on to a single row
OmegaFruitPunch
@OmegaFruitPunch
Feb 14 2017 04:12
@MattLong87 @tiffanymakes it works but i dint use the # for the ID which is im assuming img? thank you
CamperBot
@camperbot
Feb 14 2017 04:12
omegafruitpunch sends brownie points to @mattlong87 and @tiffanymakes :sparkles: :thumbsup: :sparkles:
:cookie: 123 | @mattlong87 |http://www.freecodecamp.com/mattlong87
:cookie: 294 | @tiffanymakes |http://www.freecodecamp.com/tiffanymakes
Alforbes
@Alforbes
Feb 14 2017 04:12
@MattLong87 or into their columns
anikisei
@anikisei
Feb 14 2017 04:12
@Manish-Giri a lot
slickspidey
@slickspidey
Feb 14 2017 04:13

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

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

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

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

<div class:"silver-background">


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

</div>

can anyone tell me what this isn't working
Matthew Long
@MattLong87
Feb 14 2017 04:14
@Alforbes ah, right, you have to put each button into its own <div> with the col-xs-4 class
Blank
@Lofak
Feb 14 2017 04:14
/Users/Macx/Desktop/屏幕快照 2017-02-14 下午12.12.32.png Why I cannot change the font size of the content in p element?
..... how to add my picture in the chat room
Alforbes
@Alforbes
Feb 14 2017 04:15
@MattLong87 i took that out and put it only in the original div, but that aligns everything into one column
Matthew Long
@MattLong87
Feb 14 2017 04:15
@Alforbes you need three divs inside the class="row" div, with a button in each
@slickspidey you've got a : instead of a = on your silver-background div
Alforbes
@Alforbes
Feb 14 2017 04:16
@mattlong87 ?
Andrew Shieh
@andrewlikes
Feb 14 2017 04:16
@slickspidey <div class:"silver-background"> should be <div class="silver-background">
Tiffany
@tiffanymakes
Feb 14 2017 04:17
@OmegaFruitPunch ID is used for a unique element of a page, unlike class which can be used multiple times on a page to style different elements the same way.
Alforbes
@Alforbes
Feb 14 2017 04:17

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

this aligns the rest of the page

slickspidey
@slickspidey
Feb 14 2017 04:18
<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>
still nothing, it says "make sure your div element has a closing tag"
but i do
Tiffany
@tiffanymakes
Feb 14 2017 04:18
@Alforbes try wrapping each button with its own col-xs-4 div
Alforbes
@Alforbes
Feb 14 2017 04:19
ok, let me see if that works
Tiffany
@tiffanymakes
Feb 14 2017 04:19
It's kind of like a table in a sense. You have a row, and each row has 12 columns, which can be divided any way you like using col-*- @Alforbes
Alforbes
@Alforbes
Feb 14 2017 04:20
@mattlong87 and @tiffanymakes thank you both
CamperBot
@camperbot
Feb 14 2017 04:20
alforbes sends brownie points to @mattlong87 and @tiffanymakes :sparkles: :thumbsup: :sparkles:
:cookie: 124 | @mattlong87 |http://www.freecodecamp.com/mattlong87
:cookie: 295 | @tiffanymakes |http://www.freecodecamp.com/tiffanymakes
slickspidey
@slickspidey
Feb 14 2017 04:21
anyone have a clue? lol
Tiffany
@tiffanymakes
Feb 14 2017 04:21
:thumbsup:
Matthew Long
@MattLong87
Feb 14 2017 04:21
@slickspidey what I see there looks okay. Is there another open div in your code or something?
slickspidey
@slickspidey
Feb 14 2017 04:22
Nope
wonder if it's a bug
Doug
@DawgPaw
Feb 14 2017 04:32
What do I need to do to get the picture to become smaller when I make the window smaller?
anikisei
@anikisei
Feb 14 2017 04:33
guys is it okh if i didnt use codepen for the challenges?
Thomas Mullen
@t-mullen
Feb 14 2017 04:34
@anikisei Your code needs to be on CodePen so they can confirm you completed the challenges
So if you want your cert, it'll need to be on CodePen or similar
anikisei
@anikisei
Feb 14 2017 04:35
@RationalCoding ng thanks i thought i could use sublime instead....thanks a llot
CamperBot
@camperbot
Feb 14 2017 04:35
anikisei sends brownie points to @rationalcoding :sparkles: :thumbsup: :sparkles:
:cookie: 301 | @rationalcoding |http://www.freecodecamp.com/rationalcoding
slickspidey
@slickspidey
Feb 14 2017 04:35
    .silver-background {
      background-color: silver;
    }
  }
</style>

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

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

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

<div class="silver-background">
  <img 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>
koa24
@koa24
Feb 14 2017 04:35
hello guys im a new to this coding world
slickspidey
@slickspidey
Feb 14 2017 04:36
they're telling me my "dive has no silver background"
koa24
@koa24
Feb 14 2017 04:36
and plz help me for step 16
i cant figure out how to declare "red-text" in stylesheet
plz elp
asap
Thomas Mullen
@t-mullen
Feb 14 2017 04:37
@anikisei You can use Sublime (it's far superior IMO), just move it to a codepen when you're done (:
koa24
@koa24
Feb 14 2017 04:37

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

anikisei
@anikisei
Feb 14 2017 04:37
@RationalCoding thanks...so i just have to submit it to codepen?
CamperBot
@camperbot
Feb 14 2017 04:37
anikisei sends brownie points to @rationalcoding :sparkles: :thumbsup: :sparkles:
:warning: anikisei already gave rationalcoding points
World
@Da-World
Feb 14 2017 04:37
Just remember, you have to use green font if you wanna look like a 1337 hacker
Thomas Mullen
@t-mullen
Feb 14 2017 04:38
@anikisei Yup, just copy-paste the code into it
@slickspidey It looks like the top of your code was cut off. Can you link to the challenge?
slickspidey
@slickspidey
Feb 14 2017 04:39

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

  h2 {
    font-family: Lobster, Monospace;
  }

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

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

  .smaller-image {
    width: 100px;

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

  }
</style>

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

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

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

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

<form action="/submit-cat-photo">
  <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
  <label><input type="checkbox" name="personality" checked> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input type="checkbox" name="personality"> Energetic</label>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
Jason Garcia
@jason7354
Feb 14 2017 04:39
I can't figure out what is wrong with my CSS. It says that my h1 element should text I am Blue! the color Blue and use rgb for color bLue. That is what I did.

<style>
.red-text {
color: rgb(255,0,0);
}
.orchid-text {
color: rgb(218,112,214);
}
.sienna-text {
color: rgb(160,82,45);
}
.blue-text {
color: rgb(0,0,225);
}
</style>

<h1 class="red-text">I am red!</h1>

<h1 class="orchid-text">I am orchid!</h1>

<h1 class="sienna-text">I am sienna!</h1>

<h1 class="blue-text">I am blue!</h1>

anikisei
@anikisei
Feb 14 2017 04:39
@RationalCoding thanks a lot
CamperBot
@camperbot
Feb 14 2017 04:39
anikisei sends brownie points to @rationalcoding :sparkles: :thumbsup: :sparkles:
:warning: anikisei already gave rationalcoding points
slickspidey
@slickspidey
Feb 14 2017 04:39
that's the whole thing
Thomas Mullen
@t-mullen
Feb 14 2017 04:40
@slickspidey Your CSS isn't valid. You shouldn't nest the blocks like that.
.smaller-image {
    width: 100px;
}
.silver-background {
      background-color: silver;
}
slickspidey
@slickspidey
Feb 14 2017 04:41
omg thank you @RationalCoding i was trying to figure it out for the longest while
CamperBot
@camperbot
Feb 14 2017 04:41
slickspidey sends brownie points to @rationalcoding :sparkles: :thumbsup: :sparkles:
:cookie: 302 | @rationalcoding |http://www.freecodecamp.com/rationalcoding
Tiffany
@tiffanymakes
Feb 14 2017 04:41
@jason7354 you accidentally put 225. rbg blue should be 0,0,255.
Jason Garcia
@jason7354
Feb 14 2017 04:42
@tiffanymakes haha I knew it would be a simple solution. Thanks!!
CamperBot
@camperbot
Feb 14 2017 04:42
jason7354 sends brownie points to @tiffanymakes :sparkles: :thumbsup: :sparkles:
:cookie: 296 | @tiffanymakes |http://www.freecodecamp.com/tiffanymakes
anikisei
@anikisei
Feb 14 2017 04:42
@jason7354 its rgb(0,0,255)
Thomas Mullen
@t-mullen
Feb 14 2017 04:43
@koa24 You can declare CSS classes by putting a dot in front of the name.
.my-custom-class {
    color: blue;
}
koa24
@koa24
Feb 14 2017 04:43
thanks sir
ill try it
Thomas Mullen
@t-mullen
Feb 14 2017 04:43
You'll also need to use the class in your HTML.
Tiffany
@tiffanymakes
Feb 14 2017 04:44
@jason7354 sometimes you just need a 2nd pair of eyes :smile:
rughec9
@rughec9
Feb 14 2017 04:45
How do you place a background -image for the whole page
slickspidey
@slickspidey
Feb 14 2017 04:46
<form id="cat-photo-app" 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>
Matthew Kelly
@mattkellz13
Feb 14 2017 04:46
I'm having trouble using the .addclass feature to assign only one class with three selectors, any help? <script>
$(document).ready(function() {
$("button").addclass("animated")
$(".btn").addclass("shake")
$("#target1").addclass("btn-primary")
});
</script>
<script>
$(document).ready(function() {
$("button").addclass("animated")
$(".btn").addclass("shake")
$("#target1").addclass("btn-primary")
});
</script>
slickspidey
@slickspidey
Feb 14 2017 04:47
they said to give my form the element id .... am i doing it wrong?
Ross
@rossauusa
Feb 14 2017 04:47
Can someone show me how to change - Note
Due to browser implementation differences, you may need to be at 100% zoom to pass the tests on this challenge. how do you change this as i have correct code but wont let me move forward ?
koa24
@koa24
Feb 14 2017 04:50
@RationalCoding I still dont get it
plz help
"Your stylesheet should declare a red-text class and have its color set to red." = this is the thing that I cant resolve
Tiffany
@tiffanymakes
Feb 14 2017 04:51
@rossauusa for Windows it's ctrl+0, and you can zoom in and out using + and - respectively.
Sandeep Chary
@dsandeepchary
Feb 14 2017 04:51
Morning guys
Thomas Mullen
@t-mullen
Feb 14 2017 04:52
@koa24 That was just an example of how to declare a class. Try to apply that to your challenge.
Here's another:
.yellow-text {
    color: yellow;
}
koa24
@koa24
Feb 14 2017 04:53
oh i see
ty man
josephajima
@josephajima
Feb 14 2017 04:53
Hello. How do I change what programming language I want to learn?
koa24
@koa24
Feb 14 2017 04:54
now i just pass the challenge
slickspidey
@slickspidey
Feb 14 2017 04:54
How do you assign id to your form
Matthew Kelly
@mattkellz13
Feb 14 2017 04:54
I can't seem to figure this out, step 104 I believe, how do I assign the three elements to one class using .addclass. I thought this was right but it won't pass me
<script>
$(document).ready(function() {
$("button").addclass("animated")
$(".btn").addclass("shake")
$("#target1").addclass("btn-primary")
});
</script>
Thomas Mullen
@t-mullen
Feb 14 2017 04:55
@slickspidey What do you mean? You can set the id attribute exactly like you did above.
Ross
@rossauusa
Feb 14 2017 04:55
@tiffanymakes what about mac ?
josephajima
@josephajima
Feb 14 2017 04:55
Hello. How do I change what programming language I want to learn?
Hello. How do I change what programming language I want to learn?
Hello. How do I change what programming language I want to learn?
Hello. How do I change what programming language I want to learn?
Hello. How do I change what programming language I want to learn?
Tiffany
@tiffanymakes
Feb 14 2017 04:55
@rossauusa that I'm not sure haha. try it with cmd instead of ctrl
Thomas Mullen
@t-mullen
Feb 14 2017 04:56
@mattkellz13 Watch your casing. addClass
slickspidey
@slickspidey
Feb 14 2017 04:56
It's not letting go past the page
h1tag
@h1tag
Feb 14 2017 04:56
@dsandeepchary Morning
Matthew Kelly
@mattkellz13
Feb 14 2017 04:57
@RationalCoding Wow I didn't think capitalizing would be that necessary, Thanks!
CamperBot
@camperbot
Feb 14 2017 04:57
mattkellz13 sends brownie points to @rationalcoding :sparkles: :thumbsup: :sparkles:
:cookie: 303 | @rationalcoding |http://www.freecodecamp.com/rationalcoding
Thomas Mullen
@t-mullen
Feb 14 2017 04:57
@josephajima As far as I know, FreeCodeCamp only teaches Javascript, CSS, and HTML. There is no way to change to another language if that's what you mean. Please don't spam.
@mattkellz13 All Javascript is case-sensitive. Watch out :0
slickspidey
@slickspidey
Feb 14 2017 04:58
<form id="cat-photo-app" 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>
it won't read my form element id
Tiffany
@tiffanymakes
Feb 14 2017 04:58
@RationalCoding that wasn't me! :laughing:
__mifflin__
@cdrainxv
Feb 14 2017 04:59
@slickspidey: The id is supposed to be :

cat-photo-form

Thomas Mullen
@t-mullen
Feb 14 2017 04:59
@tiffanymakes I know! Sorry (:
Tiffany
@tiffanymakes
Feb 14 2017 05:00
@RationalCoding no worries. I agree with your statement!
Sandeep Chary
@dsandeepchary
Feb 14 2017 05:02
what's up @fortMaximus ?
h1tag
@h1tag
Feb 14 2017 05:03
@dsandeepchary :worried:
you?
Andrew Shieh
@andrewlikes
Feb 14 2017 05:03
has anyone completed the Tribute Challenge?
slickspidey
@slickspidey
Feb 14 2017 05:06
@cdrainxv haha thank you!
CamperBot
@camperbot
Feb 14 2017 05:06
slickspidey sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 2287 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Håło
@villy-k
Feb 14 2017 05:07
@andrewlikes a problem maybe you wanna bring up?
Andrew Shieh
@andrewlikes
Feb 14 2017 05:08
I just started but am curious how they grade it
does it have to look like the example or just have the same content
Ross
@rossauusa
Feb 14 2017 05:08

am i missing something??? Between the style tags, give the p elements font-size of 16px. =

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

Andrew Shieh
@andrewlikes
Feb 14 2017 05:09
@ross yes you need to give the p elements the change in font size, not .red-text
Thomas Mullen
@t-mullen
Feb 14 2017 05:09
@andrewlikes The challenges aren't graded. You just need to meet the minimum requirements, but you will learn the most if you try to go above-and-beyond.
Sandeep Chary
@dsandeepchary
Feb 14 2017 05:10
why @fortMaximus ?
Andrew Shieh
@andrewlikes
Feb 14 2017 05:10
@RationalCoding alright thanks
CamperBot
@camperbot
Feb 14 2017 05:10
andrewlikes sends brownie points to @rationalcoding :sparkles: :thumbsup: :sparkles:
:cookie: 304 | @rationalcoding |http://www.freecodecamp.com/rationalcoding
James S.
@Mrblue27
Feb 14 2017 05:11
How am I suppose to add the red-text class within the <h2></h2> correctly
mitron6
@mitron6
Feb 14 2017 05:11
@Mrblue27 class="red-text"
@Mrblue27 There is an example in the instructions.
Jaime Ruelas
@sdjjr3296
Feb 14 2017 05:12
what great ways to get started on building my own Portfolio?
James S.
@Mrblue27
Feb 14 2017 05:12
How am I suppose to add the red-text class within the <h2></h2> correctly
<style>
  h2 {

    color: red;
  }
 <h2 class="red-text">CatPhotoApp</h2>

</style>

<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>

  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></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><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>
mitron6
@mitron6
Feb 14 2017 05:12
@Mrblue27 Not in the style tags.
James S.
@Mrblue27
Feb 14 2017 05:13
@mitron6 I tried and its wrong
mitron6
@mitron6
Feb 14 2017 05:13
@Mrblue27 Remove the h2 inside the style tags. Add the class in the h2 that is part of the main section.
Jaime Ruelas
@sdjjr3296
Feb 14 2017 05:13
@Mrblue27 <h2 class="red-text">
mitron6
@mitron6
Feb 14 2017 05:14
@Mrblue27 What is the name of the challenge. I'll check my solution that passes.
Jaime Ruelas
@sdjjr3296
Feb 14 2017 05:15
what great ways to get started on building my own Portfolio?
mitron6
@mitron6
Feb 14 2017 05:16
@sdjjr3296 Just build the bare bones outline. Then enhance it.
aristof89
@aristof89
Feb 14 2017 05:16

what am i doing wrong?

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

James S.
@Mrblue27
Feb 14 2017 05:16
@mitron6 @sdjjr3296 its the Use a CSS Class to Style Element
<style>
  h2 {
    color: red;
  }
</style>
<h2 class="red-text">
<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>

  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></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><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>
mitron6
@mitron6
Feb 14 2017 05:17
@Mrblue27 So my CSS Class to Style element is only 11 lines.
Jaime Ruelas
@sdjjr3296
Feb 14 2017 05:17
@mitron6 whats the bare bones?\
mitron6
@mitron6
Feb 14 2017 05:19
@sdjjr3296 Imagine just a skeleton. It is a very minimal solution. Then you iterate just adding and improving.
Ross
@rossauusa
Feb 14 2017 05:19

How do i give the p elements font-size of 16px between the style tags? <h2 class="red-text">CatPhotoApp</h2>

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

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

Thomas Mullen
@t-mullen
Feb 14 2017 05:19
@Mrblue27 Declare the .red-text class instead of an h2 block.
.red-text {
   color: red;
}
James S.
@Mrblue27
Feb 14 2017 05:20
@mitron6 @sdjjr3296 Thanks I solved it
CamperBot
@camperbot
Feb 14 2017 05:20
:warning: could not find receiver for sdjjr3296
:cookie: 494 | @mitron6 |http://www.freecodecamp.com/mitron6
mrblue27 sends brownie points to @mitron6 and @sdjjr3296 :sparkles: :thumbsup: :sparkles:
__mifflin__
@cdrainxv
Feb 14 2017 05:20
@Mrblue27: <h2 class="…">TEXT HERE</h2>
Ross
@rossauusa
Feb 14 2017 05:20
could you explain further?
mitron6
@mitron6
Feb 14 2017 05:20
@Mrblue27 Hooray!
aristof89
@aristof89
Feb 14 2017 05:20

@rossauusa

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

}
p {

font-size: 16px;

}
</style>

Thomas Mullen
@t-mullen
Feb 14 2017 05:20
Also, you have 2 h2 tags. @Mrblue27
<h2 class="red-text">CatPhotoApp</h2>
James S.
@Mrblue27
Feb 14 2017 05:20
@RationalCoding Thanks I made the correction
CamperBot
@camperbot
Feb 14 2017 05:20
mrblue27 sends brownie points to @rationalcoding :sparkles: :thumbsup: :sparkles:
:cookie: 306 | @rationalcoding |http://www.freecodecamp.com/rationalcoding
Ross
@rossauusa
Feb 14 2017 05:22
@aristof89 thank you
CamperBot
@camperbot
Feb 14 2017 05:22
rossauusa sends brownie points to @aristof89 :sparkles: :thumbsup: :sparkles:
:cookie: 15 | @aristof89 |http://www.freecodecamp.com/aristof89
aristof89
@aristof89
Feb 14 2017 05:22
i had the same problem just couple of minutes ago @rossauusa :P
Randy97Le
@Randy97Le
Feb 14 2017 05:29
<div>
<p>
Testing
</p>
<ul>
<li>test 1</li>
</ul>
<ol>
<li>test 3</li>
</ol>
</div>
it says "nest your p element inside your div element"
did i do it wrong?
jeevanach
@jeevanach
Feb 14 2017 05:30

One h4 element should have the text #left-well.
One h4 element should have the text #right-well.
<div class="row">
<div class="col-xs-6">
<h4 id="left-well"></h4>

  <div class="well" id="left-well">

    <button class="btn btn-default target"></button>
    <button class="btn btn-default target"></button>
    <button class="btn btn-default target"></button>
  </div>

</div>
<div class="col-xs-6">
  <h4  id="right-well"></h4>
  <div class="well" id="right-well">
    <button class="btn btn-default target"></button>
    <button class="btn btn-default target"></button>
    <button class="btn btn-default target"></button>
  </div>
</div>

</div>

Sunil Antonia
@JokkerCity
Feb 14 2017 05:31
hey guys.. just a stupid Question.. how much time do u guys spend a day learning on freecodecamp ? what is your motivation and what are your goals ?
Randy97Le
@Randy97Le
Feb 14 2017 05:32
one hour minimum for me. My motivation is that HTML/CSS JavaScripts are the most well known languages that people are looking for. I'm also doing C++ at school atm and sometimes HTML /CSS is fun when you're self-learning at your own pace
Sunil Antonia
@JokkerCity
Feb 14 2017 05:34
@Randy97Le ok nice , Thanks for the feedback.
Leo Santillan
@kodebuff
Feb 14 2017 05:34
Hello guys!
World
@Da-World
Feb 14 2017 05:35
hi
Joyce Tsan
@JoyceeT
Feb 14 2017 05:36
Hi, can anyone help with the html/css "sizing your image" section?
World
@Da-World
Feb 14 2017 05:37
@Wowjoyce post your code
Leo Santillan
@kodebuff
Feb 14 2017 05:38
@Wowjoyce yup, please post your code..
Joyce Tsan
@JoyceeT
Feb 14 2017 05:38

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

h2 {
font-family: Lobster, Monospace;
}

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

Sandeep Chary
@dsandeepchary
Feb 14 2017 05:39
html code? @Wowjoyce
add smaller -image to <img> as you added red-text to other html elements @Wowjoyce
Leo Santillan
@kodebuff
Feb 14 2017 05:41
smaller-image class declaration is correct.
Joyce Tsan
@JoyceeT
Feb 14 2017 05:41
would it be something like this?
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Sandeep Chary
@dsandeepchary
Feb 14 2017 05:41
exactly
@Wowjoyce
Leo Santillan
@kodebuff
Feb 14 2017 05:42
@Wowjoyce I believe there is a space between your . and smaller-image
Sandeep Chary
@dsandeepchary
Feb 14 2017 05:42
Yes,there is a space @Wowjoyce
Joyce Tsan
@JoyceeT
Feb 14 2017 05:43
ok it's working now!
Leo Santillan
@kodebuff
Feb 14 2017 05:43
it should be one statement:
.smaller-image
Avola Nero
@opulentage
Feb 14 2017 05:43

Hi I'm stuck on the override styles class. It says create a second class below pink-text called blue-text, then list blue-text as the second class in the body element. But I can't see where I've gone wrong. Here's my code:

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

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

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

Sandeep Chary
@dsandeepchary
Feb 14 2017 05:43
Great observation @CodeScribeGeek
Joyce Tsan
@JoyceeT
Feb 14 2017 05:43
Thanks guys, it was just the spaces
Leo Santillan
@kodebuff
Feb 14 2017 05:43
:)
Alexander Køpke
@alexanderkopke
Feb 14 2017 05:43
alt
Leo Santillan
@kodebuff
Feb 14 2017 05:44
:smile:
jeevanach
@jeevanach
Feb 14 2017 05:45

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

<div class="well" id="left-well">

<button class="btn btn-default target"></button>
<button class="btn btn-default target"></button>
<button class="btn btn-default target"></button>
</div>

</div>
<div class="col-xs-6">
  <h4  id="right-well"></h4>
  <div class="well" id="right-well">
    <button class="btn btn-default target"></button>
    <button class="btn btn-default target"></button>
    <button class="btn btn-default target"></button>
  </div>
</div>

</div>
</div>
One h4 element should have the text #left-well.
One h4 element should have the text #right-well.

help
Sandeep Chary
@dsandeepchary
Feb 14 2017 05:46
set the text to h4 not just ids @jeevanach
Harrison
@hkelm
Feb 14 2017 05:46
@opulentage keep both of them in the parenthesis <h1 class="pink-text blue-text">Hello World!</h1>
Leo Santillan
@kodebuff
Feb 14 2017 05:46
@opulentage <h1 class="pink-text" "blue-text">Hello World!</h1>
pink-text and blue-text must be on the same " " not separate..
should be "pink-text blue-text"
Avola Nero
@opulentage
Feb 14 2017 05:48
oh! DUH!!!! So simple! Thank you so much!!!
Leo Santillan
@kodebuff
Feb 14 2017 05:49
:+1:
Ritik
@RitikPatni
Feb 14 2017 05:49
Nest the existing img element within an a element.
Sandeep Chary
@dsandeepchary
Feb 14 2017 05:50
<a><img></a> @000E
Ritik
@RitikPatni
Feb 14 2017 05:56

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

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

Nest the existing image I can't figure it out
I goot it
Leo Santillan
@kodebuff
Feb 14 2017 06:01
<a href="#"><img class="sample-class" src="https://source-pic" alt="alternate"></a>
something like that
@000E
jeevanach
@jeevanach
Feb 14 2017 06:07
@dsandeepchary thank you
CamperBot
@camperbot
Feb 14 2017 06:07
jeevanach sends brownie points to @dsandeepchary :sparkles: :thumbsup: :sparkles:
:cookie: 467 | @dsandeepchary |http://www.freecodecamp.com/dsandeepchary
Sandeep Chary
@dsandeepchary
Feb 14 2017 06:12
np @jeevanach
Swapnil
@swpnl7
Feb 14 2017 06:25
Make sure you have nested all HTML elements in .container-fluid , what it means?
Sandeep Chary
@dsandeepchary
Feb 14 2017 06:26
do you have a div around all your html elements
Swapnil
@swpnl7
Feb 14 2017 06:27
yes
Sandeep Chary
@dsandeepchary
Feb 14 2017 06:30
then add container class to the div
that's a inbuilt class from bootstrap
Swapnil
@swpnl7
Feb 14 2017 06:30
k

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

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

.smaller-image {
width: 100px;
}

</style>
< div class="container-fluid">

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

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

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

<p>Things cats love:</p>

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

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

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

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

this is my code
doraemon
@doraemon1
Feb 14 2017 06:34
<p>Here's a <a href="http://freecatphotoapp.com">catphotos</a> for you to follow.</p>
Sandeep Chary
@dsandeepchary
Feb 14 2017 06:34
that should work refresh the page @swpnl7
Swapnil
@swpnl7
Feb 14 2017 06:34
yeah right @dsandeepchary
doraemon
@doraemon1
Feb 14 2017 06:35
为什么测试不通过
Chenyang
@chenyang48671155
Feb 14 2017 06:36
@doraemon1 link
doraemon
@doraemon1
Feb 14 2017 06:37
???
blob
Sakthi Venkateswara Prasad J
@sakve
Feb 14 2017 06:39
@doraemon1 try reopening the challenge..there's some bug with that challenge ..
Chenyang
@chenyang48671155
Feb 14 2017 06:40
@doraemon1 Bug
Maybe
doraemon
@doraemon1
Feb 14 2017 06:40
ok
thanks
Chenyang
@chenyang48671155
Feb 14 2017 06:41
:)
Vick
@Vickmeister
Feb 14 2017 06:49

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

.smaller-image {
width: 100px;

}

</style>

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

What am I doing wrong?? :(
Sandeep Chary
@dsandeepchary
Feb 14 2017 06:51
you have more than one </style>
Sakthi Venkateswara Prasad J
@sakve
Feb 14 2017 06:51
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> should be <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. " class="smaller-image">
@dsandeepchary add the smaller-image class to the IMG tag
Sandeep Chary
@dsandeepchary
Feb 14 2017 06:52
I've done that long ago
@sakve
Sakthi Venkateswara Prasad J
@sakve
Feb 14 2017 06:52
are you facing issue, even now ? can you please post the code between ``
@dsandeepchary
Victor
@victorle93
Feb 14 2017 06:53
Hey guys
Is there a bug with the responsively style checkboxes task?\
Vick
@Vickmeister
Feb 14 2017 06:53
Thanks!
Victor
@victorle93
Feb 14 2017 06:55
This is what I've got for that section
<div class="rows">
  <div class="col-xs-4"><label><input type="checkbox" name="personality"> Loving</label></div>
  <div class="col-xs-4"><label><input type="checkbox" name="personality"> Lazy</label></div>
  <div class="col-xs-4"><label><input type="checkbox" name="personality"> Crazy</label></div>
</div>
Task is to nest all checkboxes inside one div with the class row and nest each of the checkboxes inside its own div with the class col-xs-4.
Don't worry found the error.
Type in 'rows' instead of 'row' =.=
Sandeep Chary
@dsandeepchary
Feb 14 2017 07:05
lol
I'm not
@sakve
Ritik
@RitikPatni
Feb 14 2017 07:06
Make sure you have nested all HTML elements in .container-fluid.
yep
K got it
Lucy
@lucillesociety
Feb 14 2017 07:13
hola
dayanivan681
@dayanivan681
Feb 14 2017 07:13
hello
help
Luique Cruz
@Luiquecruz
Feb 14 2017 07:13
hello
Lucy
@lucillesociety
Feb 14 2017 07:13
i need help
"Replace the value of your a element's href attribute with a #, also known as a hash symbol, to turn it into a dead link." But i don't know where i need to put the #
Daryl
@whoami15
Feb 14 2017 07:16
Have a Problem in Your a element should be nested within your new p element.
Sakthi Venkateswara Prasad J
@sakve
Feb 14 2017 07:17
@lucillesociety <a href="#"> and you are done
Daryl
@whoami15
Feb 14 2017 07:17
But i have <p>View more <a href="http://www.freecatphotoapp.com">cat photos</a></p> whats wrong with this?
Sakthi Venkateswara Prasad J
@sakve
Feb 14 2017 07:17
@whoami15 Try reopening the chellenge or refreshing the page..there's a bug
Daryl
@whoami15
Feb 14 2017 07:17
ok thanks Sakthi Where u from?
Lucy
@lucillesociety
Feb 14 2017 07:18
thank you so much
Sakthi Venkateswara Prasad J
@sakve
Feb 14 2017 07:19
@whoami15 India
Daryl
@whoami15
Feb 14 2017 07:19
Challenge [Nest an Anchor Element within a Paragraph]
theres a bug found on git issues
<p>View more <a href="http://www.freecatphotoapp.com">cat photos</a></p>
there's nothing wrong with this
Coy Sanders
@coymeetsworl