These are chat archives for FreeCodeCamp/Help

27th
Jun 2017
Sean
@seanreeise
Jun 27 2017 00:01
<script>
Midwaymoon
@Midwaymoon
Jun 27 2017 00:01
Hello everyone im a bit stuck, I'm on lesson 49 Override Styles in Subsequent CSS
Sean
@seanreeise
Jun 27 2017 00:01
wrong chat
Coy Sanders
@coymeetsworld
Jun 27 2017 00:02
@Midwaymoon please post your code
Midwaymoon
@Midwaymoon
Jun 27 2017 00:02

this is the code I have

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

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

Coy Sanders
@coymeetsworld
Jun 27 2017 00:02
@Midwaymoon remember there should only be one class attribute per tag
or else it will read the last one
Midwaymoon
@Midwaymoon
Jun 27 2017 00:03
So I should remove the class within the h1 ?
Coy Sanders
@coymeetsworld
Jun 27 2017 00:03
one of them, yes
Midwaymoon
@Midwaymoon
Jun 27 2017 00:04
ok thank you @coymeetsworld
CamperBot
@camperbot
Jun 27 2017 00:04
midwaymoon sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2895 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Jun 27 2017 00:04
np
Nahuel Ovejero
@NahuelOvejero
Jun 27 2017 00:05
Coy is everywhere, do you have 2 monitors? x)
oathmark1
@oathmark1
Jun 27 2017 00:05
How do I reset the code camp exercises with a clean slate? I want to start over. Was gone for a while. Thx
Coy Sanders
@coymeetsworld
Jun 27 2017 00:06
yes, but only one on FCC
other is for work
@oathmark1 youd have to delete your account I think
or else just start from beginning
if you start doing challenges it wont show your solutions
unless you go to your actual soln page
B.Oussama
@0usssama
Jun 27 2017 00:08
hi plz can someone help me here with the nav bar codepen.io/B-oussama/pen/mwqeoP
oathmark1
@oathmark1
Jun 27 2017 00:08
Okay, Thx
Barry Foster
@BarryFoster
Jun 27 2017 00:19
@0usssama | In your CSS put a "#" infront of the "li" in "ul.menu li" is that what you were looking for? and im new here lol xD and im sure im probably not even right tbh
Dawson Harris
@RdRunna
Jun 27 2017 00:21

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

Coy Sanders
@coymeetsworld
Jun 27 2017 00:21
@RdRunna you defined the class smaller-image, but you're not using it
Dawson Harris
@RdRunna
Jun 27 2017 00:21
how do i use it?
Coy Sanders
@coymeetsworld
Jun 27 2017 00:22
same way you assigned classes to the h2 and p tags, use the class attribute
Dawson Harris
@RdRunna
Jun 27 2017 00:22
Wow i really overlooked that . Thank You
Coy Sanders
@coymeetsworld
Jun 27 2017 00:22
np
Myles Dennis
@AllenDennis317
Jun 27 2017 00:27

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

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

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

i cant get it to read the 16px?
Karan
@karansagar
Jun 27 2017 00:28

folks anyone know the answer of
Create a class called thick-green-border that puts a 10-pixel-wide green border with a style of solid around an HTML element, and apply that class to your cat photo.

Remember that you can apply multiple classes to an element by separating each class with a space within its class attribute. For example:

<img class="class1 class2">

question is how can i creat <img class="class1 class2">

here is the code below :-

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

Xavier Lawrence
@XDLawrence
Jun 27 2017 00:32
how should I make my H2 element blue?
Karan
@karansagar
Jun 27 2017 00:33
@XDLawrence : share code i will able to help you with edit
.blue-text {
color: blue; }
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 27 2017 00:35
@karansagar add class thick-green-border to your image and apply css to that class
Justin Gu
@Jygu
Jun 27 2017 00:35
hey could anyone help me move my h1 element down a bit in my codepen
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 27 2017 00:35

@AllenDennis317

p{font-size:16px}

this should go in styling

Carlos Nicholson
@CarlosNicholson
Jun 27 2017 00:36
k
Karan
@karansagar
Jun 27 2017 00:36
@reddy-bharathkumar let me try ... appreciate your help !
Paul
@pkcode2
Jun 27 2017 00:36
Hey, campers, help with this #target business? Instructions say that my #target1 doesn't have the classes animated, shake and btn-primary.

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

});
$("button").addClass("animated");
$(".btn").addClass("shake");
$("#target1").addClass("btn-primary");
</script>

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

Carlos Nicholson
@CarlosNicholson
Jun 27 2017 00:37
Your h2 element should be red. how to do
Nahuel Ovejero
@NahuelOvejero
Jun 27 2017 00:38
@pkcode2 you need to put all your stuff inside the functiont that holds document.ready
@CarlosNicholson what you have so far?
Carlos Nicholson
@CarlosNicholson
Jun 27 2017 00:38

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

<h2>CatPhotoApp</h2>

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

<h2 class="red-text">CatPhotoApp</h2> which part?

Bharath Kumar Reddy
@reddy-bharathkumar
Jun 27 2017 00:39
@CarlosNicholson you don't have to write another h2, just apply class to that existing h2
Carlos Nicholson
@CarlosNicholson
Jun 27 2017 00:39
@reddy-bharathkumar done it\
thankjs
Karan
@karansagar
Jun 27 2017 00:40

@reddy-bharathkumar : i've added class "hick-green-border" on my Style (css) but how to use this class on my image tag

all i want is to add border and this source to apply on my img tag… (looks like i have to add 2 class in img tag not able to understand how to do it)

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

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

Carlos Nicholson
@CarlosNicholson
Jun 27 2017 00:41
Your p element should be red.
Your p element should have the class red-text. how this works anyone
Lisa Sanesanong
@lsanesan
Jun 27 2017 00:42
@CarlosNicholson trying to figure that out too
Carlos Nicholson
@CarlosNicholson
Jun 27 2017 00:43

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

<p class="red-text">CatPhotoApp</p> your p element should be red?

Moriah
@Queen2Tru
Jun 27 2017 00:44
<p> View more <a href="http://www.freecatphotoapp.com">cat photos </a></p>
what is wrong with my nestig?
nesting?
CallMeOrange
@EgnaroDev
Jun 27 2017 00:44
@Queen2Tru You need to have dot
Paul
@pkcode2
Jun 27 2017 00:45
@NahuelOvejero Still trying to figure out the syntax for doing that; I've tried several ways...
Moriah
@Queen2Tru
Jun 27 2017 00:45
that is awesome! @MCTwoDigitZero
Nahuel Ovejero
@NahuelOvejero
Jun 27 2017 00:45
@pkcode2 every code goes
$(document).ready(function() {
          //all your code has to be there
});
Karan
@karansagar
Jun 27 2017 00:45
@Queen2Tru : it is working fine just click Command enter/Click ... it will pop up another window !
Moriah
@Queen2Tru
Jun 27 2017 00:46
thank you at @MCTwoDigitZero @karansagar
CamperBot
@camperbot
Jun 27 2017 00:46
queen2tru sends brownie points to @mctwodigitzero and @karansagar :sparkles: :thumbsup: :sparkles:
:cookie: 352 | @mctwodigitzero |http://www.freecodecamp.com/mctwodigitzero
:cookie: 25 | @karansagar |http://www.freecodecamp.com/karansagar
Karan
@karansagar
Jun 27 2017 00:46
OMG ! thanks !
some one please help on my stuck !
Carlos Nicholson
@CarlosNicholson
Jun 27 2017 00:47

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

<p class="red-text">CatPhotoApp</p> Your p element should be red. how to do?

Paul
@pkcode2
Jun 27 2017 00:48
@NahuelOvejero This is what I have now, and it's still not taking.
<script>
$(document).ready(function() {$("button").addClass("animated");
$(".btn").addClass("shake");
$("#target1").addClass("btn-primary");

});

</script>
Carlos Nicholson
@CarlosNicholson
Jun 27 2017 00:48
@pkcode2 can you help ,e
Coy Sanders
@coymeetsworld
Jun 27 2017 00:48
@karansagar thats not the right class name. Also to add multiple classes there is an example: class="class1 class2" with class1 and class2 just placeholder names for the real names of the classes you want to add
Carlos Nicholson
@CarlosNicholson
Jun 27 2017 00:49
@coymeetsworld can u help me please
Karan
@karansagar
Jun 27 2017 00:49
@CarlosNicholson : just reset the code and share again something is wrong on your pasted code
Nahuel Ovejero
@NahuelOvejero
Jun 27 2017 00:49
@pkcode2 well, you have another problem, what the excercise ask?
Coy Sanders
@coymeetsworld
Jun 27 2017 00:49
@CarlosNicholson with? you have to be more specific
what challenge name, what issue are you having?
Carlos Nicholson
@CarlosNicholson
Jun 27 2017 00:50

<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>
here, what do i do now?

Karan
@karansagar
Jun 27 2017 00:51
@coymeetsworld thanks !
CamperBot
@camperbot
Jun 27 2017 00:51
karansagar sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2896 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Paul
@pkcode2
Jun 27 2017 00:51
@NahuelOvejero This is the feedback I'm getting from the left side:
ah, hang on, it didn't copy...
Carlos Nicholson
@CarlosNicholson
Jun 27 2017 00:51
who can help me?
Paul
@pkcode2
Jun 27 2017 00:51

Use the $("button") selector.

Use the $(".btn") selector.

Use the $("#target1") selector.

Only add one class with each of your three selectors.

Your #target1 element should have the classes animated‚ shake and btn-primary.

Only use jQuery to add these classes to the element.

Karan
@karansagar
Jun 27 2017 00:52
@coymeetsworld & @NahuelOvejero : i'm sharing excises name can you please try to fix it ... still i'm thinking on the same ...
Coy Sanders
@coymeetsworld
Jun 27 2017 00:52
@CarlosNicholson please read what I wrote. You're not giving enough information
@karansagar huh?
Paul
@pkcode2
Jun 27 2017 00:52
it's giving me the red x only on "Your #target1 element should have the classes animated, shake and btn-primary."
Carlos Nicholson
@CarlosNicholson
Jun 27 2017 00:52
@coymeetsworld Your p element should be red.
Your p element should have the class red-text. how to do?
Karan
@karansagar
Jun 27 2017 00:52
@coymeetsworld : Add Borders Around your Elements (on HTML5 & CSS3 )
Coy Sanders
@coymeetsworld
Jun 27 2017 00:53
@CarlosNicholson you need to assign the red-text class to the p element
@karansagar you have to figure the challenges out on your own.
Carlos Nicholson
@CarlosNicholson
Jun 27 2017 00:53
at where?
Coy Sanders
@coymeetsworld
Jun 27 2017 00:53
@CarlosNicholson similar to how you added it for the h2 tag
just try it
Nahuel Ovejero
@NahuelOvejero
Jun 27 2017 00:54
@pkcode2 reset the challange
@pkcode2 try putting it in different lines also
Coy Sanders
@coymeetsworld
Jun 27 2017 00:54
@pkcode2 your code looks fine to me, try refreshing
Carlos Nicholson
@CarlosNicholson
Jun 27 2017 00:54
@coymeetsworld ive stuffed up
Karan
@karansagar
Jun 27 2017 00:54
@coymeetsworld : agg! ohkay ! let me try hard !
Nahuel Ovejero
@NahuelOvejero
Jun 27 2017 00:54
$(document).ready(function() {$("button").addClass("animated");
$(document).ready(function() {
         $("button").addClass("animated");
Coy Sanders
@coymeetsworld
Jun 27 2017 00:54
@pkcode2 @NahuelOvejero that should work, but maybe put the button selector on a new line
maybe FCC can't parse that right
assuming thats how it validates the code
Nahuel Ovejero
@NahuelOvejero
Jun 27 2017 00:55
yeah, sometimes get a bit crazy
Coy Sanders
@coymeetsworld
Jun 27 2017 00:56
nah it works for me
@pkcode2 try refreshing your browser and submit again, your code is fine
Carlos Nicholson
@CarlosNicholson
Jun 27 2017 00:58
I'm stuffing up hard core.
Parker
@PWhughes32
Jun 27 2017 00:58
How do I give the p elements the font-size between the style tags?
Coy Sanders
@coymeetsworld
Jun 27 2017 00:59
@PWhughes32 look at the example, your code will look similar
except you want to style a different element and choose a diff font size
garynaz
@garynaz
Jun 27 2017 01:02
var count = 0;

function cc(card) {
  // Only change code below this line
  if (card >= 2 && card <= 6){
    return count++ + " Bet";
  }
  else if (card == 10 || card == "J" || card == "Q" || card == "K" || card == "A" ){
    return count-- + " Hold";
  }
  else {return count += 0;}

  // Only change code above this line
}

// Add/remove calls to test your function.
// Note: Only the last will display
cc(2); cc(3); cc(7); cc('K'); cc('A');
Justin Gu
@Jygu
Jun 27 2017 01:02
hi my css .thick-grey-border is not working for my codepen. could anyone help? https://codepen.io/jygu/pen/gWLxeE
garynaz
@garynaz
Jun 27 2017 01:02
need help please!
Braison
@Braison
Jun 27 2017 01:02
I've checked off each task for the "Make Images Mobile Responsive" challenge except the "Your new image should have a src of ...." What am I missing?

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

<img class="img-responsive"
     src="https://bit.ly/fcc-running-cats.">
salmanshahidau
@salmanshahidau
Jun 27 2017 01:03
https://pastebin.com/V6UvKx1d Any idea why the line after the comment doesn't work? -- Doesn't remove null
Myles Dennis
@AllenDennis317
Jun 27 2017 01:03
Does everyone get stuck on the green border of the cat picture :D
Jordan
@Adidasfan1994
Jun 27 2017 01:04

<style>
<h2>CatPhotoApp</h2>
</style>

So beginning question, have I put the <style> s in the wrong place?

Coy Sanders
@coymeetsworld
Jun 27 2017 01:04
@garynaz you don't want to return in the if statements
you want to just increment/decrement/leave alone count. Then after that, you need to evaluate the count variable
and determine whether to bet or hold.
Kamorudeen Nurudeen I. A.
@Nutech08186181915
Jun 27 2017 01:04
Hello guys please be of help here. I want all buttons should be nested within the same div element with the class row. but i've tried what i could. take a look at the 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="rcol-xs-4">
<button class="row btn btn-block btn-primary">Like</button>
<button class="row btn btn-block btn-info">Info</button>
<button class="row 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>

garynaz
@garynaz
Jun 27 2017 01:05
@coymeetsworld Thank you!
CamperBot
@camperbot
Jun 27 2017 01:05
garynaz sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2897 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Carlos Nicholson
@CarlosNicholson
Jun 27 2017 01:05

<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>
what parts do i edit?

salmanshahidau
@salmanshahidau
Jun 27 2017 01:05
@Nutech08186181915 <div class="rcol-xs-4"> should be <div class="col-xs-4">
Kamorudeen Nurudeen I. A.
@Nutech08186181915
Jun 27 2017 01:07
@salmanshahidau I've corrected that.
Coy Sanders
@coymeetsworld
Jun 27 2017 01:07
<div class="rcol-xs-4"> @Nutech08186181915 ?
salmanshahidau
@salmanshahidau
Jun 27 2017 01:07
I think you will also have to wrap that div inside another div with a class row
renee edmonds
@bangboomshakalaka
Jun 27 2017 01:07
how to do you put two classes in one image?
<img class="thick-green-border" class="smaller-image"src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Coy Sanders
@coymeetsworld
Jun 27 2017 01:07
@CarlosNicholson look at how you assigned a class for your h2 element
Carlos Nicholson
@CarlosNicholson
Jun 27 2017 01:07
need help
Coy Sanders
@coymeetsworld
Jun 27 2017 01:07
its going to look the same
Mukul Agrawal
@mukul09
Jun 27 2017 01:08
@bangboomshakalaka class="class-1 class-2" space between the two
Terry Reynolds
@terryjreynolds
Jun 27 2017 01:08
If anyone is having trouble loading their Codepen profile page, it's likely because you have some infinite loops happening in some unattended pens. I was using pens to help make solutions to some of the basic algorithms in FCC and forgot to delete them, so I couldn't then load my profile page. Here's a link to the solution: https://blog.codepen.io/documentation/features/turn-off-javascript-in-previews/ You have to add a string to the url to turn off javascript to then delete the bad pens.
Kamorudeen Nurudeen I. A.
@Nutech08186181915
Jun 27 2017 01:08
@coymeetsworld ould you please explain better?
Coy Sanders
@coymeetsworld
Jun 27 2017 01:08
@Nutech08186181915 thats not the right class name, @salmanshahidau pointed it out too
renee edmonds
@bangboomshakalaka
Jun 27 2017 01:08
@ukul agrawal ok thanks ill try that
CamperBot
@camperbot
Jun 27 2017 01:08
bangboomshakalaka sends brownie points to @ukul :sparkles: :thumbsup: :sparkles:
:warning: @ukul's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Coy Sanders
@coymeetsworld
Jun 27 2017 01:08
although he gave you the wrong class
it should be row, not col-xs-4
Justin Gu
@Jygu
Jun 27 2017 01:08

i've put in

.thick-grey-border {
    border-color: #cccccc;
    border-width: 10px;
    border-style: solid;
    border-radius: 20%;
  }

for css and the class thick-grey-border in my image, but it's not working

salmanshahidau
@salmanshahidau
Jun 27 2017 01:09
@coymeetsworld I think he also needs that div inside another div that has the class row.
Kyle Holm
@thekholm80
Jun 27 2017 01:09
@beowulfskin i'm not too proud to admit i've had to do that a time or two
Justin Gu
@Jygu
Jun 27 2017 01:09
any ideas?
Coy Sanders
@coymeetsworld
Jun 27 2017 01:09
@salmanshahidau I don't think at that point yet
but im not 100% sure
Edith Madrigal
@EdithMadrigal
Jun 27 2017 01:10
Hey guys! :)
Mukul Agrawal
@mukul09
Jun 27 2017 01:10
@CarlosNicholson look how you gave class to h2 element same do with the p element
Kyle Holm
@thekholm80
Jun 27 2017 01:11
@EdithMadrigal hi
Terry Reynolds
@terryjreynolds
Jun 27 2017 01:12
@thekholm80 i was just using Codepen to try out my code before pasting into the FCC assignment. But I forgot to delete them and I guess it confused my profile. Took about an hour of searching the web to figure out why my profile wouldn't load. Thought I could save someone else the grief.
Kamorudeen Nurudeen I. A.
@Nutech08186181915
Jun 27 2017 01:12
I've been stuck here for 3 days now. I wonder if I would get out of this point.
Kyle Holm
@thekholm80
Jun 27 2017 01:13
@beowulfskin i understand. it happens to a lot of us
Carlos Nicholson
@CarlosNicholson
Jun 27 2017 01:13

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

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

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

what part do i change
Mukul Agrawal
@mukul09
Jun 27 2017 01:14

@CarlosNicholson no, remain it as <p> , give the class to p like

<p class="class-name">

B.Oussama
@0usssama
Jun 27 2017 01:14
hi can someone explain to me why the width is not extended 100%? codepen.io/B-oussama/pen/mwqeoP
Kyle Holm
@thekholm80
Jun 27 2017 01:14
@beowulfskin i once tried to console.log() close to 4000 objects in a loop. it wasn't pretty
Coy Sanders
@coymeetsworld
Jun 27 2017 01:14
@Jygu you sure thats the right name for the class?
Kamorudeen Nurudeen I. A.
@Nutech08186181915
Jun 27 2017 01:14
Your buttons should all be nested within the same div element with the class row.
I am beeing hold back by the problem above
Coy Sanders
@coymeetsworld
Jun 27 2017 01:15
or is this for something custom?
Justin Gu
@Jygu
Jun 27 2017 01:15
@coymeetsworld yeah, here's the codepen: https://codepen.io/jygu/pen/gWLxeE
salmanshahidau
@salmanshahidau
Jun 27 2017 01:15
How would I use filters with the Falsy Bouncer exercise? I've been trying to avoid the filter function - this is what I've done so far: https://pastebin.com/BywdD4ed
Terry Reynolds
@terryjreynolds
Jun 27 2017 01:16
@thekholm80 haha...I really set it on fire with a loop once as well. Kinda panicked because I couldn't get it to respond.
Coy Sanders
@coymeetsworld
Jun 27 2017 01:16
got some typos in your code @Jygu
.
.text-left
.thick-grey-border {
Manish Giri
@Manish-Giri
Jun 27 2017 01:16
@salmanshahidau just use .filter() and return the loop counter variable inside it.
SaiChand Duppala
@saichandd
Jun 27 2017 01:16
@0usssama the body has a default margin, use margin : 0; for the body
Kamorudeen Nurudeen I. A.
@Nutech08186181915
Jun 27 2017 01:17
Please guys help me with this... i am getting fed up at this stage.
Justin Gu
@Jygu
Jun 27 2017 01:17
@coymeetsworld fixed but that still doesn't solve the .thick-grey-border issue
Coy Sanders
@coymeetsworld
Jun 27 2017 01:17
you need to run the code again
you don't have it set to auto update
Carlos Nicholson
@CarlosNicholson
Jun 27 2017 01:17

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

<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> which part do i fix up

salmanshahidau
@salmanshahidau
Jun 27 2017 01:17
@Manish-Giri What do you mean?
B.Oussama
@0usssama
Jun 27 2017 01:17
@imRadioactive the issue was i didn't add the boostrap css in settings xD lol fixed thnx
CamperBot
@camperbot
Jun 27 2017 01:17
0usssama sends brownie points to @imradioactive :sparkles: :thumbsup: :sparkles:
:cookie: 294 | @imradioactive |http://www.freecodecamp.com/imradioactive
Mark Bryant
@markmarkmark99
Jun 27 2017 01:18
hello - issues with children jquery
renee edmonds
@bangboomshakalaka
Jun 27 2017 01:18

uh with the two classes inside the image thingy how exactly do you separate the classes?

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

Justin Gu
@Jygu
Jun 27 2017 01:18
@coymeetsworld did it still doesn't work
Mark Bryant
@markmarkmark99
Jun 27 2017 01:18
$("#right-well").children()
.css("color", "orange");
});
salmanshahidau
@salmanshahidau
Jun 27 2017 01:18
I'm looking at https://www.w3schools.com/jsref/jsref_filter.asp I don't understand how I can relate my problem with the example after line 4 @Manish-Giri
SaiChand Duppala
@saichandd
Jun 27 2017 01:18
@0usssama :thumbsup:
Sean
@seanreeise
Jun 27 2017 01:19
<script>
$(document).ready(function() {
$("button").addclass("animated bounce");
});
</script>
amy I doing anything wrong?
this is to add animated bounce?
Coy Sanders
@coymeetsworld
Jun 27 2017 01:19
you sure you fixed it correctly @Jygu ? i made the change and it worked for me
@seanreeise its addClass, JS is case sensitive
Manish Giri
@Manish-Giri
Jun 27 2017 01:19
@salmanshahidau a hint - if you do something like if(x) - it will execute only if x is a truthy value.
use this in .filter().
Mukul Agrawal
@mukul09
Jun 27 2017 01:20
@CarlosNicholson your code looks good.try to refresh then run
Kamorudeen Nurudeen I. A.
@Nutech08186181915
Jun 27 2017 01:20
@CarlosNicholson run the code again
Sean
@seanreeise
Jun 27 2017 01:20
@coymeetsworld wow I have been stuck on that for an hour and its because of an capital. haha thanks
CamperBot
@camperbot
Jun 27 2017 01:20
seanreeise sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2898 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
renee edmonds
@bangboomshakalaka
Jun 27 2017 01:20

uh with the two classes inside the image thingy how exactly do you separate the classes?

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

salmanshahidau
@salmanshahidau
Jun 27 2017 01:21
But from my understanding you can't use a function in a loop (I need to loop my falsyList through the filter function) @Manish-Giri
Justin Gu
@Jygu
Jun 27 2017 01:21
@coymeetsworld yeah it's still not working for some reason
Coy Sanders
@coymeetsworld
Jun 27 2017 01:21
post your pen again then
ill see if theres other errors
Carlos Nicholson
@CarlosNicholson
Jun 27 2017 01:21
<style>
.red-text {
color: red;

}
p {

font-size: 16px;

}
</style>
renee edmonds
@bangboomshakalaka
Jun 27 2017 01:22
:worried:
Coy Sanders
@coymeetsworld
Jun 27 2017 01:22
@Jygu you still have errors in your css
but the rounded-border is there
Justin Gu
@Jygu
Jun 27 2017 01:23
what errors?
Mukul Agrawal
@mukul09
Jun 27 2017 01:23
@bangboomshakalaka it should be like
<img class="smaller-image thick-green-border"
renee edmonds
@bangboomshakalaka
Jun 27 2017 01:24
@mukul09 ah right thanks. and how to add a second class
CamperBot
@camperbot
Jun 27 2017 01:24
bangboomshakalaka sends brownie points to @mukul09 :sparkles: :thumbsup: :sparkles:
:cookie: 475 | @mukul09 |http://www.freecodecamp.com/mukul09
renee edmonds
@bangboomshakalaka
Jun 27 2017 01:24
@mukul09 oh wait nvm i got it
Justin Gu
@Jygu
Jun 27 2017 01:24
@coymeetsworld is it the h1 and h2 css elements?
Mukul Agrawal
@mukul09
Jun 27 2017 01:24
@bangboomshakalaka :+1:
Karan
@karansagar
Jun 27 2017 01:25
big thanks to @reddy-bharathkumar & @mukul09 ... really thanks :)
Coy Sanders
@coymeetsworld
Jun 27 2017 01:25
@Jygu its like what I showed before
CamperBot
@camperbot
Jun 27 2017 01:25
karansagar sends brownie points to @reddy-bharathkumar and @mukul09 :sparkles: :thumbsup: :sparkles:
:cookie: 476 | @mukul09 |http://www.freecodecamp.com/mukul09
:cookie: 372 | @reddy-bharathkumar |http://www.freecodecamp.com/reddy-bharathkumar
Kamorudeen Nurudeen I. A.
@Nutech08186181915
Jun 27 2017 01:25

<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="col-xs-4">
<button class="row btn btn-block btn-primary">Like</button>
<button class="row btn btn-block btn-info">Info</button>
<button class="row 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>
Pleass help guys my head is getting down with this blockage.
Your buttons should all be nested within the same div element with the class row.
Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4.

Coy Sanders
@coymeetsworld
Jun 27 2017 01:25
.text-center
.portrait{width:800px;}
this is probably not what you want to do
you most likely did not finish creating the text-center class, you should clean that up or remove it
renee edmonds
@bangboomshakalaka
Jun 27 2017 01:25
yas ! did it
Coy Sanders
@coymeetsworld
Jun 27 2017 01:26
right now the css code reads for an element with class portrait thats nested inside an element class text-center, set width to 800px
Justin Gu
@Jygu
Jun 27 2017 01:26
@coymeetsworld i don't see it; would you mind pointing it out?
Coy Sanders
@coymeetsworld
Jun 27 2017 01:26
maybe thats what you want, idk but that was your problem with the gray-border until that got cleared up
Justin Gu
@Jygu
Jun 27 2017 01:28
oh yeah that's intentional,
Paulo Victor Marchetto Silva
@paulovictormsilva
Jun 27 2017 01:29
Hello people.
pricecj1371
@pricecj1371
Jun 27 2017 01:30
how do I get form element in to a text field?
Myles Dennis
@AllenDennis317
Jun 27 2017 01:32
stuck on anchoring
Paulo Victor Marchetto Silva
@paulovictormsilva
Jun 27 2017 01:32
I have a question. I want to know how to set more than one feature into the h2 element. For example: <h2 class="red-text" ; font-family="Lobster"> Blablabla </h2>. So in this example i want to add class and font-family at once. Is it possible?
Justin Gu
@Jygu
Jun 27 2017 01:32
@coymeetsworld it worked! thanks a lot
CamperBot
@camperbot
Jun 27 2017 01:32
jygu sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2899 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Myles Dennis
@AllenDennis317
Jun 27 2017 01:32

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

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

h2 {
font-family: Lobster, Monospace;
}

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

.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>View More
<a href='http://www.freecatphotoapp.com'>
cat photos.
</a>
</p>

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

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

Coy Sanders
@coymeetsworld
Jun 27 2017 01:32
@Jygu np
Myles Dennis
@AllenDennis317
Jun 27 2017 01:33
why wont my paragraph nest the anchor
pricecj1371
@pricecj1371
Jun 27 2017 01:33
I got past anchoring I just help on how to create a form element
Coy Sanders
@coymeetsworld
Jun 27 2017 01:33
@AllenDennis317 put it all on one line. Also should remove the dot in cat photos.
Myles Dennis
@AllenDennis317
Jun 27 2017 01:37

<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> View More <a href="http://www.freecatphotoapp.com">cat photos</a> </p>

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

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

like that?
its not clearing out on the test
@coymeetsworld
pricecj1371
@pricecj1371
Jun 27 2017 01:39
What does nest you text inpit element within a form element mean?
Mukul Agrawal
@mukul09
Jun 27 2017 01:41

@pricecj1371 nesting means writing one element into other like

<h1><p></p></h1>

Bharath Kumar Reddy
@reddy-bharathkumar
Jun 27 2017 01:41
@pricecj1371 <form><input...></form>
Myles Dennis
@AllenDennis317
Jun 27 2017 01:41
<p>View more <a href='http://www.freecatphotoapp.com'>cat photos</a> </p>
what is wrong with this
am i blind lol
pricecj1371
@pricecj1371
Jun 27 2017 01:41
thank you @mukul09
CamperBot
@camperbot
Jun 27 2017 01:41
pricecj1371 sends brownie points to @mukul09 :sparkles: :thumbsup: :sparkles:
:cookie: 477 | @mukul09 |http://www.freecodecamp.com/mukul09
Mukul Agrawal
@mukul09
Jun 27 2017 01:41
@pricecj1371 :+1:
pricecj1371
@pricecj1371
Jun 27 2017 01:41
thank you @reddy-bharathkumar
CamperBot
@camperbot
Jun 27 2017 01:41
:cookie: 373 | @reddy-bharathkumar |http://www.freecodecamp.com/reddy-bharathkumar
pricecj1371 sends brownie points to @reddy-bharathkumar :sparkles: :thumbsup: :sparkles:
Mukul Agrawal
@mukul09
Jun 27 2017 01:43
@AllenDennis317 refresh and then run
Myles Dennis
@AllenDennis317
Jun 27 2017 01:45
wow lol
i did it right the first time like 30 mins ago lol
i was like i must be really dumb thanks
@mukul09 thanks
CamperBot
@camperbot
Jun 27 2017 01:45
allendennis317 sends brownie points to @mukul09 :sparkles: :thumbsup: :sparkles:
:cookie: 478 | @mukul09 |http://www.freecodecamp.com/mukul09
Kamorudeen Nurudeen I. A.
@Nutech08186181915
Jun 27 2017 01:48
@NahuelOvejero thanks
CamperBot
@camperbot
Jun 27 2017 01:48
nutech08186181915 sends brownie points to @nahuelovejero :sparkles: :thumbsup: :sparkles:
:cookie: 778 | @nahuelovejero |http://www.freecodecamp.com/nahuelovejero
travis johnson
@flubbalubbadubdub
Jun 27 2017 01:59
how do you create a css class in a style?
Paul
@pkcode2
Jun 27 2017 02:00
@coymeetsworld Got it, thanks! I had a # down in the HTML where I shouldn't!
CamperBot
@camperbot
Jun 27 2017 02:00
pkcode2 sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2900 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Paul
@pkcode2
Jun 27 2017 02:00
@NahuelOvejero Thanks, figured it out.
CamperBot
@camperbot
Jun 27 2017 02:00
pkcode2 sends brownie points to @nahuelovejero :sparkles: :thumbsup: :sparkles:
:cookie: 779 | @nahuelovejero |http://www.freecodecamp.com/nahuelovejero
travis johnson
@flubbalubbadubdub
Jun 27 2017 02:02
<style>
mankaa23
@mankaa23
Jun 27 2017 02:02
what am I doing wrong here
 <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"> Loving</label>
    </div>
</div>
Mukul Agrawal
@mukul09
Jun 27 2017 02:03
@mankaa23 name of the challenge?
mankaa23
@mankaa23
Jun 27 2017 02:03
I keep getting this error
Nest each of your checkboxes inside its own div with the class col-xs-4.
Responsively Style Checkboxes challange
Mhr85
@Mhr85
Jun 27 2017 02:04
.smaller-image {
  width: 100px;
}
cant figure out what is wrong with this
Mukul Agrawal
@mukul09
Jun 27 2017 02:04
@mankaa23 you should have three checkboxes but you only used two
mankaa23
@mankaa23
Jun 27 2017 02:05
ohh I see it thanks @mukul09
CamperBot
@camperbot
Jun 27 2017 02:05
mankaa23 sends brownie points to @mukul09 :sparkles: :thumbsup: :sparkles:
:cookie: 479 | @mukul09 |http://www.freecodecamp.com/mukul09
Mukul Agrawal
@mukul09
Jun 27 2017 02:05
@Mhr85 this is correct, share your full code
Mhr85
@Mhr85
Jun 27 2017 02:05

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

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

h2 {
font-family: Lobster, Monospace;
}

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

</style>

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

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

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

Mukul Agrawal
@mukul09
Jun 27 2017 02:06
@Mhr85 add smaller-image class to <img> tag like
<img class="class-name">
rdomjr6
@rdomjr6
Jun 27 2017 02:08

cat-photo-element {

background-color: green;
}........stuck with how to add this to my code. help?
Mukul Agrawal
@mukul09
Jun 27 2017 02:09
@rdomjr6 name of the challenge?
travis johnson
@flubbalubbadubdub
Jun 27 2017 02:10
@Mhr85 thank you
CamperBot
@camperbot
Jun 27 2017 02:10
flubbalubbadubdub sends brownie points to @mhr85 :sparkles: :thumbsup: :sparkles:
:cookie: 24 | @mhr85 |http://www.freecodecamp.com/mhr85
rdomjr6
@rdomjr6
Jun 27 2017 02:10
@mukul09 use an ID attribute to style an element. im confused about where it goes in my code?
Mukul Agrawal
@mukul09
Jun 27 2017 02:12
@rdomjr6 use a # before cat-photo-element and then add this code to your style element
travis johnson
@flubbalubbadubdub
Jun 27 2017 02:12
they make it all look so easy on mr. robot...
Brandon
@VapidDarkness
Jun 27 2017 02:14
xD
rdomjr6
@rdomjr6
Jun 27 2017 02:16
@mukul09 thank you!
CamperBot
@camperbot
Jun 27 2017 02:16
rdomjr6 sends brownie points to @mukul09 :sparkles: :thumbsup: :sparkles:
:cookie: 480 | @mukul09 |http://www.freecodecamp.com/mukul09
7h30x
@7h30x
Jun 27 2017 02:18
hi, everybody, can anyone please help me identify what is causing the syntax erro "unexpected token (" in this code: $(document).ready(function($("button").addClass("animated bounce");
sorry: $(document).ready(function($("button").addClass("animated bounce"); ) {});
Ravi Kishore Thella
@ravikishorethella
Jun 27 2017 02:23
@7h30x
$(document).ready(function(){
code goes here
}):
phatnguyen1841999
@phatnguyen1841999
Jun 27 2017 02:24
hello, everyone, can you please help me wtih the chalenge "change the font size of an element", i got an issue "Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%." but I dont know how to fix it? Can you please help me
Ravi Kishore Thella
@ravikishorethella
Jun 27 2017 02:25
@phatnguyen1841999 between the style tags you need to select the paragraph selector and give the property name and value as given in the challenge
7h30x
@7h30x
Jun 27 2017 02:25
@ravikishorethella thanks!
CamperBot
@camperbot
Jun 27 2017 02:25
7h30x sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 861 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 27 2017 02:25
@7h30x :+1:
phatnguyen1841999
@phatnguyen1841999
Jun 27 2017 02:26
@ravikishorethella yay i did it, thank u very much
CamperBot
@camperbot
Jun 27 2017 02:26
phatnguyen1841999 sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 862 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 27 2017 02:26
@phatnguyen1841999 :+1:
Calvin
@cpalmz
Jun 27 2017 02:43
Hello, i am on lesson 44. I do not understand how to add a style element inside a div element? Thank you for the hhelp.
Justin Koeppen
@jdkoeppen
Jun 27 2017 02:44
Hi everyone! I'm running through the bootstrap fluid container module and I'm not exactly sure how to nest the HTML in a div element with a container-fluid element. Does the element go in the style sheet?
Mukul Agrawal
@mukul09
Jun 27 2017 02:44
@cpalmz name of the challenge???
Calvin
@cpalmz
Jun 27 2017 02:45
Give a background color to a div element
Mukul Agrawal
@mukul09
Jun 27 2017 02:45
@jdkoeppen <div class="container-fluid"> your HTML code</div>
glitz20
@glitz20
Jun 27 2017 02:45
Anyone using alternatives for Cloud 9?
Kyle Holm
@thekholm80
Jun 27 2017 02:45
yep
Justin Koeppen
@jdkoeppen
Jun 27 2017 02:46
@mukul09 Oooh. I was overthinking it! Thanks!
CamperBot
@camperbot
Jun 27 2017 02:46
jdkoeppen sends brownie points to @mukul09 :sparkles: :thumbsup: :sparkles:
:cookie: 481 | @mukul09 |http://www.freecodecamp.com/mukul09
Mukul Agrawal
@mukul09
Jun 27 2017 02:46
@jdkoeppen :+1:
@cpalmz go through the example given
Melissa S.
@mmsusc78
Jun 27 2017 02:48
trying to change text color to blue for CatPhotoApp using CSS... i entered:

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

and keeps stating h2 element should be blue. Cant seem to get past this... Any suggestions ?
Mukul Agrawal
@mukul09
Jun 27 2017 02:49
@mmsusc78 where is yoour <h2></h2> element
@mmsusc78 I think you have deleted the h2 element, reset and then try the challenge
glitz20
@glitz20
Jun 27 2017 02:53
anyone using alternative for Cloud 9 in backend?
Kyle Holm
@thekholm80
Jun 27 2017 02:53
Calvin
@cpalmz
Jun 27 2017 02:55
would i put this isside my style element? div {
.silver-background {
background-color: silver;
}
}
fp5kkk
@fp5kkk
Jun 27 2017 03:04

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

<p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img class="smaller-image thick-green-border" src="http://bit.ly/fcc-relaxing-cat"></a>
<a href="#"><img class="img-responsive"src="http://bit.ly/fcc-running-cats"></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>

I'm on checkpoint 69 and something is no working
JonnyRW
@JonnyRW
Jun 27 2017 03:05
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%. how can I change my text zoom to 100% my browser zoom is already at 100% and i believe my code is correct
<style>
.red-text {
color: red;
p {
font-size: 16px;
}
}

</style>
Ken Haduch
@khaduch
Jun 27 2017 03:06

@flubbalubbadubdub - did you get an answer or figure it out? To create a CSS class in a style section:

<style>
.className {
    color: red;
    font-size: 14px;
}
</style>

Any class that is being defined has a name that begins with a . The attributes that you need to set are placed between two curly braces, and the whole thing is between the <style> and </style> tags. There should only be one set of <style> and </style> tags in any of the exercises.

@JonnyRW - your browser zoom is probably fine. You have incorrectly placed the p element style specification within the curly braces of the .red-text class definition.
Mukul Agrawal
@mukul09
Jun 27 2017 03:07

@JonnyRW

.red-text {
color: red;
}

and

p {
font-size: 16px;
}

both are different

@fp5kkk name of the challenge?
Mayank KInger
@smartmk
Jun 27 2017 03:13

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

</style>
h1
{
Hello World
}

Guys help
Lauren
@lperry11
Jun 27 2017 03:13
<p>View more <a href="https://freecodecamp.com">cat photos</a> here</p>
isnt this nested?
Mayank KInger
@smartmk
Jun 27 2017 03:14
Hello anyone there?
Brandi M Stepp
@brandina
Jun 27 2017 03:15
@smartmk What is your question?
Mukul Agrawal
@mukul09
Jun 27 2017 03:16
@lperry11 remove here after</a>
Mayank KInger
@smartmk
Jun 27 2017 03:16

Now we've proven that every HTML page has a body element, and that its body element can also be styled with CSS.

Remember, you can style your body element just like any other HTML element, and all your other elements will inherit your body element's styles.

First, create a h1 element with the text Hello World

Then, let's give all elements on your page the color of green by adding color: green; to your body element's style declaration.

Finally, give your body element the font-family of Monospace by adding font-family: Monospace; to your body element's style declaration.

Lauren
@lperry11
Jun 27 2017 03:17
@mukul09 like this? <p>View more <a href="https://freecodecamp.com">cat photos</a> </p>
MotherBear
@Bearcares
Jun 27 2017 03:17
Hi, I'm stuck with the instruction to create a form element: 'Nest your text field in a form element. Add the action="/submit-cat-photo" attribute to this form element.' I think maybe I'm doing the nesting bit wrong?
Mayank KInger
@smartmk
Jun 27 2017 03:18
@brandina please check it out
MotherBear
@Bearcares
Jun 27 2017 03:18

this is what I typed: <form action="/submit-cat-photo"

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

</form>

Mukul Agrawal
@mukul09
Jun 27 2017 03:18
@lperry11 yes
coyotejeff
@coyotejeff
Jun 27 2017 03:18
What's the deal with the Create an ordered list exercise? I'm 99.99% sure I have done what the instructions ask in creating a 3 item ordered list. Can I get a second set of eyes to look? I'll post my code below

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

<p>Things cats love:</p>

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

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

<ol>
<li>Vacuums</li>
<li>Going Swimming</li>
<li>Coyotes</li>
</ol>

Mukul Agrawal
@mukul09
Jun 27 2017 03:18
@Bearcares you are missing > after "/submit-cat-photo"
MotherBear
@Bearcares
Jun 27 2017 03:19
Oh wow OK. Thank you!
Brandi M Stepp
@brandina
Jun 27 2017 03:19
@smartmk did you nest your h1 tag inside a body?
<body>
<h1></h1>
</body>
Mukul Agrawal
@mukul09
Jun 27 2017 03:21

@coyotejeff remove quotes in

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

coyotejeff
@coyotejeff
Jun 27 2017 03:22
@mukul09 I thought that too I've removed and put them back neither way would let me pass the exercise
Mayank KInger
@smartmk
Jun 27 2017 03:22
Nope thanks
Benjamin Loeb
@benloeb
Jun 27 2017 03:22
howdy all! Would love some comments on my first project, the tribute page https://codepen.io/indiben/pen/QgMbxd
Mukul Agrawal
@mukul09
Jun 27 2017 03:22
@coyotejeff remove the quotes then refresh then run
coyotejeff
@coyotejeff
Jun 27 2017 03:23
ok good idea thank you
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 03:24
@benloeb image looks bad on small screen
JonnyRW
@JonnyRW
Jun 27 2017 03:24
Your img element should have the class smaller-image.
Your image should be 100 pixels wide. Browser zoom should be at 100%.

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

confused on where I put the smaller-image code for this one
Mayank KInger
@smartmk
Jun 27 2017 03:25

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

<body>
<h1>
{
Hello World
}
</h1>
</body>

Now whats the error guys
AltynayLuna
@AltynayLuna
Jun 27 2017 03:26
hi there! I am getting an error message for the following challenge: Nest your image within an a element. Remember to use # as your a element's href property in order to turn it into a dead link. My code:
<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a> I am not sure why it's not going through. thanks!
coyotejeff
@coyotejeff
Jun 27 2017 03:27
@mukul09 it wasn't going through because the paragraph element sentence was missing the colon. Thanks for the help refreshing the page helped me see that :)
CamperBot
@camperbot
Jun 27 2017 03:27
coyotejeff sends brownie points to @mukul09 :sparkles: :thumbsup: :sparkles:
:cookie: 482 | @mukul09 |http://www.freecodecamp.com/mukul09
Mukul Agrawal
@mukul09
Jun 27 2017 03:29
@AltynayLuna your image do not have the classes smaller-image and thick-green-border
Ken Haduch
@khaduch
Jun 27 2017 03:29

@smartmk - you cannot put the <h1> element within the <style> tags. It has to be after the </style> tag, and if you are supposed to be styling the h1 element with some CSS styling, it should look like this:

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

That type of rule (with whatever attributes you are supposed to give it) within the existing <style> and </style> section.

JonnyRW
@JonnyRW
Jun 27 2017 03:30

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

Your img element should have the class smaller-image.
how do i give the img element the class smaller-image?
Mukul Agrawal
@mukul09
Jun 27 2017 03:31
@JonnyRW same as you give the red-text class to p tag , same add smaller-image class to <img> tag
Ian Trent
@imtrent
Jun 27 2017 03:31
<div class="smaller-image></div> @JonnyRW
Ken Haduch
@khaduch
Jun 27 2017 03:32
@JonnyRW - add a class="smaller-image" attribute, separated by spaces from any other attributes within the <img> element. Somewhere before the > that closes the img element.
Benjamin Loeb
@benloeb
Jun 27 2017 03:32
@khanh2003 Im having trouble getting the image to automatically resize based on the size of the screen, any suggestions?
Lauren
@lperry11
Jun 27 2017 03:34
@mukul09 thank you!
CamperBot
@camperbot
Jun 27 2017 03:34
lperry11 sends brownie points to @mukul09 :sparkles: :thumbsup: :sparkles:
:cookie: 483 | @mukul09 |http://www.freecodecamp.com/mukul09
Mukul Agrawal
@mukul09
Jun 27 2017 03:35
@lperry11 :+1:
JonnyRW
@JonnyRW
Jun 27 2017 03:35

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

<style>
.red-text {
color: red;
}
class="smaller-image"
.smaller-image {
width: 100px;
}
h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

i am still not understanding where to put the class for the smaller image. I put it in between the <style> and </style lines correct?
Mukul Agrawal
@mukul09
Jun 27 2017 03:36
@JonnyRW add this class="smaller-image" to <img> tag like
<img class="smaller-image">
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 03:38
@benloeb wait me some minutes, i am fixing your pen
DrakeNotTheRapper
@DrakeNotTheRapper
Jun 27 2017 03:40
I am a little stuck on this challenge
Could I get some help?
Mukul Agrawal
@mukul09
Jun 27 2017 03:41
@DrakeNotTheRapper with which challenge?
DrakeNotTheRapper
@DrakeNotTheRapper
Jun 27 2017 03:41
"Use a CSS Class to Style an Element"
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 03:41
@benloeb Done
I fixed it, now resize your window.
Mukul Agrawal
@mukul09
Jun 27 2017 03:42
@DrakeNotTheRapper what have you tried?
DrakeNotTheRapper
@DrakeNotTheRapper
Jun 27 2017 03:43
Do I have to create a whole new style element or work within the one I made from the pervious challenge?
Wait. I think I might be understanding it. #stayposted
I am still stuck
Mukul Agrawal
@mukul09
Jun 27 2017 03:46
@DrakeNotTheRapper share your code
DrakeNotTheRapper
@DrakeNotTheRapper
Jun 27 2017 03:46
How do you do that? This is literally my first day doing this. I am a little lost
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 03:47
@DrakeNotTheRapper copy your code from freecodecamp then paste it here
DrakeNotTheRapper
@DrakeNotTheRapper
Jun 27 2017 03:48
Like my URL?
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 03:49

then
wrap it in

                  ```js
                  ```

block

Benjamin Loeb
@benloeb
Jun 27 2017 03:50
@khanh2003 You are a lifesaver, thank you so much
CamperBot
@camperbot
Jun 27 2017 03:50
benloeb sends brownie points to @khanh2003 :sparkles: :thumbsup: :sparkles:
:cookie: 34 | @khanh2003 |http://www.freecodecamp.com/khanh2003
DrakeNotTheRapper
@DrakeNotTheRapper
Jun 27 2017 03:51
I am still confused. I am such a nobe
*nob
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 03:52
@DrakeNotTheRapper Here is how to copy paste and get help
hello.gif
(click on image to view)
DrakeNotTheRapper
@DrakeNotTheRapper
Jun 27 2017 03:53
=0
awesome!
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 03:54
now share your code
DrakeNotTheRapper
@DrakeNotTheRapper
Jun 27 2017 03:54

'''js

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

<h2>CatPhotoApp</h2>

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

CamperBot
@camperbot
Jun 27 2017 03:54
:bulb: to format code use backticks! ``` more info
DrakeNotTheRapper
@DrakeNotTheRapper
Jun 27 2017 03:54

'''js

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

CamperBot
@camperbot
Jun 27 2017 03:54
:bulb: to format code use backticks! ``` more info
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 03:54
@DrakeNotTheRapper Use backticks (```), not ‘''
DrakeNotTheRapper
@DrakeNotTheRapper
Jun 27 2017 03:54
oooooh
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 03:54
because your code is html, ```html
DrakeNotTheRapper
@DrakeNotTheRapper
Jun 27 2017 03:55
<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>
I DID IT!
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 03:56
great! what’s the problem with your code?
DrakeNotTheRapper
@DrakeNotTheRapper
Jun 27 2017 03:57
I have to "inside your style element, change the h2 selector to .red-text and update the color's value from blue to red."
DrakeNotTheRapper
@DrakeNotTheRapper
Jun 27 2017 04:03
anyone?
Vladislav Ivanov
@bgdeveloper27
Jun 27 2017 04:04
@DrakeNotTheRapper replace h2 with .red-text in css
Lauren
@lperry11
Jun 27 2017 04:04
How do i nest this text input element within a form element? am i doing something wrong? <form action="/submit-cat-photo"></form>
Vladislav Ivanov
@bgdeveloper27
Jun 27 2017 04:04
and replace blue with red
@lperry11 between form place your input elements
DrakeNotTheRapper
@DrakeNotTheRapper
Jun 27 2017 04:05
@bgdeveloper27 when I do that it does not change anything
Vladislav Ivanov
@bgdeveloper27
Jun 27 2017 04:05
@DrakeNotTheRapper then try with h2.red-text {color:red; }
Lauren
@lperry11
Jun 27 2017 04:05
what are my input elements?
Vladislav Ivanov
@bgdeveloper27
Jun 27 2017 04:06
@lperry11 <input type="something">
zootechdrum
@zootechdrum
Jun 27 2017 04:07
@bgdeveloper27 You are on it !! Thanks for helping us out !
CamperBot
@camperbot
Jun 27 2017 04:07
:cookie: 168 | @bgdeveloper27 |http://www.freecodecamp.com/bgdeveloper27
zootechdrum sends brownie points to @bgdeveloper27 :sparkles: :thumbsup: :sparkles:
DrakeNotTheRapper
@DrakeNotTheRapper
Jun 27 2017 04:07
<style>
  h2.red-text {
    color: red;
  }
</style>

<h2>CatPhotoApp</h2>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
@bgdeveloper27 its still not working for me.
Aditya
@adichouhan
Jun 27 2017 04:08
@DrakeNotTheRapper remove h2 where is your red text class
Vladislav Ivanov
@bgdeveloper27
Jun 27 2017 04:08
@DrakeNotTheRapper you don't have a class. <h2 class="red-text'>
Lauren
@lperry11
Jun 27 2017 04:08
so confused...im sorry...i put that after form? <form action="/submit-cat-photo"></form>
Vladislav Ivanov
@bgdeveloper27
Jun 27 2017 04:09
@lperry11 <form action="something"><input type="something"></form>
DrakeNotTheRapper
@DrakeNotTheRapper
Jun 27 2017 04:09
@bgdeveloper27 So I am creating a class in HTML and a style for CSS?
Vladislav Ivanov
@bgdeveloper27
Jun 27 2017 04:09
@bgdeveloper27 place your inputs betwwen form
@DrakeNotTheRapper yes
pritish27
@pritish27
Jun 27 2017 04:09
I am unable to follow the challenge to include second <p> tag styling is not working

my code so far : <style>
.red-text {
color:red;font-size=16px;
}
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 </p>

please help anyone.. am i missing something really obvious ????
Vladislav Ivanov
@bgdeveloper27
Jun 27 2017 04:10
@pritish27 copyt hte text from the example in two different p elements
Lauren
@lperry11
Jun 27 2017 04:12
thank you!! @bgdeveloper27
CamperBot
@camperbot
Jun 27 2017 04:12
lperry11 sends brownie points to @bgdeveloper27 :sparkles: :thumbsup: :sparkles:
:cookie: 169 | @bgdeveloper27 |http://www.freecodecamp.com/bgdeveloper27
pritish27
@pritish27
Jun 27 2017 04:13
@bgdeveloper27 : you mean both the p tags should have the same text ??
Vladislav Ivanov
@bgdeveloper27
Jun 27 2017 04:13
@pritish27 yes, but they must have different classes
pritish27
@pritish27
Jun 27 2017 04:14
@bgdeveloper27 still nothing
error.jpg
here is the screen-capture :
Vladislav Ivanov
@bgdeveloper27
Jun 27 2017 04:16
@pritish27 <p class="red-text">something</p>, then you can make <p style="font-size:16px;">something else</p>
pritish27
@pritish27
Jun 27 2017 04:18
@bgdeveloper27 nope :-( it specifically is asking to add it in between the style tags
@bgdeveloper27 thanks for the help. I know it might be frustrating at this point !!!!
CamperBot
@camperbot
Jun 27 2017 04:19
pritish27 sends brownie points to @bgdeveloper27 :sparkles: :thumbsup: :sparkles:
:cookie: 173 | @bgdeveloper27 |http://www.freecodecamp.com/bgdeveloper27
Vladislav Ivanov
@bgdeveloper27
Jun 27 2017 04:20
@pritish27 it's my fault, don't add a class to the second p, just an ordinary p with the text
and then style only the p with font-size: 16px;
pritish27
@pritish27
Jun 27 2017 04:22
tried that didn't work
WUJINGSHA
@wine1016
Jun 27 2017 04:22
how to make h1 inherited body's color

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

</style>

<h1>Hello World</h1>

Vladislav Ivanov
@bgdeveloper27
Jun 27 2017 04:23
@wine1016 delete the background from the css
zackvk
@zackvk
Jun 27 2017 04:24
I'm having the same problem with the p element and the font-size
DrakeNotTheRapper
@DrakeNotTheRapper
Jun 27 2017 04:24
Why do you need both CSS and HTML classes if they do the exact same thing?
pritish27
@pritish27
Jun 27 2017 04:24
@zackvk how does your code look like ?
DrakeNotTheRapper
@DrakeNotTheRapper
Jun 27 2017 04:25
<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>
pritish27
@pritish27
Jun 27 2017 04:25
stuck on the ":Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%. "?
zackvk
@zackvk
Jun 27 2017 04:25

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

Anthony
@CoderRx001
Jun 27 2017 04:25
It is missing these requirements NOT SURE WHY. . .
Give your h1 element the id of orange-text.
Create a CSS declaration for your orange-text id
Your h1 element should be orange.
v CODE below v
<style>
  body {
    background-color: black;
    font-family: Monospace;
    color: green;
  }
  .pink-text {
    color: pink;
  }
  .blue-text {
    color: blue;
  }
  .orange-text {
    color: orange,
  }
</style>
<h1 class="pink-text blue-text orange-text">Hello World!</h1>
Vladislav Ivanov
@bgdeveloper27
Jun 27 2017 04:25
@pritish27 just style the p in the example, nothing else
Johnyboi21
@Johnyboi21
Jun 27 2017 04:25
hey can yall help me
why isn't my jquery working ?
pritish27
@pritish27
Jun 27 2017 04:26
@zackvk try adding another p<font-size=16px} under th red-text in style tag
I am still stuck.. did it work for you @zackvk ?
zackvk
@zackvk
Jun 27 2017 04:28
yeah, thanks that worked
i thought it was the browser zoom like the note says
ali babaei
@alibabaei12
Jun 27 2017 04:28
hello I am creating my own portfolio and I was wondering how can I make the image of my old webpage display . and I mean the image of the entire web page because I want to show what I made. Thanks
pritish27
@pritish27
Jun 27 2017 04:29
@zackvk can you share the code ?
also which browser are you using ?
zackvk
@zackvk
Jun 27 2017 04:30

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

chrome
pritish27
@pritish27
Jun 27 2017 04:31
good ness.. it worked for me too
i DONT believe this???
the code was exactly the same
zackvk
@zackvk
Jun 27 2017 04:32
i made the mistake of putting the font size inside the brackets of the .red-text instead of on its own
pritish27
@pritish27
Jun 27 2017 04:33
does it really allow to skip a challenge ???
I am on google import font screen
Yonatan
@Yonatan1
Jun 27 2017 04:33
Can someone check my code and tell me why when I scroll down the page the pills at the top right are not automatically being selected??? scrollspy I believe.
<style>
  body {
    position: relative;
  }
</style>



<body data-spy="scroll" data-target="navbar" data-offset="50">

 <nav class="navbar navbar-inverse navbar-fixed-top">

  <div class="container-fluid">

    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span> 
      </button>
      <a class="navbar-brand" href="#">My Portfolio</a>
    </div>

    <div class="collapse navbar-collapse" id="myNavbar">
 <ul class="nav navbar-nav navbar-right nav-pills">
  <li class="active"><a data-toggle="pill" href="#about">About <span class="glyphicon glyphicon-user"></span></a></li>
  <li><a data-toggle="pill" href="#portfolio">Portfolio <span class="glyphicon glyphicon-pencil"></span></a></li>
  <li><a data-toggle="pill" href="#contact">Contact <span class="glyphicon glyphicon-envelope"></span></a></li>
 </ul>

 <div class="tab-content">
  <div id="about" class="tab-pane active"></div>
  <div id="portfolio" class="tab-pane">
   </div>
  <div id="contact" class="tab-pane">
   </div>
  </div>
 </nav>

 <div class="about">
    </div>






<div class="portfolio" id="portfolio"></div>





<div class="contact">
   <div id="contact">
   <form>
     <div class="form-group">
       <label for="name">Name:</label>
       <input type="name" class="form-control" id="name">
     </div>
     <div class="form-group">
       <label for="email">Email:</label>
       <input type="email" class="form-control" id="email">
     </div>
     <div class="form-group">
       <label for="phone">Phone Number:</label>
       <input type="phone" class="form-control" id="phone-number">
     </div>
     <button type="sumbit" class="btn btn-default">Sumbit</button>
     </div>
     </div>



</body>
Terrelle Clark
@t-carbon
Jun 27 2017 04:35
Hey guys
Melissa S.
@mmsusc78
Jun 27 2017 04:37
Any suggestions?? Keeps stating "your img element shoud have the class "smaller=image"

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

<style>

.smaller-image {
width: 100px;
}

.red-text {
color: red;
}


h2 {
font-family: Lobster, Monospace;
}


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

</style>

<img class="smaller-image"</img>

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

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

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

Binyamin Edelman
@edelbenj
Jun 27 2017 04:38
I have the same problem
Coy Sanders
@coymeetsworld
Jun 27 2017 04:38
@mmsusc78 you should only have one image tag
just modify the one you already have, also images don't have a closing tag
Tuy Nguyen
@tuynv90
Jun 27 2017 04:40
@mmsusc78 you need add closing tag and src atribute
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Binyamin Edelman
@edelbenj
Jun 27 2017 04:40
So put the smaller-image class inside the <img src?
i c i c
Egan1572
@Egan1572
Jun 27 2017 04:40
I'm back. Whoa! If you were wondering about Treehouse - stay away. What a sh*t show. The old bait and switch over there. There website was pretty buggy. How are you supposed to teach people how to code if your code is not that great. The workspace is a joke, auto filling closing tags kept messing me up. Oh and zero community. Iasked a question and they will email me when someone responds. Really? Comical. Have a great night!
Melissa S.
@mmsusc78
Jun 27 2017 04:41
ahhh! you guys rock thanks!
Tuy Nguyen
@tuynv90
Jun 27 2017 04:41
no problem :D
pritish27
@pritish27
Jun 27 2017 04:41
@edelbenj yes
<img class="smaller-image" src ..... />
Brandon
@westcoast23
Jun 27 2017 04:42
hey guys need some help on the getting the check boxes to work
pritish27
@pritish27
Jun 27 2017 04:42
and use the style
Brandon
@westcoast23
Jun 27 2017 04:42
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor" checked> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality" checked> Lazy</label>
<label><input type="checkbox" name="personality" checked> Energetic</label>
idk what im doing wrong
Binyamin Edelman
@edelbenj
Jun 27 2017 04:43
@tuynv90 @pritish27 <real MVPs
Really appriciate the help, thanks!
appreciate
Jeviah Amos
@SuperiorJA
Jun 27 2017 04:44

<style> .pink-text {

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

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

Brandon
@westcoast23
Jun 27 2017 04:44
nvm guys i figured it out haha
Jeviah Amos
@SuperiorJA
Jun 27 2017 04:44
Why is it not turning pink????
Coy Sanders
@coymeetsworld
Jun 27 2017 04:46
@westcoast23 you shouldn't check everything
Tuy Nguyen
@tuynv90
Jun 27 2017 04:46
@westcoast23
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor" checked> Outdoor</label>
I see have 2 checked on same name atribute. Maybe remove 1 checked . you try and see. I'm not sure :D
Coy Sanders
@coymeetsworld
Jun 27 2017 04:46
check instructions again
@SuperiorJA thats not how you assign a class
it doesn't use a colon, HTML uses equals to assign
Tuy Nguyen
@tuynv90
Jun 27 2017 04:47
@SuperiorJA <h1 class:"pink-text">
I think class=".." not class: "..."
Jeviah Amos
@SuperiorJA
Jun 27 2017 04:47
@coymeetsworld Thanks man i must have overlooked that!
CamperBot
@camperbot
Jun 27 2017 04:47
superiorja sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2902 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Jun 27 2017 04:47
np
pritish27
@pritish27
Jun 27 2017 04:54
will it save my progress if I close the window?
I do not see a save button anywhere
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 04:54
@pritish27 no it wont
you have to keep the window open
pritish27
@pritish27
Jun 27 2017 04:55
gheez.. i'd hate to start the challenges all over again
Coy Sanders
@coymeetsworld
Jun 27 2017 04:56
@pritish27 as long as you are logged in and you hit ctrl+enter after each challenge it should save
go to freecodecamp.com/yourusername to see your progress
I dont' think it will save your current work on a challenge you're starting though, not 100% sure on that one
pritish27
@pritish27
Jun 27 2017 04:57
@coymeetsworld Excellent. Yeah it does save the completed challenges...
@coymeetsworld thank you
CamperBot
@camperbot
Jun 27 2017 04:57
pritish27 sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2903 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
al4112
@al4112
Jun 27 2017 04:58
Hi guys I'm stuck getting the tests to run green for the challenge which involves nesting an a element inside a new paragraph

<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> View more
<a href="http://www.freecatphotoapp.com">cat photos</a>.
</p>

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

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

any ideas why?
Coy Sanders
@coymeetsworld
Jun 27 2017 04:59
put the paragraph all on one line
like the example
al4112
@al4112
Jun 27 2017 04:59
Ahh I didn't realise the spaces/new lines affected it! Thanks
andrewgergess
@andrewgergess
Jun 27 2017 05:00
Hi guys
blob
what is wrong with this code ?
Coy Sanders
@coymeetsworld
Jun 27 2017 05:01
you have a typo, spelled something wrong
MarionUy
@MarionUy
Jun 27 2017 05:04
Hello guys, I need your help. how can i add pictures to codepen using github?
Coy Sanders
@coymeetsworld
Jun 27 2017 05:06
@MarionUy yes you can host on github, but if you're going to host images there you might as well host the page as well
daynebritt
@daynebritt
Jun 27 2017 05:06
Hey there, I'm not sure where I'm supposed to be putting the .smaller-image class? https://www.freecodecamp.com/challenges/size-your-images
Coy Sanders
@coymeetsworld
Jun 27 2017 05:06
using gh pages
Schw1nd
@Schw1nd
Jun 27 2017 05:07
im struggling trying to place am h1 style element and an h1 id element inline.
Coy Sanders
@coymeetsworld
Jun 27 2017 05:08
@daynebritt you define it with the rest of your classes
inside the style tags, thats where all the CSS code will go
@khanh2003 can you stop putting answers? thats not the right answer either
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 05:08
ok i will stop it
Coy Sanders
@coymeetsworld
Jun 27 2017 05:09
thank you
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 05:09
but i suck at explaining
CallMeOrange
@EgnaroDev
Jun 27 2017 05:09
@khanh2003 Try to explain..

@daynebritt

Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide.

Create that class then assign it to image element
daynebritt
@daynebritt
Jun 27 2017 05:11
How do you assign it?
MarionUy
@MarionUy
Jun 27 2017 05:11
@khanh2003 and @coymeetsworld , I used codepen because I'm making a tribute page
CallMeOrange
@EgnaroDev
Jun 27 2017 05:11
Hey there, I'm not sure where I'm supposed to be putting the .smaller-image class? https://www.freecodecamp.com/challenges/size-your-images
<element class="..."></element>
@daynebritt
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 05:12
@MarionUy well, you can also use github and submit your github pages link
CallMeOrange
@EgnaroDev
Jun 27 2017 05:12
You should already know how to assign a class
Coy Sanders
@coymeetsworld
Jun 27 2017 05:12
@daynebritt same way you assigned red-text to the h2 and p tags, you use the class attribute
MarionUy
@MarionUy
Jun 27 2017 05:12
thanks @khanh2003
CamperBot
@camperbot
Jun 27 2017 05:12
marionuy sends brownie points to @khanh2003 :sparkles: :thumbsup: :sparkles:
:cookie: 38 | @khanh2003 |http://www.freecodecamp.com/khanh2003
CallMeOrange
@EgnaroDev
Jun 27 2017 05:13
@MarionUy But do you know how to create github link?
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 05:14
@MCTwoDigitZero do you have gh-pages branch?
CallMeOrange
@EgnaroDev
Jun 27 2017 05:14
@khanh2003 Yes
Well Im not sure what you mean by gh-pages, but I have a github link
for Portfolio
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 05:15
ok, link is: <username>.github.io/<repository-name>. you need gh-pages branch to create website on GitHub. https://pages.github.com
Coy Sanders
@coymeetsworld
Jun 27 2017 05:15
you don't need to branch to host gh pages, you can do it on the master branch
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 05:15
yeah but creating a new branch is best practice
Coy Sanders
@coymeetsworld
Jun 27 2017 05:16
where did you read that?
CallMeOrange
@EgnaroDev
Jun 27 2017 05:17
What am I supposed to learn from creating a new branch..
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 05:18
@coymeetsworld from friends on Stack Overflow Chat
Coy Sanders
@coymeetsworld
Jun 27 2017 05:18
I don't think its necessary
andrewgergess
@andrewgergess
Jun 27 2017 05:18
image.png
CallMeOrange
@EgnaroDev
Jun 27 2017 05:18
@andrewgergess like @coymeetsworld said you spelled something incorrectly
Coy Sanders
@coymeetsworld
Jun 27 2017 05:18
unless you need to change something specific for the page to work
CallMeOrange
@EgnaroDev
Jun 27 2017 05:18
@andrewgergess Monospaace
Coy Sanders
@coymeetsworld
Jun 27 2017 05:18
@andrewgergess said it a while back
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 05:19
@andrewgergess wrong font-family name, change it
daynebritt
@daynebritt
Jun 27 2017 05:19
hmm, not really sure what I'm doing wrong. I have the smaller image class created within the style. I also assigned it to image using class atribute?
CallMeOrange
@EgnaroDev
Jun 27 2017 05:19
@khanh2003 Its right name but spelled incorrectly
@daynebritt Let me see your code
andrewgergess
@andrewgergess
Jun 27 2017 05:19
thanks a lot @coymeetsworld @MCTwoDigitZero @khanh2003
CamperBot
@camperbot
Jun 27 2017 05:19
andrewgergess sends brownie points to @coymeetsworld and @mctwodigitzero and @khanh2003 :sparkles: :thumbsup: :sparkles:
:cookie: 39 | @khanh2003 |http://www.freecodecamp.com/khanh2003
:cookie: 357 | @mctwodigitzero |http://www.freecodecamp.com/mctwodigitzero
:star2: 2904 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
CallMeOrange
@EgnaroDev
Jun 27 2017 05:20
That remind me of Stack overflow, can you host a link there like github?
Toby
@Playtobyplay
Jun 27 2017 05:20
Red-text. What's my problem. I'm so noob
Coy Sanders
@coymeetsworld
Jun 27 2017 05:20
@Playtobyplay thats nothing to go off of
CallMeOrange
@EgnaroDev
Jun 27 2017 05:21
@Playtobyplay You dont have to say that you are newbie here, just post the code and we will see the problem
Coy Sanders
@coymeetsworld
Jun 27 2017 05:21
can you list the challenge name? your code? what you're having problems with?
CallMeOrange
@EgnaroDev
Jun 27 2017 05:21
@daynebritt Where is code?
I cant see your code that way
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 05:21
yeah, paste your code here. @Playtobyplay
Toby
@Playtobyplay
Jun 27 2017 05:21
Use CSS
CallMeOrange
@EgnaroDev
Jun 27 2017 05:22
@Playtobyplay Just paste your code here
Toby
@Playtobyplay
Jun 27 2017 05:22
Ohhhh
One min
daynebritt
@daynebritt
Jun 27 2017 05:23
Do I just highlight and paste here?
CallMeOrange
@EgnaroDev
Jun 27 2017 05:23
Ctrl+A => Ctrl+C => Ctrl+V
Coy Sanders
@coymeetsworld
Jun 27 2017 05:23
copy and paste
CallMeOrange
@EgnaroDev
Jun 27 2017 05:23
@daynebritt You can
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 05:23
i have a how to copy and paste from freeCodeCamp gif
CallMeOrange
@EgnaroDev
Jun 27 2017 05:23
You "highlight" code by typing ``` around the code
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 05:23
```html if html code
daynebritt
@daynebritt
Jun 27 2017 05:23

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

<style>

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

h2 {
font-family: Lobster, Monospace;
}


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

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

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

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

CallMeOrange
@EgnaroDev
Jun 27 2017 05:24
@daynebritt try refresh
oh look at src attribute
<img class="smaller-image">src="https://bit.ly/fcc-relaxing-cat"
same as alt attribute..
<element class="" class="">
Toby
@Playtobyplay
Jun 27 2017 05:25
Is trying to learn to code on a iPhone dumb? Is that why I can't get past
Coy Sanders
@coymeetsworld
Jun 27 2017 05:25
class should only be defined once
@Playtobyplay you could encounter some problems
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 05:25
@Playtobyplay well, i think yes.
Coy Sanders
@coymeetsworld
Jun 27 2017 05:26
some tests may not work, ive heard it before can't say for certain. Recommended you're on an actual computer though
CallMeOrange
@EgnaroDev
Jun 27 2017 05:26
@coymeetsworld Oh you are right
@daynebritt Well you get what I am saying?
Toby
@Playtobyplay
Jun 27 2017 05:26
I'm gonna have to grab a laptop
CallMeOrange
@EgnaroDev
Jun 27 2017 05:26
<element class="" src="" alt"">
daynebritt
@daynebritt
Jun 27 2017 05:26
So I need to change the alt so it's not the same as the src?
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 05:26
no
CallMeOrange
@EgnaroDev
Jun 27 2017 05:26
@daynebritt No, they are both different
They are fine
Look at img element closely
<img class="smaller-image">src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Between class and src attributes
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 05:27
there is a >
CallMeOrange
@EgnaroDev
Jun 27 2017 05:27
@khanh2003 ...
daynebritt
@daynebritt
Jun 27 2017 05:28
oh wow. Thanks guys!
Toby
@Playtobyplay
Jun 27 2017 05:28
<style>
nevermind. I'm gonna go find my laptop
CallMeOrange
@EgnaroDev
Jun 27 2017 05:29
@Playtobyplay Click anywhere in editor, Ctrl+A => Ctrl+C then Ctrl+V here
On PC :/
Huỳnh Trần Khanh
@khanh2003
Jun 27 2017 05:29
i can do web dev on an android tablet
CallMeOrange
@EgnaroDev
Jun 27 2017 05:30
@khanh2003 Nice
Do you know Java? Do you build any android app
Blaise Rodrigues
@Bro01
Jun 27 2017 05:34
Schw1nd
@Schw1nd
Jun 27 2017 05:36
I cant figure out how to place an inline h1 style and h1 id in the same line of code with it leaving the heading white
CallMeOrange
@EgnaroDev
Jun 27 2017 05:39
@Schw1nd <h2 style="" id=""></h2>?
NALLAM indraneel
@indraneel1nallam
Jun 27 2017 05:41
does a unordered list have a margin?
Rochelle
@ariaava
Jun 27 2017 05:42
Hello World!
CallMeOrange
@EgnaroDev
Jun 27 2017 05:43
@indraneel1nallam I think so
You should it
<ol class="..">
...
</ol>
Yonatan
@Yonatan1
Jun 27 2017 05:45
How do I know if I should close the div for "navbar-collapse" before or after "tab-content?
<div class="collapse navbar-collapse" id="navbar-collapse">
                <ul class="nav navbar-nav navbar-right nav-pills">
                   <li class="active"><a data-toggle="pill" href="#about">About <span class="glyphicon glyphicon-user"></span></a></li>
                   <li><a data-toggle="pill" href="#portfolio">Portfolio <span class="glyphicon glyphicon-pencil"></span></a></li>
                   <li><a data-toggle="pill" href="#contact">Contact <span class="glyphicon glyphicon-envelope"></span></a></li>
                </ul>
            </div>
            <div class="tab-content">
                <div id="about" class="tab-pane fade in active"></div>
                <div id="portfolio" class="tab-pane fade"></div>
                <div id="contact" class="tab-pane fade"></div>
            </div>
Schw1nd
@Schw1nd
Jun 27 2017 05:47
@MCTwoDigitZero this is what i have now and it wont work
<hi style="color: white;" id="orange-text" class="white-text pink-text blue-text">Hello World!</h1>
CallMeOrange
@EgnaroDev
Jun 27 2017 05:48
@Schw1nd hi
What is the name of the challenge, you are working on?
Schw1nd
@Schw1nd
Jun 27 2017 05:48
hello @MCTwoDigitZero
CallMeOrange
@EgnaroDev
Jun 27 2017 05:48
I'm here :0
Schw1nd
@Schw1nd
Jun 27 2017 05:49
@MCTwoDigitZero Override Class Declarations with Inline Styles
Ghost
@ghost~593024a8d73408ce4f63eac0
Jun 27 2017 05:49
@Yonatan1 I think you should close it after tab-content, as I guess, even that is a part of your navbar
CallMeOrange
@EgnaroDev
Jun 27 2017 05:49
@Schw1nd Can you link me to it?
NALLAM indraneel
@indraneel1nallam
Jun 27 2017 05:49
@MCTwoDigitZero i tried to include margin attribute inol element but margin is not displayed
Schw1nd
@Schw1nd
Jun 27 2017 05:50
nvm @MCTwoDigitZero i wrote hi instead of h1... -_-
CallMeOrange
@EgnaroDev
Jun 27 2017 05:50
@Schw1nd yeah...
I thought it might wrong because of that many classes
Schw1nd
@Schw1nd
Jun 27 2017 05:50
thanks anyways though
CallMeOrange
@EgnaroDev
Jun 27 2017 05:50
No problem
@indraneel1nallam there is no margin attribute
I thought you meant something like this,
HTML
<ol class="asd">
...
</ol>

CSS

.asd {
margin: right;
}
If so, it might work if not, just use div element around it with that class
NALLAM indraneel
@indraneel1nallam
Jun 27 2017 05:52
@MCTwoDigitZero have a look at it https://codepen.io/devhacker/pen/KqWgRW?editors=1100
CallMeOrange
@EgnaroDev
Jun 27 2017 05:53
@indraneel1nallam margin is used for center, right, left etc...
Taximan
@bronxconga
Jun 27 2017 05:53
Your p elements should use the font Monospace
having a problem?
CallMeOrange
@EgnaroDev
Jun 27 2017 05:53
  margin-style:solid;
  margin-width:20px;
  margin-color:black;
to
font-style: solid;
font-size: 20px;
color: black;
I think
I dont know what you meant by margin-width
like font-weight or font-size?
Taximan
@bronxconga
Jun 27 2017 05:54
do you put the code <p>font-family:
CallMeOrange
@EgnaroDev
Jun 27 2017 05:54
@bronxconga Have you create a class for Monospace?
Taximan
@bronxconga
Jun 27 2017 05:55
take a look at page
CallMeOrange
@EgnaroDev
Jun 27 2017 05:55
or element in CSS
@bronxconga Just paste your code here
NALLAM indraneel
@indraneel1nallam
Jun 27 2017 05:56
@MCTwoDigitZero ty i got my mistake
CamperBot
@camperbot
Jun 27 2017 05:56
indraneel1nallam sends brownie points to @mctwodigitzero :sparkles: :thumbsup: :sparkles:
:cookie: 359 | @mctwodigitzero |http://www.freecodecamp.com/mctwodigitzero
CallMeOrange
@EgnaroDev
Jun 27 2017 05:56
You are welcome
Taximan
@bronxconga
Jun 27 2017 05:57
do you put monospace <p> font-family:
CallMeOrange
@EgnaroDev
Jun 27 2017 05:57
@bronxconga I dont know what your code look like
Taximan
@bronxconga
Jun 27 2017 05:58
do I put in front this code- class="red-text">

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

Your p elements should use the font Monospace
CallMeOrange
@EgnaroDev
Jun 27 2017 05:59
@bronxconga doesn't matter, let me ask you a question fisrt
Yeah you need Monospace for p element
So try to add Monospace inside
p {
font-size: 16px;
}
So how would you add Monospace?
They should have an example how to add a font to any elements
Taximan
@bronxconga
Jun 27 2017 06:00
<p font-family: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>
CallMeOrange
@EgnaroDev
Jun 27 2017 06:00
@bronxconga remove font-family: this property is used inside style tags (CSS)
RT
@rotyflo
Jun 27 2017 06:01
Can someone help me with changing the h2 element to blue challenge?
CallMeOrange
@EgnaroDev
Jun 27 2017 06:01
font-family is how you add a font @bronxconga
So use it for Monospace
Taximan
@bronxconga
Jun 27 2017 06:01
I did that it was not working.
CallMeOrange
@EgnaroDev
Jun 27 2017 06:02
@bronxconga Paste code again
@rotyflo Can you wait a moment?
RT
@rotyflo
Jun 27 2017 06:02
@MCTwoDigitZero yea of course
CallMeOrange
@EgnaroDev
Jun 27 2017 06:02
Thanks
@rotyflo Well forget it lol, You want to make h2 element blue right?
Vladislav Ivanov
@bgdeveloper27
Jun 27 2017 06:03
@bronxconga style p with font-family : monospace;
RT
@rotyflo
Jun 27 2017 06:03
@MCTwoDigitZero yes within some style tags
CallMeOrange
@EgnaroDev
Jun 27 2017 06:03
^ font-family: monospace;
Taximan
@bronxconga
Jun 27 2017 06:04

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

p {
font-size: 16px;
}

p {
font-family:
</style>

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

CallMeOrange
@EgnaroDev
Jun 27 2017 06:04
@rotyflo So inside style tags, does it say anything about assigning a class?
Vladislav Ivanov
@bgdeveloper27
Jun 27 2017 06:04
@bronxconga yes, just add Monospace to font-family
CallMeOrange
@EgnaroDev
Jun 27 2017 06:04
@bronxconga no you can have properties as many as you can in same element block
RT
@rotyflo
Jun 27 2017 06:05
@MCTwoDigitZero no, just to change all h2 elements to blue via <style>
<style>
h2 {
color: blue;
}
</style>
CallMeOrange
@EgnaroDev
Jun 27 2017 06:05
<style>
h2 {
property
}
</style>
charandgr8
@charandgr8
Jun 27 2017 06:05
$("button").addClass("animated");
$(".btn").addClass("animated shake");
$("#target1").addClass("btn-primary");
CallMeOrange
@EgnaroDev
Jun 27 2017 06:05
@rotyflo Use that :/
Do you have h2 element in HTML?
charandgr8
@charandgr8
Jun 27 2017 06:05
please can anyone send how to make it single class
plese
CallMeOrange
@EgnaroDev
Jun 27 2017 06:05
@charandgr8 <element class=" "></element>
RT
@rotyflo
Jun 27 2017 06:06
@MCTwoDigitZero yea, it even changed the h2 element to blue, but I'm not meeting the test condition
charandgr8
@charandgr8
Jun 27 2017 06:06
i am in jquery
CallMeOrange
@EgnaroDev
Jun 27 2017 06:06
@rotyflo try refresh, can you li
yeah
RT
@rotyflo
Jun 27 2017 06:06
@MCTwoDigitZero I'll try that out
CallMeOrange
@EgnaroDev
Jun 27 2017 06:06

@rotyflo

Ensure that your stylesheet h2 declaration is valid with a semicolon and closing brace.

That maybe or refresh
charandgr8
@charandgr8
Jun 27 2017 06:06
@MCTwoDigitZero
i am in jquery
u r saying in html
CallMeOrange
@EgnaroDev
Jun 27 2017 06:07
@charandgr8 Might I see your code and link me to your challenge
@charandgr8 I was not talking to you :/
Vladislav Ivanov
@bgdeveloper27
Jun 27 2017 06:07
@MCTwoDigitZero what you want to do?
CallMeOrange
@EgnaroDev
Jun 27 2017 06:08
@bgdeveloper27 Nothing, just helping
Vladislav Ivanov
@bgdeveloper27
Jun 27 2017 06:08
@MCTwoDigitZero ok
please say
Wanthanai Jaisuparp
@tuatore2541
Jun 27 2017 06:09

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

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

Turn an Image into a Link
RT
@rotyflo
Jun 27 2017 06:09
@MCTwoDigitZero would you mind trying it out on the challenge and let me know if it lets you pass it?
Wanthanai Jaisuparp
@tuatore2541
Jun 27 2017 06:09
how do
CallMeOrange
@EgnaroDev
Jun 27 2017 06:09
<script>
  $(document).ready(function() {
$("element").addClass(" ");
    $(".class").addClass(" ");
    $("#ID").addClass(" ");
  });
</script>
Instructions will tell you what to do
@tuatore2541 # instead of url
Vladislav Ivanov
@bgdeveloper27
Jun 27 2017 06:09
@charandgr8 $("#target1").addClass("animated shake btn-primary");
CallMeOrange
@EgnaroDev
Jun 27 2017 06:09
@rotyflo sure, link me to it again
charandgr8
@charandgr8
Jun 27 2017 06:10
then how to add the button to the add class
Vladislav Ivanov
@bgdeveloper27
Jun 27 2017 06:11
@charandgr8 you need to selet it from his ID
let me see the instructions
CallMeOrange
@EgnaroDev
Jun 27 2017 06:11
@rotyflo yeah it let me pass
This is only what I did
<style>
  h2 {
    color: blue;
  }
</style>
charandgr8
@charandgr8
Jun 27 2017 06:11
ok
CallMeOrange
@EgnaroDev
Jun 27 2017 06:11
Did you remove style inline? @rotyflo
RT
@rotyflo
Jun 27 2017 06:12
@MCTwoDigitZero at the very top of the code, right?
CallMeOrange
@EgnaroDev
Jun 27 2017 06:12
@rotyflo yes
beta sure is weird... dont even know what is <main>
RT
@rotyflo
Jun 27 2017 06:13
@MCTwoDigitZero hehe yea
how do you copy paste code?
Vladislav Ivanov
@bgdeveloper27
Jun 27 2017 06:13
@charandgr8 $("button").addClass("animated");
$(".btn").addClass("shake");
$("#target1").addClass("btn-primary");
CallMeOrange
@EgnaroDev
Jun 27 2017 06:13
@rotyflo just paste it lol, if you want it formatted, add ``` around it
charandgr8
@charandgr8
Jun 27 2017 06:13
i will try
RT
@rotyflo
Jun 27 2017 06:14
  h2 {
    color: blue;
  }
</style>
RT
@rotyflo
Jun 27 2017 06:14
  h2 {
    color: blue;
  }
</style>
CallMeOrange
@EgnaroDev
Jun 27 2017 06:14
@rotyflo just a warning, around November, beta fCC progresses might be deleted because around that time it will me merged with fCC
Johnyboi21
@Johnyboi21
Jun 27 2017 06:14
how can I seperate my col-ms-6 paragraphs
CallMeOrange
@EgnaroDev
Jun 27 2017 06:14
@rotyflo Missing <style>
RT
@rotyflo
Jun 27 2017 06:14
```<style>
h2 {
color: blue;
}
</style>
CallMeOrange
@EgnaroDev
Jun 27 2017 06:14
Yeah
Did you remove style inline as well?
Johnyboi21
@Johnyboi21
Jun 27 2017 06:14
like I want the mobile phones to be on one side, and the computers to be on the other side
RT
@rotyflo
Jun 27 2017 06:14
@MCTwoDigitZero damn lol trying to put this into the chat correctly lol
charandgr8
@charandgr8
Jun 27 2017 06:14
@bgdeveloper27 thanks a lot
CamperBot
@camperbot
Jun 27 2017 06:14
:cookie: 181 | @bgdeveloper27 |http://www.freecodecamp.com/bgdeveloper27
charandgr8 sends brownie points to @bgdeveloper27 :sparkles: :thumbsup: :sparkles:
CallMeOrange
@EgnaroDev
Jun 27 2017 06:15
@rotyflo lol its alright
RT
@rotyflo
Jun 27 2017 06:15
<style>
  h2 {
    color: blue;
  }
</style>
CallMeOrange
@EgnaroDev
Jun 27 2017 06:15
It take time
Good
RT
@rotyflo
Jun 27 2017 06:15
@MCTwoDigitZero there
Vladislav Ivanov
@bgdeveloper27
Jun 27 2017 06:15
@charandgr8 no problem
RT
@rotyflo
Jun 27 2017 06:15
that is copy/pasted from my solution
CallMeOrange
@EgnaroDev
Jun 27 2017 06:15
@rotyflo So did instructions tell you to remove style inline?
RT
@rotyflo
Jun 27 2017 06:15
@MCTwoDigitZero yes, i did
CallMeOrange
@EgnaroDev
Jun 27 2017 06:15
Strange..
Johnyboi21
@Johnyboi21
Jun 27 2017 06:16
?
CallMeOrange
@EgnaroDev
Jun 27 2017 06:16
@rotyflo Try refresh, if it didnt work then paste whole code here
RT
@rotyflo
Jun 27 2017 06:16
@MCTwoDigitZero okay I'll let you know if I can get through, might restart the browser
CallMeOrange
@EgnaroDev
Jun 27 2017 06:16
@bgdeveloper27 Next time, try not to give answers
@Johnyboi21 What up?
Vladislav Ivanov
@bgdeveloper27
Jun 27 2017 06:16
@MCTwoDigitZero ok, my bad
Johnyboi21
@Johnyboi21
Jun 27 2017 06:17
if u open the code pen that I link to a browser i want the two col-md-6 paragraphs not to be in a line
like on Target the same element with multiple jQuery Selectors activity
CallMeOrange
@EgnaroDev
Jun 27 2017 06:18
@Johnyboi21 Are you coding jQuery?
Johnyboi21
@Johnyboi21
Jun 27 2017 06:18
when they did the col-xs-6 it made them on a separate side, I want to do that with mine too
CallMeOrange
@EgnaroDev
Jun 27 2017 06:18
Sorry.. I dont quiet understand
Johnyboi21
@Johnyboi21
Jun 27 2017 06:18
well, I tried to put Jquery in there to make my caption shake but that didn't work either lol
CallMeOrange
@EgnaroDev
Jun 27 2017 06:18
Can you paste your codepen url
@Johnyboi21 Dont forget to add jQuery to JS setting
RT
@rotyflo
Jun 27 2017 06:19
@MCTwoDigitZero okay, a restart of my browser didn't work
CallMeOrange
@EgnaroDev
Jun 27 2017 06:19
@rotyflo Paste whole code here
Johnyboi21
@Johnyboi21
Jun 27 2017 06:19
wait i put the jquery in the JS bar?
CallMeOrange
@EgnaroDev
Jun 27 2017 06:19
@Johnyboi21 Yep
Johnyboi21
@Johnyboi21
Jun 27 2017 06:19
LOL
CallMeOrange
@EgnaroDev
Jun 27 2017 06:19
No script tags too
@Johnyboi21 and go to Setting>JS> quick-add > jQuery
RT
@rotyflo
Jun 27 2017 06:20
<style>
  h2 {
    color: blue;
  }
</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>
Johnyboi21
@Johnyboi21
Jun 27 2017 06:20
not jquery UI?
CallMeOrange
@EgnaroDev
Jun 27 2017 06:20
@rotyflo reset it, then just do it again
RT
@rotyflo
Jun 27 2017 06:20
@MCTwoDigitZero kk, thanks for all the help
CamperBot
@camperbot
Jun 27 2017 06:20
rotyflo sends brownie points to @mctwodigitzero :sparkles: :thumbsup: :sparkles:
CallMeOrange
@EgnaroDev
Jun 27 2017 06:20
You deleted <main> try not to delete it
CamperBot
@camperbot
Jun 27 2017 06:20
:cookie: 361 | @mctwodigitzero |http://www.freecodecamp.com/mctwodigitzero
CallMeOrange
@EgnaroDev
Jun 27 2017 06:20
@Johnyboi21 Nope
Just jQuery
Johnyboi21
@Johnyboi21
Jun 27 2017 06:20
kk
RT
@rotyflo
Jun 27 2017 06:21
@MCTwoDigitZero if I can't get it going, I'll just skip it for now
CallMeOrange
@EgnaroDev
Jun 27 2017 06:21
@rotyflo oh... fooled me <main> was actually under h2 element
@rotyflo yeah for some reason, that should work..
RT
@rotyflo
Jun 27 2017 06:22
@MCTwoDigitZero and thanks for the heads up about my progress after the fcc merge
CamperBot
@camperbot
Jun 27 2017 06:22
rotyflo sends brownie points to @mctwodigitzero :sparkles: :thumbsup: :sparkles:
:warning: rotyflo already gave mctwodigitzero points
CallMeOrange
@EgnaroDev
Jun 27 2017 06:22
@rotyflo But mine was, h2 element and <main> swapped
@rotyflo No problem
RT
@rotyflo
Jun 27 2017 06:22
@MCTwoDigitZero hmm
CallMeOrange
@EgnaroDev
Jun 27 2017 06:22
That might be a reason
I dont know <main> very well... never heard of it
Johnyboi21
@Johnyboi21
Jun 27 2017 06:24
@MCTwoDigitZero when i put it in the JS it says "Unexpected end of input"
Darren
@DarrenfJ
Jun 27 2017 06:24
evening fCC
Markus Ivancsics
@ivancsicsmarkus
Jun 27 2017 06:24
@MCTwoDigitZero It is just a semantic tag.
Johnyboi21
@Johnyboi21
Jun 27 2017 06:24
@DarrenfJ sup
Darren
@DarrenfJ
Jun 27 2017 06:24
@Johnyboi21 oh man love the icon/pic
Johnyboi21
@Johnyboi21
Jun 27 2017 06:24
thanks XD
CallMeOrange
@EgnaroDev
Jun 27 2017 06:25
@ivancsicsmarkus I see

var randomNumberBetween0and19 = Math.floor(Math.random() * 20);

function randomWholeNum() {

  var a = 10;

  return Math.floor(Math.random() * a);
}
jsvirk
@jsvirk
Jun 27 2017 06:25
how to install lobster font in html ???
Viktor Tiutiun
@vittorioVT
Jun 27 2017 06:25
hello everybody
CallMeOrange
@EgnaroDev
Jun 27 2017 06:25

Why didnt this work for

You should have multiplied the result of Math.random by 10 to make it a number that is between zero and nine.

Johnyboi21
@Johnyboi21
Jun 27 2017 06:25
@jsvirk by linking it with google fonts
RT
@rotyflo
Jun 27 2017 06:25
@MCTwoDigitZero meh, it'll prolly fix itself later, thanks again and take it easy!
CamperBot
@camperbot
Jun 27 2017 06:25
rotyflo sends brownie points to @mctwodigitzero :sparkles: :thumbsup: :sparkles:
:warning: rotyflo already gave mctwodigitzero points
Darren
@DarrenfJ
Jun 27 2017 06:25
@vittorioVT hey buddy! :D
Viktor Tiutiun
@vittorioVT
Jun 27 2017 06:25
@DarrenfJ hi
CallMeOrange
@EgnaroDev
Jun 27 2017 06:25
@jsvirk have that link in the instructions top of your html then do same way like you did with Monospace
Darren
@DarrenfJ
Jun 27 2017 06:26
@jsvirk did you add the link they give at top of your code? the google font link?
Johnyboi21
@Johnyboi21
Jun 27 2017 06:26
@jsvirk <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
If you put this in there it should work boi
CallMeOrange
@EgnaroDev
Jun 27 2017 06:26
@rotyflo I see, sure I'll take it easy
jsvirk
@jsvirk
Jun 27 2017 06:26
ok sir thnxx
Johnyboi21
@Johnyboi21
Jun 27 2017 06:27
:)
CallMeOrange
@EgnaroDev
Jun 27 2017 06:27
@Johnyboi21 link is not only thing to pass..
Theres more :/
Darren
@DarrenfJ
Jun 27 2017 06:28
@jsvirk as @MCTwoDigitZero mentioned.. you also have to create the CSS rule that then assigns the font to somthing, after adding the google font link
Johnyboi21
@Johnyboi21
Jun 27 2017 06:28
ik
but I thought he knew since he did the monospace already
CallMeOrange
@EgnaroDev
Jun 27 2017 06:30
@Johnyboi21 well you are right
Johnyboi21
@Johnyboi21
Jun 27 2017 06:31
:satisfied:
coldcuts
@warmcoldcuts
Jun 27 2017 06:36
hey every1 so I'm stuck at the image width is this right .smaller-image {
width: 100px;
}
Vivek Ranjan
@vivekranjan92
Jun 27 2017 06:36
@warmcoldcuts what is the problem?
Viktor Tiutiun
@vittorioVT
Jun 27 2017 06:36
@warmcoldcuts did you add class to your img?
heroiczero
@heroiczero
Jun 27 2017 06:36
@warmcoldcuts did you identify it in <img class="" src="" alt="">
Darren
@DarrenfJ
Jun 27 2017 06:36
@warmcoldcuts you need to add that class as well to the existing img in the html section
Donald Wilson
@Dons3001
Jun 27 2017 06:37
why ist my div accepting my background style?
Vivek Ranjan
@vivekranjan92
Jun 27 2017 06:37
you have to add that .smaller-image in the image tag @warmcoldcuts
Donald Wilson
@Dons3001
Jun 27 2017 06:37
style>
.silver-background {
background-color: silver;
}
.red-text {
color: red;
}
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>
heroiczero
@heroiczero
Jun 27 2017 06:37
@Dons3001 <div class=""> should be the format
Viktor Tiutiun
@vittorioVT
Jun 27 2017 06:38
@Dons3001 don't correct: div>
class="silver-background"
Vivek Ranjan
@vivekranjan92
Jun 27 2017 06:38
@Dons3001 you have closed the div. it should be like <div class="">
Viktor Tiutiun
@vittorioVT
Jun 27 2017 06:38
@Dons3001 <div class="silver-background">
Donald Wilson
@Dons3001
Jun 27 2017 06:38
sheesh, i got you. I should've caught that, thanks all
Vivek Ranjan
@vivekranjan92
Jun 27 2017 06:39
@Dons3001 np :)
coldcuts
@warmcoldcuts
Jun 27 2017 06:39
@vivekranjan92 oh so not in the <style> </style>
Vivek Ranjan
@vivekranjan92
Jun 27 2017 06:40
sorry @warmcoldcuts
heroiczero
@heroiczero
Jun 27 2017 06:40
@warmcoldcuts no you need it in style but you also need to target the img you want to make smaller in the html code
@warmcoldcuts do you remember how you did it for .red-text and you added red-text in <h2>. It is the same thing, except a <img>
Viktor Tiutiun
@vittorioVT
Jun 27 2017 06:42
@warmcoldcuts you should create same class in html-code
Darren
@DarrenfJ
Jun 27 2017 06:44
@warmcoldcuts it's a two step process 1) create CSS rule in style section... 20 assign class in the html section (below the style tags, to an existing html element)
coldcuts
@warmcoldcuts
Jun 27 2017 06:45

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

Viktor Tiutiun
@vittorioVT
Jun 27 2017 06:46
@warmcoldcuts you need <img class="smaller-image" src="" alt="">
Darren
@DarrenfJ
Jun 27 2017 06:46
@warmcoldcuts use the same class name but without the dot i.e. class="class-name"
coldcuts
@warmcoldcuts
Jun 27 2017 06:46
oh ok so img is a class just like red-tex
heroiczero
@heroiczero
Jun 27 2017 06:47
@warmcoldcuts yep you can add smalller-image similar to red-text
Darren
@DarrenfJ
Jun 27 2017 06:49
@warmcoldcuts smaller-image is a class you created, that you adding to an html thing.. the html thing is the <img> tag
@warmcoldcuts you could call the class whatever you want.. but to pass this exercise they want to use the name they suggest... .smaller-image
coldcuts
@warmcoldcuts
Jun 27 2017 06:50
oh ok ty so much everyone @DarrenfJ @vittorioVT @heroiczero
CamperBot
@camperbot
Jun 27 2017 06:50
warmcoldcuts sends brownie points to @darrenfj and @vittoriovt and @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1430 | @heroiczero |http://www.freecodecamp.com/heroiczero
:cookie: 738 | @vittoriovt |http://www.freecodecamp.com/vittoriovt
:star2: 1860 | @darrenfj |http://www.freecodecamp.com/darrenfj
Viktor Tiutiun
@vittorioVT
Jun 27 2017 06:51
@warmcoldcuts you're welcome
Johnyboi21
@Johnyboi21
Jun 27 2017 07:00
man I am super stuck with rows and bootstrp for my tribute page
So I have a "Mobile Phones" and "Computers" paragraph, I gave them the boostrap col-md-6
but they aren't really separating into rows, instead it just looks like separate paragraphs
Viktor Tiutiun
@vittorioVT
Jun 27 2017 07:04
@Johnyboi21 you should put them in one row
Syed Taha Hassan
@stahay2k
Jun 27 2017 07:04
how to comment out parts of code??
Brice Dimitri M.
@LoveHope5
Jun 27 2017 07:04
@Johnyboi21 I believe u should use a list for your life time
then use span row of bootstrap to aline mobile and computer at the center
Johnyboi21
@Johnyboi21
Jun 27 2017 07:05
@vittorioVT thanks G
CamperBot
@camperbot
Jun 27 2017 07:05
johnyboi21 sends brownie points to @vittoriovt :sparkles: :thumbsup: :sparkles:
:cookie: 739 | @vittoriovt |http://www.freecodecamp.com/vittoriovt
Johnyboi21
@Johnyboi21
Jun 27 2017 07:05
it worked
Viktor Tiutiun
@vittorioVT
Jun 27 2017 07:06
@Johnyboi21 you're welcome
@stahay2k <!-- your code -->
Johnyboi21
@Johnyboi21
Jun 27 2017 07:06
iv been looking at that part for like a cool 15 minutes just super confused
Syed Taha Hassan
@stahay2k
Jun 27 2017 07:06
thanks
Brice Dimitri M.
@LoveHope5
Jun 27 2017 07:06
alright good
Vivek Ranjan
@vivekranjan92
Jun 27 2017 07:07
@stahay2k just mark those part os code and press ctrl+/
Yonatan
@Yonatan1
Jun 27 2017 07:07
Why when I pull the side bar smaller my backgrounds get cut off a little??? https://codepen.io/YonatanG/pen/XgMOxQ?editors=1100
Vivek Ranjan
@vivekranjan92
Jun 27 2017 07:07
of
Syed Taha Hassan
@stahay2k
Jun 27 2017 07:07
thanks for the help!
Viktor Tiutiun
@vittorioVT
Jun 27 2017 07:08
@Johnyboi21 this for bootstrap 4.0.0: https://hackerthemes.com/bootstrap-cheatsheet/
Dylan Mayers
@DylanMayers
Jun 27 2017 07:09
Hi there guys, i've built the tribute page and have moved onto the portfolio challenge however i'm at a loss for how to get started. When Quincy says "you may use whichever libraries or API's you need" What is he referring to by that?
Viktor Tiutiun
@vittorioVT
Jun 27 2017 07:09
@stahay2k welcome
Johnyboi21
@Johnyboi21
Jun 27 2017 07:10
@vittorioVT thanks that's for sure gunna come in handy!
CamperBot
@camperbot
Jun 27 2017 07:10
johnyboi21 sends brownie points to @vittoriovt :sparkles: :thumbsup: :sparkles:
:warning: johnyboi21 already gave vittoriovt points
Viktor Tiutiun
@vittorioVT
Jun 27 2017 07:10
@Johnyboi21 :+1:
Markus Ivancsics
@ivancsicsmarkus
Jun 27 2017 07:10
@DylanMayers Later you will learn about libraries and API’s. For now, you can ignore that sentence.
Viktor Tiutiun
@vittorioVT
Jun 27 2017 07:12
@DylanMayers in settings of CodePen you can to connect any library. Look at
Dylan Mayers
@DylanMayers
Jun 27 2017 07:15
i'll have a look at the options on codepen, i'm just a bit unsure on how to approach the portfolio
Viktor Tiutiun
@vittorioVT
Jun 27 2017 07:21
@DylanMayers Maybe you know jQuerry, Bootstrap, JS, Animated css... You don't need to download them separately; you can simply connect them. and you can not do this. it's your choice
Dylan Mayers
@DylanMayers
Jun 27 2017 07:27
@vittorioVT where in settings is the option to connect to those libraries? And what does connecting to the libraries allow you to do?
Viktor Tiutiun
@vittorioVT
Jun 27 2017 07:30
@DylanMayers On the top there is a section: "settings"
@DylanMayers press it
@DylanMayers there are: css, JavaScript, Behavior...
Bouzayeniiheb
@bouzayeniiheb
Jun 27 2017 07:33
Hey ..please i found. Problem using CSS style.. I chose the blue color as they ask but it didn't work..what should I do ?
Vivek Ranjan
@vivekranjan92
Jun 27 2017 07:33
paste your code here
Dylan Mayers
@DylanMayers
Jun 27 2017 07:33
@vittorioVT yes i see those options
Viktor Tiutiun
@vittorioVT
Jun 27 2017 07:33
@DylanMayers In each of them below there is an item: "Quick add" press it
Vivek Ranjan
@vivekranjan92
Jun 27 2017 07:34
@bouzayeniiheb paste your code here
Bouzayeniiheb
@bouzayeniiheb
Jun 27 2017 07:34
<style>
h2 {color: blue;}
</style>
Viktor Tiutiun
@vittorioVT
Jun 27 2017 07:35
@bouzayeniiheb show all your code please
Dylan Mayers
@DylanMayers
Jun 27 2017 07:35
@vittorioVT i pressed it and a drop down menu appears
Bouzayeniiheb
@bouzayeniiheb
Jun 27 2017 07:36

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

Viktor Tiutiun
@vittorioVT
Jun 27 2017 07:36
@DylanMayers ok, choose what you want :smile:
@bouzayeniiheb where are h2 element in html code?
Bouzayeniiheb
@bouzayeniiheb
Jun 27 2017 07:37
I am a new one in freecode.. It s the first steps. I think my code is alright.. But it looks not..
Viktor Tiutiun
@vittorioVT
Jun 27 2017 07:37
@bouzayeniiheb did you remove ?
shaaiiirah
@shaaiiirah
Jun 27 2017 07:37

hi friends! Can someone please help me out real quick? :D

so i need to:
Emphasize the text in your target4 button by adding HTML tags.
and Make sure to select button id="target4" with jQuery.

here's my code:

<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("target4").html("emphasize text")
});
</script>

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

Rafał Podraza
@rafi9898
Jun 27 2017 07:37
i have problem with "Your a element should be nested within your new p element. ", but i have <p><a href="https://freecodecamp.com"></a> View more</p>
Viktor Tiutiun
@vittorioVT
Jun 27 2017 07:38
@bouzayeniiheb you need <h2>....</h2>
Vivek Ranjan
@vivekranjan92
Jun 27 2017 07:38
@bouzayeniiheb you are giving h2 those property and now you want them to use on p
Viktor Tiutiun
@vittorioVT
Jun 27 2017 07:38
@rafi9898 <p>View more <a href="https://freecodecamp.com"></a> </p>
Rafał Podraza
@rafi9898
Jun 27 2017 07:39
again dont work :/
May Kittens Devour Your Soul
@diomed
Jun 27 2017 07:39
@rafi9898 why do u even have link to freecodecamp. that is not what's required
Vivek Ranjan
@vivekranjan92
Jun 27 2017 07:39
@bouzayeniiheb instead of p in your code replace it with h2 everywhere
Bouzayeniiheb
@bouzayeniiheb
Jun 27 2017 07:39
@vittorioVT please explain more.. Where do I need them exactly?
shaaiiirah
@shaaiiirah
Jun 27 2017 07:39
i'm confused how to emphasize my text.... was i supposed to use .text()?
Viktor Tiutiun
@vittorioVT
Jun 27 2017 07:40
@rafi9898 after "View more " have be space
Vivek Ranjan
@vivekranjan92
Jun 27 2017 07:40
<h2>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</h2>
@bouzayeniiheb
like this
Bouzayeniiheb
@bouzayeniiheb
Jun 27 2017 07:40
@vivekranjan92 thank you.. It works :D
CamperBot
@camperbot
Jun 27 2017 07:40
bouzayeniiheb sends brownie points to @vivekranjan92 :sparkles: :thumbsup: :sparkles:
:cookie: 273 | @vivekranjan92 |http://www.freecodecamp.com/vivekranjan92
Viktor Tiutiun
@vittorioVT
Jun 27 2017 07:40
@bouzayeniiheb reread your instruction
Vivek Ranjan
@vivekranjan92
Jun 27 2017 07:40
or you can change inside the style
just change h2 with p in style then also it will work properly
@bouzayeniiheb
np
Mukul Agrawal
@mukul09
Jun 27 2017 07:41
@shaaiiirah no, you should use .html() method
Bouzayeniiheb
@bouzayeniiheb
Jun 27 2017 07:42
Thank you everyone.. :smile:
Mukul Agrawal
@mukul09
Jun 27 2017 07:42
@shaaiiirah to emphasize the text use <em></em>, you have to emphasize the text #target4
Vivek Ranjan
@vivekranjan92
Jun 27 2017 07:43
@shaaiiirah just add <em></em> inside target4
it should work
shaaiiirah
@shaaiiirah
Jun 27 2017 07:43
@mukul09 @vivekranjan92 ohhhh... lemme give that a quick try!
Viktor Tiutiun
@vittorioVT
Jun 27 2017 07:44
@mukul09 I thought it was D3. everything mixed :smile:
Vivek Ranjan
@vivekranjan92
Jun 27 2017 07:44
<button class="btn btn-default target" id="target4"> <em>#target4</em></button>
like this @shaaiiirah
Mukul Agrawal
@mukul09
Jun 27 2017 07:45
@vittorioVT what??
Vivek Ranjan
@vivekranjan92
Jun 27 2017 07:45
@shaaiiirah lemme know if that works for you
Viktor Tiutiun
@vittorioVT
Jun 27 2017 07:46
@mukul09 D3 also has methods .text() and .html() :smile:
Temudzinas
@Temudzinas
Jun 27 2017 07:46
Hello. Can someone help with Add Placeholder Text to a Text Field? <input type="text"placeholder="https://bit.ly/fcc-relaxing-cat">
Mukul Agrawal
@mukul09
Jun 27 2017 07:47
@vivekranjan92 she have to emphasize the text using jquery
Viktor Tiutiun
@vittorioVT
Jun 27 2017 07:47
@Temudzinas placeholder is text
shaaiiirah
@shaaiiirah
Jun 27 2017 07:47
@vivekranjan92 cool! okay it did work.. but now it says that i need to Make sure to select button id="target4" with jQuery.
Temudzinas
@Temudzinas
Jun 27 2017 07:47
thanks
Vivek Ranjan
@vivekranjan92
Jun 27 2017 07:47
@mukul09 that i was not aware of
shaaiiirah
@shaaiiirah
Jun 27 2017 07:47
sorry.. this one is just really confusing to me
Viktor Tiutiun
@vittorioVT
Jun 27 2017 07:48
@mukul09 is it ok! forget
Vivek Ranjan
@vivekranjan92
Jun 27 2017 07:49
@shaaiiirah no problem. even i have to been to jquery so checking it on google
sarthakcoder
@sarthakcoder
Jun 27 2017 07:49

// Example
var ourStr = "I come first. ";
ourStr += "I come second.";

// Only change code below this line

var myStr = "This is the first sentence. ";
myStr += "This is the second sentence.";
whats wrong in this code
@vittorioVT ??

Viktor Tiutiun
@vittorioVT
Jun 27 2017 07:49
This message was deleted
Mukul Agrawal
@mukul09
Jun 27 2017 07:50
@vittorioVT i think .html() and .text() have different function to do, right?
@shaaiiirah share your code , latest one
shaaiiirah
@shaaiiirah
Jun 27 2017 07:50

<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("target4").html("<em>#target4</em>")
});
</script>

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

Vivek Ranjan
@vivekranjan92
Jun 27 2017 07:50
@shaaiiirah do like this hope this will work
$("#target4").html("<em>#target4</em>");
shaaiiirah
@shaaiiirah
Jun 27 2017 07:51
OHHH wow.. haha I just forgot #
LOL thanks
Vivek Ranjan
@vivekranjan92
Jun 27 2017 07:51
@shaaiiirah no problem
Mukul Agrawal
@mukul09
Jun 27 2017 07:51
@vivekranjan92 please try to make her understand. don't give just answer by searching it on google
Viktor Tiutiun
@vittorioVT
Jun 27 2017 07:52
@mukul09 But in D3 they do quite differently then in jQuerry :smile:
Mukul Agrawal
@mukul09
Jun 27 2017 07:52
@vittorioVT ok
Vivek Ranjan
@vivekranjan92
Jun 27 2017 07:53
@mukul09 ok cool. I am sorry actually i have not completed jquery and have no idea and i just want to help her, nothing else
or i would have explained her the logic
Bouzayeniiheb
@bouzayeniiheb
Jun 27 2017 07:54

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

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

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

Vivek Ranjan
@vivekranjan92
Jun 27 2017 07:54
what is the issue @bouzayeniiheb
Bouzayeniiheb
@bouzayeniiheb
Jun 27 2017 07:54
It doesnt work :/
Vivek Ranjan
@vivekranjan92
Jun 27 2017 07:54
what is asked??
Bouzayeniiheb
@bouzayeniiheb
Jun 27 2017 07:55
The color should be red
Mukul Agrawal
@mukul09
Jun 27 2017 07:55
@vivekranjan92 its alright but do the challenge first then help others
Vivek Ranjan
@vivekranjan92
Jun 27 2017 07:55
CatPhotoApp color should be red?
Bouzayeniiheb
@bouzayeniiheb
Jun 27 2017 07:55
Yes
Vivek Ranjan
@vivekranjan92
Jun 27 2017 07:55
@mukul09 ok
Johnyboi21