These are chat archives for FreeCodeCamp/Help

29th
Mar 2017
Kaylan Walker
@Digicrest
Mar 29 2017 00:04
@Radascript Wow, that's a really nice site - so good
Rada
@Radascript
Mar 29 2017 00:04
@Digicrest thank you! Unfortunately it's broken on android, not sure why :<
CamperBot
@camperbot
Mar 29 2017 00:04
radascript sends brownie points to @digicrest :sparkles: :thumbsup: :sparkles:
:cookie: 87 | @digicrest |http://www.freecodecamp.com/digicrest
Avery
@KawaiiFerret
Mar 29 2017 00:05
Anyone able to help me with CodePen? I don't think its processing my BootStrap classes properly.
Doni Yafi
@yafiwebdev
Mar 29 2017 00:05
@Radascript how are you using the media queries?
ajmaljalal2
@ajmaljalal2
Mar 29 2017 00:05
hi, I cannot solve the problem of overlapping divs? any suggestion?
Doni Yafi
@yafiwebdev
Mar 29 2017 00:06
@KawaiiFerret have you linked the Bootstrap to codepen ? from the css settings
Pablo Macias
@jpablom
Mar 29 2017 00:06
@Radascript the site is great, looks full responsive, tested on chrome for android, the animation is too slow
Doni Yafi
@yafiwebdev
Mar 29 2017 00:06
@ajmaljalal2 can I see how it's displaying?
Avery
@KawaiiFerret
Mar 29 2017 00:06
@yafiwebdev Yes I have.
Rada
@Radascript
Mar 29 2017 00:06
@media (max-width: whatever px) { do stuff }. It looks fine when I make the window smaller or toggle to phone view, but on my actual phone it's all weird
Doni Yafi
@yafiwebdev
Mar 29 2017 00:07
@KawaiiFerret another thing, make sure you're linking and using the same Bootstrap version, 3 or 4
Avery
@KawaiiFerret
Mar 29 2017 00:07
When I add navbar-inverse it doesn't change colors and when I try to toggle it to the right it just stays put.
Coy Sanders
@coymeetsworld
Mar 29 2017 00:07
@Radascript looks fine to me, although the animation is slow on my android phone
Rada
@Radascript
Mar 29 2017 00:07
@jpablom thanks Pablo - yeah I should maybe simplify the timeline for screens in my JS - but it doesn't look all wacky?
CamperBot
@camperbot
Mar 29 2017 00:07
radascript sends brownie points to @jpablom :sparkles: :thumbsup: :sparkles:
:cookie: 271 | @jpablom |http://www.freecodecamp.com/jpablom
Avery
@KawaiiFerret
Mar 29 2017 00:07
How can I tell which version I'm using in CodePen?
Coy Sanders
@coymeetsworld
Mar 29 2017 00:07
also would look into using flexbox instead of media queries
Avery
@KawaiiFerret
Mar 29 2017 00:08
Apparently I'm using a guide for BootStrap 3.
Coy Sanders
@coymeetsworld
Mar 29 2017 00:08
@KawaiiFerret Settings->CSS
Rada
@Radascript
Mar 29 2017 00:08
@coymeetsworld thanks, Pablo suggested the same thing re: animation. I'll change it. Maybe my android is just way too old haha
CamperBot
@camperbot
Mar 29 2017 00:08
radascript sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
Doni Yafi
@yafiwebdev
Mar 29 2017 00:08
@KawaiiFerret the settings of the css secion, you can see the link and see whether it's 3 or 4
CamperBot
@camperbot
Mar 29 2017 00:08
:star2: 2362 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Avery
@KawaiiFerret
Mar 29 2017 00:09
It's apparently using Boostrap 4 Alpha. Can I change it to 3?
Coy Sanders
@coymeetsworld
Mar 29 2017 00:09
@Radascript mine is a droid maxx 2 which is fairly old too
apha009
@apha009
Mar 29 2017 00:09
hi guys, i'm trying to apply a the img-circle class to an image and I can't figure out why it's not working :-(
Coy Sanders
@coymeetsworld
Mar 29 2017 00:09
its a terrible phone I need to replace it
but besides the slow animation at the top everything looks fine
@KawaiiFerret yes, just need a cdn link for it
Avery
@KawaiiFerret
Mar 29 2017 00:10
Where can I find that link?
ROBUSTO8
@ROBUSTO8
Mar 29 2017 00:10

a little stuck on the counting cards challenge how do i return the 2 variables without using an array? or what am i doing wrong here's the code:

var count = 0;

function cc(card) {
// Only change code below this line
var decision;
switch (card) {
case 2:
case 3:
case 4:
case 5:
case 6:
count = count + 1;
break;
case 7:
case 8:
case 9:
count = count + 0;
break;
case 10:
case "J":
case "Q":
case "K":
case "A":
count = count - 1;
break;
} if (count > 0) {
decision = "Bet";
} else {
decision = "Hold";
}

return [count,decision];
// Only change code above this line
}

// Add/remove calls to test your function.
// Note: Only the last will display
cc(3); cc(2); cc("A"); cc(10); cc("K");

im getting outputs like
var count = 0;

function cc(card) {
// Only change code below this line
var decision;
switch (card) {
case 2:
case 3:
case 4:
case 5:
case 6:
count = count + 1;
break;
case 7:
case 8:
case 9:
count = count + 0;
break;
case 10:
case "J":
case "Q":
case "K":
case "A":
count = count - 1;
break;
} if (count > 0) {
decision = "Bet";
} else {
decision = "Hold";
}

return [count,decision];
// Only change code above this line
}

// Add/remove calls to test your function.
// Note: Only the last will display
cc(3); cc(2); cc("A"); cc(10); cc("K");

woops double pasted sorry, im getting the right outputs but, it's not working....

Avery
@KawaiiFerret
Mar 29 2017 00:10
Also why would it use the not yet completed version of BootStrap 4??
Pablo Macias
@jpablom
Mar 29 2017 00:10
Screenshot_2017-03-28-18-08-27.png
@Radascript
Avery
@KawaiiFerret
Mar 29 2017 00:10
Thank you so much, hopefully this works!
Coy Sanders
@coymeetsworld
Mar 29 2017 00:11
@ROBUSTO8 you don't return an array, need to return a string
check the requirements again
Avery
@KawaiiFerret
Mar 29 2017 00:11
You guys are awesome it looks just like it should now!
Coy Sanders
@coymeetsworld
Mar 29 2017 00:11
@KawaiiFerret if you want to use v4 heres a wiki from them https://v4-alpha.getbootstrap.com/migration/
Avery
@KawaiiFerret
Mar 29 2017 00:11
In a professional setting, should I be using 4 or 3? And thanks!
Coy Sanders
@coymeetsworld
Mar 29 2017 00:12
probably neither :)
I haven't looked into the major differences as closely, I think you're fine with either
Avery
@KawaiiFerret
Mar 29 2017 00:13
Sounds good!
ajmaljalal2
@ajmaljalal2
Mar 29 2017 00:13
ROBUSTO8
@ROBUSTO8
Mar 29 2017 00:15
how do i return a string with 2 variables?
Almezing
@Almezing
Mar 29 2017 00:17
concatenate them
isc0
@isc0
Mar 29 2017 00:17
How do you add an h4 element inside a <div class= "col-xs-6">
?
Almezing
@Almezing
Mar 29 2017 00:18
isc0 nest h4 in div
isc0
@isc0
Mar 29 2017 00:18
an h4 element with text...
@Almezing ok I'll try it
Doni Yafi
@yafiwebdev
Mar 29 2017 00:19
@ajmaljalal2 it's because you have the navbar position set to fixed, so the following content just ignores it, it's like it's not even there
__mifflin__
@cdrainxv
Mar 29 2017 00:20

@Manish-Giri: Is this considered cheating?

function or(expression1, expression2) {
  // your code here
  return expression1 === expression2 && !expression1 ? false : true;
}
or(true, true);

I was just doing the hack reactor prep challenges (there's a s@#* ton for module1) and I remembered you posted this before. :smile:

ROBUSTO8
@ROBUSTO8
Mar 29 2017 00:21
omg durrr, this shit is so frustrating when the answer is so simple and you know how to do it but can't figure it out thanks @Almezing and thanks @coymeetsworld
CamperBot
@camperbot
Mar 29 2017 00:21
robusto8 sends brownie points to @almezing and @coymeetsworld :sparkles: :thumbsup: :sparkles:
:cookie: 191 | @almezing |http://www.freecodecamp.com/almezing
:star2: 2363 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Andrew Strong
@bathorystoy
Mar 29 2017 00:23
can anybody please tell me whats wrong with this$(document).ready(function() {script
});
dont worry solved it
__mifflin__
@cdrainxv
Mar 29 2017 00:23
Why do you have the word script in there?
Manish Giri
@Manish-Giri
Mar 29 2017 00:24
@cdrainxv lol very good solution :wink:
ajmaljalal2
@ajmaljalal2
Mar 29 2017 00:24
@yafiwebdev you are right, thank you! but how can I use fixed position without the problem of overlapping divs?
CamperBot
@camperbot
Mar 29 2017 00:24
ajmaljalal2 sends brownie points to @yafiwebdev :sparkles: :thumbsup: :sparkles:
:cookie: 321 | @yafiwebdev |http://www.freecodecamp.com/yafiwebdev
Manish Giri
@Manish-Giri
Mar 29 2017 00:24
I've been solving module 1 for days now, and I'm only at 60% or sth
Kaylan Walker
@Digicrest
Mar 29 2017 00:25
whats "module 1"?
__mifflin__
@cdrainxv
Mar 29 2017 00:26
Module0 was harder than Module1. Yeah… I think I might have like 60 more to do. :unamused:
Kaylan Walker
@Digicrest
Mar 29 2017 00:26
what are these modules of which you speak! >:(
Fawadusman
@Fawadusman
Mar 29 2017 00:26
how can i learn coding what is the first step to do so..... no knowledge about coding i am new...
__mifflin__
@cdrainxv
Mar 29 2017 00:27
Most of them are like the same challenges recycled but with a slightly different method to use or remove a slightly different thing from an object.
Kaylan Walker
@Digicrest
Mar 29 2017 00:27
@Fawadusman just go to the map and follow it starting from html, css and simple javascript
__mifflin__
@cdrainxv
Mar 29 2017 00:28

what are these modules of which you speak! >:(

I'm not responding to that tone.

Fawadusman
@Fawadusman
Mar 29 2017 00:28
@Digicrest Thank You
CamperBot
@camperbot
Mar 29 2017 00:28
fawadusman sends brownie points to @digicrest :sparkles: :thumbsup: :sparkles:
:cookie: 88 | @digicrest |http://www.freecodecamp.com/digicrest
Almezing
@Almezing
Mar 29 2017 00:28
these are not the modules you are looking for @cdrainxv
Doni Yafi
@yafiwebdev
Mar 29 2017 00:31
@ajmaljalal2 .container { margin-top: 70px; }
and give the nav a z-index: 1;
Avery
@KawaiiFerret
Mar 29 2017 00:32
Aaaaaah, my pen project is not letting me add any more text anywhere besides the navigation bar.
Doni Yafi
@yafiwebdev
Mar 29 2017 00:32
not necessarily z-index: 1; but it should be higher than any other section's z-index, to stay on top
@ajmaljalal2
Avery
@KawaiiFerret
Mar 29 2017 00:33
It just won't show up for some reason. I've closed all the tags and all the quotation marks are there/
Are we only allowed one container per page in Bootstrap or something?
Manish Giri
@Manish-Giri
Mar 29 2017 00:36

@cdrainxv

function getElementsGreaterThan10AtProperty(obj, key) {
    // your code here
    function isLessThan100(numbers) {
        return numbers.some(number => number > 10);
    }
    var result = [];
    var values = obj[key];
    if (!Array.isArray(values) || !values || !isLessThan100(values)) {
        return [];
    } else {
        values.forEach(element => {
            if (element > 10) {
                result.push(element);
            }
        });
    }
    return result;
}

I swear I did like 10 challenges similar to this..

isc0
@isc0
Mar 29 2017 00:37
I'm stuck here. This is not making sense to me: "Above your left-well, inside its col-xs-6 div element, add a h4 element with the text #left-well."
First, is this right?: <h4 #left-well</h4>
Avery
@KawaiiFerret
Mar 29 2017 00:37
<h4>#left-well </h4>
ajmaljalal2
@ajmaljalal2
Mar 29 2017 00:38
@yafiwebdev thank you
CamperBot
@camperbot
Mar 29 2017 00:38
ajmaljalal2 sends brownie points to @yafiwebdev :sparkles: :thumbsup: :sparkles:
:warning: ajmaljalal2 already gave yafiwebdev points
Avery
@KawaiiFerret
Mar 29 2017 00:39
You need the > sign after h4 :)
isc0
@isc0
Mar 29 2017 00:40
@KawaiiFerret thks!
__mifflin__
@cdrainxv
Mar 29 2017 00:43
@Manish-Giri: Yeah they have a pattern of duplicating and just changing the requirements for a lot of these challenges.
That's the only way they could get 146 challenges, or whatever the count is.
miller365
@miller365
Mar 29 2017 00:44
So I need some assitance I am currently working on my portfolio page. And I am trying to get some headers to align but nothing that I learned in FCC seems to be working in penio. I tried text-center, text-xs-center
Are these the right classes
?
Fawadusman
@Fawadusman
Mar 29 2017 00:46
Hi i am new here so i have a question if i close my work so that will starts from where i closed it or i have to restart everything again....
miller365
@miller365
Mar 29 2017 00:47
@hholler Thanks will take a look
CamperBot
@camperbot
Mar 29 2017 00:47
holler back!
Robert Atkison
@A-No-1
Mar 29 2017 00:47

this is some early level stuff, but WHY does this not work? the tests on the left side show that I have my correct class in the h1 element, and the<style> has the correct CSS class...but the h1 element is NOT pink?<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
.pink-text {color: pink;
}

</style>

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

__mifflin__
@cdrainxv
Mar 29 2017 00:47

@miller365: Use this cheat sheet:
https://hackerthemes.com/bootstrap-cheatsheet/

There are slight class name changes b/t bsv3 and bsv4. You might be currently using bsv4 in codepen.

Fawadusman
@Fawadusman
Mar 29 2017 00:48
Hi i am new here so i have a question if i close my work so that will starts from where i closed it or i have to restart everything again....
miller365
@miller365
Mar 29 2017 00:48
@cdrainxv How do I know which version I am using
Helge Holler
@hholler
Mar 29 2017 00:48
@Fawadusman if you mean codepen, that all stays the way you leave it
xtext42
@xtext42
Mar 29 2017 00:48
How do I add bootstrap to my own html file?
__mifflin__
@cdrainxv
Mar 29 2017 00:48
@miller365: If you just picked it from codepen then it's the bsv4 alpha.
Fawadusman
@Fawadusman
Mar 29 2017 00:49
@hholler Thank You
CamperBot
@camperbot
Mar 29 2017 00:49
fawadusman sends brownie points to @hholler :sparkles: :thumbsup: :sparkles:
:cookie: 123 | @hholler |http://www.freecodecamp.com/hholler
__mifflin__
@cdrainxv
Mar 29 2017 00:49
xtext42
@xtext42
Mar 29 2017 00:49
@cdrainxv I just reference that? and thank you (the links that it gives you when you click)
CamperBot
@camperbot
Mar 29 2017 00:49
xtext42 sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 2457 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Helge Holler
@hholler
Mar 29 2017 00:50
@A-No-1 is that the exact same way you have it? did you notice that you put the class in a second <h1> that does not appear to have any content (and is not closed by </h1>)?
miller365
@miller365
Mar 29 2017 00:50
Wait so does the text-... classes only work on paragraph elements?
efuenzalida52
@efuenzalida52
Mar 29 2017 00:51
blob
@coymeetsworld yuup
__mifflin__
@cdrainxv
Mar 29 2017 00:51
No… they work on all text.
Robert Atkison
@A-No-1
Mar 29 2017 00:51
exact..cut and paste. I'll check that, Thanks!
Manish Giri
@Manish-Giri
Mar 29 2017 00:51

@cdrainxv I hate the half baked instructions

Write a function called "computeSumOfAllElements".
Given an array of numbers, "computeSumOfAllElements" returns the sum of all the elements in the given array.

There's no indication that you've got to handle the case where array is empty..

you get to know that from the tests..
miller365
@miller365
Mar 29 2017 00:52
@cdrainxv I am really stumped here then it just wont move when I apply any of the classes to the header.
efuenzalida52
@efuenzalida52
Mar 29 2017 00:52
anyone else started on the back end section?
miller365
@miller365
Mar 29 2017 00:54
Fixed it I hadnt added the bootstrap apparently :smile: sorry everyone lol
__mifflin__
@cdrainxv
Mar 29 2017 00:54
@Manish-Giri: Yeah that's true, you should write your functions for all edge cases anyhow. What I really hate is all the long function names and the fact that they don't include a function call in the starter code — I would rather not type or copy and paste every function invocation… so tiresome.
@miller365: :clap:
Teague Barry
@TeagueRB
Mar 29 2017 00:59
Hello, I was just beginning to feel like I was gaining an understanding of the program and then the jQuery waypoints began and I feel lost. I am not understanding nor feeling like I've been taught the information to complete the task.
__mifflin__
@cdrainxv
Mar 29 2017 01:00
fcc should not be your only learning resource though. There's lots of youtube videos on jquery.
Helge Holler
@hholler
Mar 29 2017 01:01
@TeagueRB which one has you stymied?
FistCake
@FistCake
Mar 29 2017 01:01

so I've been tasked with the following: "Give the submit button in your form the classes btn btn-primary.
Add a <i class="fa fa-paper-plane"></i> within your submit button element."

and I believe I've done this but it's not giving me a check mark. I'll share the code.

<button type="submit"><button class="btn btn-primary"><i class="fa fa-paper-plane">Submit</i></button></button>
Helge Holler
@hholler
Mar 29 2017 01:02
@FistCake you only need one <button>, you can put all the attributes in between the same <button ... >. The <i> is fine.
Teague Barry
@TeagueRB
Mar 29 2017 01:02
@hholler Target Elements by Class Using jQuery
CamperBot
@camperbot
Mar 29 2017 01:02
holler back!
Teague Barry
@TeagueRB
Mar 29 2017 01:03
@hholler thank you
CamperBot
@camperbot
Mar 29 2017 01:03
teaguerb sends brownie points to @hholler :sparkles: :thumbsup: :sparkles:
:cookie: 124 | @hholler |http://www.freecodecamp.com/hholler
Clayton Flowers
@claytonflowers
Mar 29 2017 01:04
Screen Shot 2017-03-28 at 9.03.01 PM.png
Adding a script element at the top of the page including jQuery? What exactly am I missing?
FistCake
@FistCake
Mar 29 2017 01:04
Oh okay, perfect! Thank you sir @hholler
CamperBot
@camperbot
Mar 29 2017 01:04
fistcake sends brownie points to @hholler :sparkles: :thumbsup: :sparkles:
:cookie: 125 | @hholler |http://www.freecodecamp.com/hholler
Helge Holler
@hholler
Mar 29 2017 01:05
@TeagueRB do you have your <script> section set up above?
Teague Barry
@TeagueRB
Mar 29 2017 01:05
@claytonflowers your parenthesis after function
Dhrumit Thakkar
@Dhrumit14
Mar 29 2017 01:05
I just want to add image src while working on codepen editor. Does GitHub good to host an image ?
Teague Barry
@TeagueRB
Mar 29 2017 01:05
@hholler <script>
$(document).ready(function() {
$("button").addClass("animated bounce");
});
$(".text-primary").addClass("animated shake");
});
</script>
CamperBot
@camperbot
Mar 29 2017 01:05
holler back!
Helge Holler
@hholler
Mar 29 2017 01:06
@TeagueRB you're closing the first function brackets { twice (line 3 and 5); throw out the one on line three and it should work
Manish Giri
@Manish-Giri
Mar 29 2017 01:07
@Supertechie2010 post code.
CodeProducer1
@CodeProducer1
Mar 29 2017 01:07
Hi, I am trying to change the color of a text to red. Can someone tell me what I should add or take away?<h2> style="color: red">CatPhotoApp</h2>
Dhrumit Thakkar
@Dhrumit14
Mar 29 2017 01:08
put style tag inside h2
Justin
@Supertechie2010
Mar 29 2017 01:08

Ok, so for the javascript section called stand in line where they want you to write a function called nextInLine that adds a number to the end of an array and then removes a number from the front and return that why would my coolde not be working
function nextInLine(arr, item) {
// Your code here
arr.push(item);
var num = arr.splice(0, 1);
return num; // Change this line
}

// Test Setup
var testArr = [1,2,3,4,5];

// Display Code
console.log("Before: " + JSON.stringify(testArr));
console.log(nextInLine(testArr, 6)); // Modify this line to test
console.log("After: " + JSON.stringify(testArr));

Dhrumit Thakkar
@Dhrumit14
Mar 29 2017 01:08
<h2 style="color: red">CatPhotoApp</h2> @CodeProducer1
Justin
@Supertechie2010
Mar 29 2017 01:09
when i run the various test args through my code it returns the vales specified but fcc is not recognizing it by marking as completed
Dhrumit Thakkar
@Dhrumit14
Mar 29 2017 01:10
I just want to add image src while working on codepen editor. Does GitHub good to host an image ?
Teague Barry
@TeagueRB
Mar 29 2017 01:11
@hholler I do not understand
CamperBot
@camperbot
Mar 29 2017 01:11
holler back!
Kaylan Walker
@Digicrest
Mar 29 2017 01:11
@Supertechie2010 you could just push and shift for that also
function nextInLine(arr, item) {
  arr.push(item);
  return arr.shift();
}
ShirlyW
@ShirlyW
Mar 29 2017 01:11
I try to add div in h3
Jay
@code4jay
Mar 29 2017 01:11
This cat app doesn't appear to be for beginners..
Clayton Flowers
@claytonflowers
Mar 29 2017 01:11
@TeagueRB still no luck, $(document).ready(function() {});
Justin
@Supertechie2010
Mar 29 2017 01:12
@Dhrumit14 i use https://postimage.io/
@Digicrest i'll try that
Kaylan Walker
@Digicrest
Mar 29 2017 01:12
@Supertechie2010 but i think the reason yours isnt working is because splice returns an array, even if it is only 1 element long
and it wants you to return a number not an array
console log the typeof your return value to check
Dhrumit Thakkar
@Dhrumit14
Mar 29 2017 01:13
@Supertechie2010 : Okay let me check that one
Kaylan Walker
@Digicrest
Mar 29 2017 01:14
@Supertechie2010 so to fix your code as is, you would want to return num[0] not just num
Helge Holler
@hholler
Mar 29 2017 01:14
@TeagueRB on line one you open a ready function with ( and then define a generic function with { ; both of these have to be closed again by });, but only once, so:
$(document).ready(function() {
$("button").addClass("animated bounce");
});
$(".text-primary").addClass("animated shake");
});
</script>
Justin
@Supertechie2010
Mar 29 2017 01:14
@Digicrest thanks that makes since thanks for the explination.
CamperBot
@camperbot
Mar 29 2017 01:14
supertechie2010 sends brownie points to @digicrest :sparkles: :thumbsup: :sparkles:
:cookie: 110 | @digicrest |http://www.freecodecamp.com/digicrest
Justin
@Supertechie2010
Mar 29 2017 01:15
@Digicrest that fixed it
Kaylan Walker
@Digicrest
Mar 29 2017 01:15
^^ np
Helge Holler
@hholler
Mar 29 2017 01:17
@ShirlyW what are you trying to accomplish? which challenge?
George Hadnott
@GeorgeHadnott
Mar 29 2017 01:27
Can someone please help. I'm trying to make a image smaller using width property. Here is my code:
<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
img .smaller-image {
width: 100px;
}
</style>
Manish Giri
@Manish-Giri
Mar 29 2017 01:29
@GeorgeHadnott img .smaller-image {
remove img
George Hadnott
@GeorgeHadnott
Mar 29 2017 01:29
I tried that. Still no pass @Manish-Giri
Manish Giri
@Manish-Giri
Mar 29 2017 01:30
@GeorgeHadnott did you add the smaller-image class to the img?
Lucia
@bubbaluchi
Mar 29 2017 01:30
Hi everyone! Today is my first day and I am already stuck with this request: Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.

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

Depender Singh
@depender
Mar 29 2017 01:30
@GeorgeHadnott use border-width :10px
Manish Giri
@Manish-Giri
Mar 29 2017 01:30
@bubbaluchi .font-size
this is wrong
you need to select p instead
Lucia
@bubbaluchi
Mar 29 2017 01:32
thanks @Manish-Giri !! I got it!
CamperBot
@camperbot
Mar 29 2017 01:32
bubbaluchi sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4970 | @manish-giri |http://www.freecodecamp.com/manish-giri
Avery
@KawaiiFerret
Mar 29 2017 01:32
Got a question! So I added this <div class="row"> <div class="col-md-8"> into my document with the intention of having an eight row and a four row to the side.
But it added the row without me adding it in
Why is this?
George Hadnott
@GeorgeHadnott
Mar 29 2017 01:33
@bubbaluchi use "border-width:10px instead of smaller-image?
Jorge
@jgutierrez710
Mar 29 2017 01:33
1 <style>
2 h2 {color: blue;}
3 </style>
4 <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>
Avery
@KawaiiFerret
Mar 29 2017 01:33
It's got the eight row and then the four row next to it
Jorge
@jgutierrez710
Mar 29 2017 01:33
why cant i get it to change to the blue it keeps being red
Avery
@KawaiiFerret
Mar 29 2017 01:33
but i never added the four row and when i do it pops it underneath the 8 row
@jgutierrez710 Do you have an h2 element present or are you attempting to color your p element?
Kaylan Walker
@Digicrest
Mar 29 2017 01:34
I don't really understand the bootstrap grid system myself yet but are you sure you didn't mean col-xs-8 and col-xs-4. It's divided into 12 xs per row i think, and 1 md is equal to 6xs @KawaiiFerret
or 4xs... i forgot already
Avery
@KawaiiFerret
Mar 29 2017 01:35
huh alright i'll go change it and see what it does thank you!
and yeah, it's 12 rows across the screen
Jorge
@jgutierrez710
Mar 29 2017 01:36
@KawaiiFerret i have the h2 element present.
Kaylan Walker
@Digicrest
Mar 29 2017 01:36
@jgutierrez710 in your css you have styled the h2, does it exist in your html?
Avery
@KawaiiFerret
Mar 29 2017 01:37
Perhaps refresh the page to start with, and then go from there? Or post the entire code string here. ^^
and col-xs-8 produces the same result
Kaylan Walker
@Digicrest
Mar 29 2017 01:37
what challnege you on avery?
Avery
@KawaiiFerret
Mar 29 2017 01:37
aren't the sizes for screen size?
I'm working on the portfolio
Kaylan Walker
@Digicrest
Mar 29 2017 01:38
ah kk, like i said im really not sure on anything bootstrap related, i was mainly guessing xd
badalsaibo
@heyDante
Mar 29 2017 01:38
@KawaiiFerret you know how the bootstrap grid system works?
Kaylan Walker
@Digicrest
Mar 29 2017 01:38
worrying thing is i just finished the bootstrap section.. maybe i should redo it and pay more attention
zfleitz
@zfleitz
Mar 29 2017 01:39
what am i doing wrong? <style>
<img src="https://bit.ly/fcc-relaxing-cat" .smaller-image { width: 100px; } </style>
Coy Sanders
@coymeetsworld
Mar 29 2017 01:39
style tags should only host CSS
badalsaibo
@heyDante
Mar 29 2017 01:39
@zfleitz why is this <img src="https://bit.ly/fcc-relaxing-cat" inside style?
Coy Sanders
@coymeetsworld
Mar 29 2017 01:40
should be similar to what you did with red-text
Jorge
@jgutierrez710
Mar 29 2017 01:40
how do i post the entire code string? sorry I'm new here lol
Coy Sanders
@coymeetsworld
Mar 29 2017 01:40
copy and paste
just like normal
Doni Yafi
@yafiwebdev
Mar 29 2017 01:41
put them between three of these ``
three before then new line, then copy, then three after
Jorge
@jgutierrez710
Mar 29 2017 01:41

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

Coy Sanders
@coymeetsworld
Mar 29 2017 01:41
You removed the h2 element, need to put it back
your style doesn't do anything because you have no h2 tags
Jorge
@jgutierrez710
Mar 29 2017 01:46
thankyou @coymeetsworld
CamperBot
@camperbot
Mar 29 2017 01:46
jgutierrez710 sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2364 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 01:46
hi can ayone help me in solving the question
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.

the code is<style>
.red-text { color: red;

p
{
font-size: 16%;
}
</style>

__mifflin__
@cdrainxv
Mar 29 2017 01:48
@manjotkaurghuman: Missing } here:
.red-text { color: red;
Also px not %
PotatoDynasty
@PotatoDynasty
Mar 29 2017 01:48
Hello. I'm trying to create a dead link, but I'm not sure where to place the #. Where does the href attribute go?
Helge Holler
@hholler
Mar 29 2017 01:48
@PotatoDynasty href="#"
PotatoDynasty
@PotatoDynasty
Mar 29 2017 01:49
Oh, so just <a #=...>?
Helge Holler
@hholler
Mar 29 2017 01:49
no, <a href=...>
PotatoDynasty
@PotatoDynasty
Mar 29 2017 01:49
Thennn replace the link with a #?
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 01:49
after applying % then also m not getting the ans
Helge Holler
@hholler
Mar 29 2017 01:50
@PotatoDynasty you simply replace the URL (everything from http://www.whatever...) by #
PotatoDynasty
@PotatoDynasty
Mar 29 2017 01:50
Okay, thanks
zfleitz
@zfleitz
Mar 29 2017 01:52
where do i put the image tag for this to work? <style>
.smaller-image {
width: 100px;
}
</style>
Helge Holler
@hholler
Mar 29 2017 01:53
@zfleitz below, after the <body>
Agata
@agatakj
Mar 29 2017 01:54

.cat-photo-element
{ background-color: green;

}
</style>

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

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

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

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

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

Your form element should have the background-color of green.
\
I can't get that one any ideas?
badalsaibo
@heyDante
Mar 29 2017 01:56
@agatakj your id is cat-photo-form
Agata
@agatakj
Mar 29 2017 01:57
@heyDante I did that and to doesn't work
badalsaibo
@heyDante
Mar 29 2017 01:57
to style IDs in CSS , it should follow like this
#yourID {
}
Agata
@agatakj
Mar 29 2017 01:58
<form action="/submit-cat-photo" id="cat-photo-form" id="cat-photo-form">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving<
badalsaibo
@heyDante
Mar 29 2017 01:58
why two IDs?
Agata
@agatakj
Mar 29 2017 01:59

cat-photo-element

{ background-color: green;

}
</style>

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

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

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

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

<form action="/submit-cat-photo" id="cat-photo-form" id="cat-photo-form">
<label><input type="radio" name="indoor-outdoor" checked>

zfleitz
@zfleitz
Mar 29 2017 01:59
@hholler can you show me? sorry if its a stupid question haha
CamperBot
@camperbot
Mar 29 2017 01:59
holler back!
badalsaibo
@heyDante
Mar 29 2017 01:59
@agatakj
#in the CSS before ID
to style IDs in CSS , it should follow like this
#yourID {
}
Agata
@agatakj
Mar 29 2017 02:00

cat-photo-element

{ background-color: green;

}

?
badalsaibo
@heyDante
Mar 29 2017 02:00
#cat-photo-element {
}
Agata
@agatakj
Mar 29 2017 02:00
there is # infront of csat
yes exactly
badalsaibo
@heyDante
Mar 29 2017 02:01
but your ids name doesnt match
Agata
@agatakj
Mar 29 2017 02:01
I have that
badalsaibo
@heyDante
Mar 29 2017 02:01
your id is cat-photo-form
see your code
Agata
@agatakj
Mar 29 2017 02:01
aaaaaa got it THANK YOU
@heyDante thank you
badalsaibo
@heyDante
Mar 29 2017 02:02
Also you have two IDs id="cat-photo-form" id="cat-photo-form" . remove one
Helge Holler
@hholler
Mar 29 2017 02:02
@zfleitz sorry, forgot that the system doesn't have <html>, <head> or <body>
<style>
...
</style>

<img class="..." src="...">
Agata
@agatakj
Mar 29 2017 02:03
@heyDante
@heyDante says this #cat-photo-element
badalsaibo
@heyDante
Mar 29 2017 02:03
Set your id name to the name they told you
totefu
@totefu
Mar 29 2017 02:04
hellooooo?
badalsaibo
@heyDante
Mar 29 2017 02:04
maybe you need to have cat-photo-element instead of cat-photo-form @agatakj
totefu
@totefu
Mar 29 2017 02:04
could someone help me
badalsaibo
@heyDante
Mar 29 2017 02:04
@totefu will try :smile:
Agata
@agatakj
Mar 29 2017 02:04
@heyDante did that and nope
badalsaibo
@heyDante
Mar 29 2017 02:05
What does the error says?
totefu
@totefu
Mar 29 2017 02:05
how do i show you what i have
like helge holler did
CamperBot
@camperbot
Mar 29 2017 02:05
holler back!
Agata
@agatakj
Mar 29 2017 02:05
@heyDante Your form element should have the background-color of green.
badalsaibo
@heyDante
Mar 29 2017 02:05
@totefu copy/paste your code with backticks
CamperBot
@camperbot
Mar 29 2017 02:05
:bulb: to format code use backticks! ``` more info
badalsaibo
@heyDante
Mar 29 2017 02:06
@agatakj show your code
Agata
@agatakj
Mar 29 2017 02:06
@heyDante

@heyDante

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

.smaller-image {
width: 100px;
}

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

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

}
</style>

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

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

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

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

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

totefu
@totefu
Mar 29 2017 02:06
<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>
okay i dont get the style stuff
badalsaibo
@heyDante
Mar 29 2017 02:07

@agatakj

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

}

it should be cat-photo-form right?

totefu
@totefu
Mar 29 2017 02:07

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

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

it says i should do this
badalsaibo
@heyDante
Mar 29 2017 02:07
@totefu the style tags is your CSS. Inside that you write your CSS stuffs
zfleitz
@zfleitz
Mar 29 2017 02:08

@hholler like this? <style>
.smaller-image {
width: 100px;
}
</style>

<image class="smaller-image" src="https://bit.ly/fcc-relaxing-cat"

CamperBot
@camperbot
Mar 29 2017 02:08
holler back!
badalsaibo
@heyDante
Mar 29 2017 02:08
to create a class inside your CSS do this
.yourClass {
}
Agata
@agatakj
Mar 29 2017 02:08
@heyDante yes I got exactly that and still not working
:(
totefu
@totefu
Mar 29 2017 02:09
ooooooooooooh
thanks @heyDante
CamperBot
@camperbot
Mar 29 2017 02:09
totefu sends brownie points to @heydante :sparkles: :thumbsup: :sparkles:
:cookie: 600 | @heydante |http://www.freecodecamp.com/heydante
totefu
@totefu
Mar 29 2017 02:09
that helps
Helge Holler
@hholler
Mar 29 2017 02:09
@zfleitz almost. use <img>instead of <image> and don't forget to close the element with >
badalsaibo
@heyDante
Mar 29 2017 02:09
@agatakj id="cat-photo-form" id="cat-photo-element" why having two?
what does it say to have? `form or element
Agata
@agatakj
Mar 29 2017 02:09
because when I remove one I have more errors
@heyDante Give your form element the id of cat-photo-form.
Your form element should have the background-color of green.
Make sure your form element has an id attribute.
Do not give your form any class or style attributes.
badalsaibo
@heyDante
Mar 29 2017 02:10
@agatakj remove id="cat-photo-element"
kmhubert
@kmhubert
Mar 29 2017 02:10

Hey, what am I doing wrong here, any help? ```<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
h1 {
.pink-text: pink;
}
</style>

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

totefu
@totefu
Mar 29 2017 02:10
'''js
CamperBot
@camperbot
Mar 29 2017 02:10
:bulb: to format code use backticks! ``` more info
Agata
@agatakj
Mar 29 2017 02:10
@kmhubert
totefu
@totefu
Mar 29 2017 02:10

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

CamperBot
@camperbot
Mar 29 2017 02:10
:bulb: to format code use backticks! ``` more info
totefu
@totefu
Mar 29 2017 02:11
 <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>
Agata
@agatakj
Mar 29 2017 02:11
@kmhubert what do you need to do?
badalsaibo
@heyDante
Mar 29 2017 02:11
@totefu good. Now just add the class to the element you want.
totefu
@totefu
Mar 29 2017 02:11
what am i doing wrong here? my text is not red
Agata
@agatakj
Mar 29 2017 02:11
@totefu I think you need to add class
@totefu <h2 class="red-text">CatPhotoApp</h2>
kmhubert
@kmhubert
Mar 29 2017 02:12
I need to make the text pink, and have a pink-text CSS class withing the styele
Sorry, within <style>
totefu
@totefu
Mar 29 2017 02:12
@agatakj where do i add that?
badalsaibo
@heyDante
Mar 29 2017 02:12
@kmhubert see the previous example of how you did it for red-text
Agata
@agatakj
Mar 29 2017 02:12
@totefu after style
@totefu in your h2
badalsaibo
@heyDante
Mar 29 2017 02:13
@totefu to the element you like?
giang1987
@giang1987
Mar 29 2017 02:13
<style>
h1 {
color: pink;
}
</style>
Agata
@agatakj
Mar 29 2017 02:13
@totefu you should have h2 tag created with text CatPhotoAPp
Carl
@imoverit0026
Mar 29 2017 02:14
Hello all.. how is everyone?
totefu
@totefu
Mar 29 2017 02:14
@agatakj okay that helped a lot
@agatakj but now it says my h2 element should be red
Agata
@agatakj
Mar 29 2017 02:14
@heyDante as soon as I remove one id I have more errors
badalsaibo
@heyDante
Mar 29 2017 02:14

@totefu this is your h2 element in your code.

<h2>CatPhotoApp</h2>

Classes are added to element in this way

<h2 class="yourClass">CatPhotoApp</h2>
Carl
@imoverit0026
Mar 29 2017 02:15
quick question im tryinh to finish one of the challenges and Its saying im not doing it correct..
Agata
@agatakj
Mar 29 2017 02:15

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

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

Carl
@imoverit0026
Mar 29 2017 02:15
has any one else have problem adding font size
totefu
@totefu
Mar 29 2017 02:15
@agatakj @heyDante thanks a lot guys i got it
CamperBot
@camperbot
Mar 29 2017 02:15
totefu sends brownie points to @agatakj and @heydante :sparkles: :thumbsup: :sparkles:
:warning: @agatakj's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
:warning: totefu already gave heydante points
Carl
@imoverit0026
Mar 29 2017 02:16
to element p.. font 16
badalsaibo
@heyDante
Mar 29 2017 02:16
@agatakj remove that as it is not needed.
zfleitz
@zfleitz
Mar 29 2017 02:16
whats the problem with this? <style>
.smaller-image {
width: 100px;
}
</style>
<img> class="smaller-image" src="https://bit.ly/fcc-relaxing-cat">
Agata
@agatakj
Mar 29 2017 02:16

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

Carl
@imoverit0026
Mar 29 2017 02:16

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

} </p>

Does anone see a problem wit hthis one by chance?
Helge Holler
@hholler
Mar 29 2017 02:17

@kmhubert
h1 { .pink-text: pink; }
should be .pink-text {...}
and inside the curly brackets you'd have to use color: ...

<h1 class=pink-text>Hello World!</h1>
to call the class you declared above you need to use class="..." (quotation marks)

Agata
@agatakj
Mar 29 2017 02:17

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

badalsaibo
@heyDante
Mar 29 2017 02:17
Okay i need to go now. bye guys
Carl
@imoverit0026
Mar 29 2017 02:17
Inside the same <style> tag that contains your red-text class, create an entry for p elements and set the font-size to 16 pixels (16px).
B2theizzo
@Sgt-Toast
Mar 29 2017 02:18
Remove the <> from your p in stylr
style
Carl
@imoverit0026
Mar 29 2017 02:18
ok thank you ill try it
Helge Holler
@hholler
Mar 29 2017 02:19
@imoverit0026 yes. you need to declare p {font-size: ...}
kmhubert
@kmhubert
Mar 29 2017 02:19
Thanks for the help, @heyDante , that got me there
CamperBot
@camperbot
Mar 29 2017 02:19
kmhubert sends brownie points to @heydante :sparkles: :thumbsup: :sparkles:
:cookie: 601 | @heydante |http://www.freecodecamp.com/heydante
kmhubert
@kmhubert
Mar 29 2017 02:20
@hholler thank you!
CamperBot
@camperbot
Mar 29 2017 02:20
kmhubert sends brownie points to @hholler :sparkles: :thumbsup: :sparkles:
:cookie: 126 | @hholler |http://www.freecodecamp.com/hholler
zfleitz
@zfleitz
Mar 29 2017 02:22
@hholler whats the problem? <style>
.smaller-image {
width: 100px;
}
</style>
<img> class="smaller-image" src="https://bit.ly/fcc-relaxing-cat">
CamperBot
@camperbot
Mar 29 2017 02:22
holler back!
Josh Clemons
@Jclemons2123
Mar 29 2017 02:23
can anyone explain something that is wrong with the following code?? Ive looked at it a million times and read the directions multiple times but yet its still telling me something is wrong

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

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

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

Geoffrey Lai
@azngeoffdog
Mar 29 2017 02:23
@zfleitz you've already closed the img tag before the class and src attributes (i.e. <img> needs to be <img)
Helge Holler
@hholler
Mar 29 2017 02:23
@zfleitz you're closing the <img> element right after opening it and the attributes class and src stay outside; it should be <img class="..." src="...">
Geoffrey Lai
@azngeoffdog
Mar 29 2017 02:24
@Jclemons2123 css properties aren't in uppercase or capitalized (i.e. Color needs to be color)
Josh Clemons
@Jclemons2123
Mar 29 2017 02:25
okay thanks a bunch @azngeoffdog Geoffrey Lai
CamperBot
@camperbot
Mar 29 2017 02:25
jclemons2123 sends brownie points to @azngeoffdog :sparkles: :thumbsup: :sparkles:
:cookie: 148 | @azngeoffdog |http://www.freecodecamp.com/azngeoffdog
Geoffrey Lai
@azngeoffdog
Mar 29 2017 02:25
@Jclemons2123 also, check your <p> tag
zfleitz
@zfleitz
Mar 29 2017 02:26
@hholler like this? <img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat">
CamperBot
@camperbot
Mar 29 2017 02:26
holler back!
Optical Quantum Virus
@CyberWarriors
Mar 29 2017 02:26
😭
Helge Holler
@hholler
Mar 29 2017 02:26
@zfleitz yes
Optical Quantum Virus
@CyberWarriors
Mar 29 2017 02:27
👾
zfleitz
@zfleitz
Mar 29 2017 02:27
@hholler hmmm...it still isnt working
CamperBot
@camperbot
Mar 29 2017 02:27
holler back!
Helge Holler
@hholler
Mar 29 2017 02:28
which challenge is that? and can you show all of your code?
CharlieAguilera090
@CharlieAguilera090
Mar 29 2017 02:28
how do i insert a class with an img src?
Geoffrey Lai
@azngeoffdog
Mar 29 2017 02:29
@CharlieAguilera090 img with a src and class are done like such: <img class="classname" src="sourcelink">
Optical Quantum Virus
@CyberWarriors
Mar 29 2017 02:29
@Josh u can not use dash like this "red-text" u can use it like this "red_text"
totefu
@totefu
Mar 29 2017 02:29
.smaller-image {
width: 100px;
}
what am i doing wrong with this class?
Optical Quantum Virus
@CyberWarriors
Mar 29 2017 02:30
Use _ instead of this -
Agata
@agatakj
Mar 29 2017 02:30

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

.smaller-image {
width: 100px;
}

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

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

}
</style>

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

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

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

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

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

Try giving your form, which now has the id attribute of cat-photo-form, a green background.

And I get Your form element should have the background-color of green. ERROR

zfleitz
@zfleitz
Mar 29 2017 02:30

@hholler its "size your images" 23

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

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

<img> class="smaller-image" src="https://bit.ly/fcc-relaxing-cat
<style>
.smaller-image {
width: 100px;
}
</style>
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat">

CamperBot
@camperbot
Mar 29 2017 02:30
holler back!
Optical Quantum Virus
@CyberWarriors
Mar 29 2017 02:30
Use underscore instead of upper score
Tiffany
@tiffanymakes
Mar 29 2017 02:31
@agatakj you haven't changed the form ID to cat-photo-form
Geoffrey Lai
@azngeoffdog
Mar 29 2017 02:31
@zfleitz
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

.smaller-image {
  width: 100px;
}
</style>
<h2 class="red-text">CatPhotoApp</h2>
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
<img> class="smaller-image" src="https://bit.ly/fcc-relaxing-cat
Tiffany
@tiffanymakes
Mar 29 2017 02:32
@totefu It looks fine. What does your HTML look like and what were the instructions?
Agata
@agatakj
Mar 29 2017 02:32
@tiffanymakes what do you mean?
Coy Sanders
@coymeetsworld
Mar 29 2017 02:32
@agatakj you should only have one id in your form
Helge Holler
@hholler
Mar 29 2017 02:32
@zfleitz I see; you've added a second <style> section below everthing else; you should move your definition of .smaller-image to the <style> section at the top; also, you just have to add the class to the <img>-element you already have in there (right below <h2>)
Tiffany
@tiffanymakes
Mar 29 2017 02:32
@agatakj "Try giving your form, which now has the id attribute of cat-photo-form, a green background."
totefu
@totefu
Mar 29 2017 02:33

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

h2 {
font-family: Lobster, Monospace;
}

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

my style looks like this right now (with the close thing on the bottom)
Your img element should have the class smaller-image.
Your image should be 100 pixels wide. Browser zoom should be at 100%.
these were the instructions
but it says its wrong
Agata
@agatakj
Mar 29 2017 02:33
@coymeetsworld I am confused
Coy Sanders
@coymeetsworld
Mar 29 2017 02:34
@totefu style looks fine, but you most likely haven't assigned the class to the img tag
Agata
@agatakj
Mar 29 2017 02:34
@coymeetsworld when I remove any tag I get more errors
totefu
@totefu
Mar 29 2017 02:34
how do i do that @coymeetsworld
Tiffany
@tiffanymakes
Mar 29 2017 02:34
@totefu It looks good. The problem might be with your HTML.
totefu
@totefu
Mar 29 2017 02:34
@tiffanymakes how do i add the img tag?
Coy Sanders
@coymeetsworld
Mar 29 2017 02:34
<form action="/submit-cat-photo" id="cat-photo-form" id="#cat-photo-element"> @agatakj this isn't right. Also cat-photo-element I believe is just an example. Check the instructions again for what to do. You shouldn't be putting any example code in your app
Geoffrey Lai
@azngeoffdog
Mar 29 2017 02:34
@totefu your <img> tag needs the class attribute of smaller-image like <img class="smaller-image"...>
Coy Sanders
@coymeetsworld
Mar 29 2017 02:34
@totefu same way you assigned classes for h2/p tags, with the class attribute
totefu
@totefu
Mar 29 2017 02:35
oooooh coooooool
Agata
@agatakj
Mar 29 2017 02:35
@coymeetsworld no that was all good only problem is the color
totefu
@totefu
Mar 29 2017 02:35
thanks @azngeoffdog @coymeetsworld @tiffanymakes
CamperBot
@camperbot
Mar 29 2017 02:35
totefu sends brownie points to @azngeoffdog and @coymeetsworld and @tiffanymakes :sparkles: :thumbsup: :sparkles:
Coy Sanders
@coymeetsworld
Mar 29 2017 02:35
no that line is definitely not right @agatakj
Tiffany
@tiffanymakes
Mar 29 2017 02:35
@totefu :thumbsup:
Agata
@agatakj
Mar 29 2017 02:36
@coymeetsworld I removed the #
that was wrong for sure
CamperBot
@camperbot
Mar 29 2017 02:36
api offline
api offline
api offline
totefu
@totefu
Mar 29 2017 02:36
woah what happened
Coy Sanders
@coymeetsworld
Mar 29 2017 02:36
the # should not be there
that should only be there when you define an id, not reference it
well FCC is down
totefu
@totefu
Mar 29 2017 02:37
whats FCC?
Helge Holler
@hholler
Mar 29 2017 02:37
FCC = freeCodeCamp
Agata
@agatakj
Mar 29 2017 02:37
@coymeetsworld I did place it only on <style> part ... I still don't get the green

@coymeetsworld

cat-photo-element

{ background-color: green;

}
</style>

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

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

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

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

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

totefu
@totefu
Mar 29 2017 02:37
this is rlly cool stuff
Agata
@agatakj
Mar 29 2017 02:38
@coymeetsworld and as soon as I remove the id "cat-photo-form" I get lots of errors
Coy Sanders
@coymeetsworld
Mar 29 2017 02:38
@agatakj cat-photo-form is the id you need to create
Helge Holler
@hholler
Mar 29 2017 02:38
@agatakj could you try
<form action="/submit-cat-photo" id="cat-photo-form">
Coy Sanders
@coymeetsworld
Mar 29 2017 02:39
cat-photo-element is just an example, that should not be in your html or your css
Agata
@agatakj
Mar 29 2017 02:39
@hholler I did more errors
CamperBot
@camperbot
Mar 29 2017 02:39
holler back!
Coy Sanders
@coymeetsworld
Mar 29 2017 02:39
:/
the form is correct, although @hholler please don't provide solutions
CamperBot
@camperbot
Mar 29 2017 02:39
holler back!
Agata
@agatakj
Mar 29 2017 02:39
@coymeetsworld OMG thank you!!
CamperBot
@camperbot
Mar 29 2017 02:39
agatakj sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2366 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Mar 29 2017 02:39
np @agatakj
Agata
@agatakj
Mar 29 2017 02:40
I did that before and messed up on the other part
this makes sense
Helge Holler
@hholler
Mar 29 2017 02:40
@agatakj could you just post your <form ...> line again?
Agata
@agatakj
Mar 29 2017 02:40
@hholler solved
CamperBot
@camperbot
Mar 29 2017 02:40
holler back!
Agata
@agatakj
Mar 29 2017 02:41
@hholler it was my <style> line was wrong
CamperBot
@camperbot
Mar 29 2017 02:41
holler back!
Helge Holler
@hholler
Mar 29 2017 02:41
ok, glad you solved it
Coy Sanders
@coymeetsworld
Mar 29 2017 02:41
and your form tag too, needed to remove the duplicate id attribute
zfleitz
@zfleitz
Mar 29 2017 02:41
@hholler thanks!
CamperBot
@camperbot
Mar 29 2017 02:41
zfleitz sends brownie points to @hholler :sparkles: :thumbsup: :sparkles:
:cookie: 127 | @hholler |http://www.freecodecamp.com/hholler
Agata
@agatakj
Mar 29 2017 02:42
@hholler I did not @coymeetsworld did :)
CamperBot
@camperbot
Mar 29 2017 02:42
holler back!
Agata
@agatakj
Mar 29 2017 02:42
@camperbot holler
CamperBot
@camperbot
Mar 29 2017 02:42
holler back!
Richard Andreasen
@Richand83
Mar 29 2017 02:43
how long has it taken any of you guys to make the portfolio webpage
seems like it's taking me forever
sethbernard
@sethbernard
Mar 29 2017 02:45
Hey everyone, I'm wondering if it's possible to make an icon bigger that I grabbed from an api. I'm currently working on the weather app
Helge Holler
@hholler
Mar 29 2017 02:47
@sethbernard should be; what format is the icon in?
totefu
@totefu
Mar 29 2017 02:49
how do link to a dead link?
do i just erase the link?
Geoffrey Lai
@azngeoffdog
Mar 29 2017 02:49
@totefu make a href with "#"
sethbernard
@sethbernard
Mar 29 2017 02:50
@hholler the icon is a png
CamperBot
@camperbot
Mar 29 2017 02:50
holler back!
Helge Holler
@hholler
Mar 29 2017 02:50
@sethbernard then I'd try width and height with CSS
totefu
@totefu
Mar 29 2017 02:50
<p>Click here for <a #="http://www.freecatphotoapp.com">cat photos</a>.</p>
i did that here
elviswolcott
@elviswolcott
Mar 29 2017 02:50
any idea why inline elements don't accept centering through text-align or float?
totefu
@totefu
Mar 29 2017 02:50
did i do it wrong?
Geoffrey Lai
@azngeoffdog
Mar 29 2017 02:50
@totefu ahh
Helge Holler
@hholler
Mar 29 2017 02:50
@totefu where's your href=
Geoffrey Lai
@azngeoffdog
Mar 29 2017 02:50
@totefu a tags are in the form of <a href="link"...>Link Name</a>
totefu
@totefu
Mar 29 2017 02:51
<p>Click here for <a href="http://www.freecatphotoapp.com">cat photos</a>.</p>
so i keep it like this
Geoffrey Lai
@azngeoffdog
Mar 29 2017 02:51
@totefu yep
Coy Sanders
@coymeetsworld
Mar 29 2017 02:51
@totefu you need to replace the href value (i.e. the link), not the name of the attribute
Geoffrey Lai
@azngeoffdog
Mar 29 2017 02:52
@totefu ^
totefu
@totefu
Mar 29 2017 02:52
i seeeeee
okay i got it
but whats the point of that may i ask
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 02:52
hi please me
totefu
@totefu
Mar 29 2017 02:52
of putting the hash
sethbernard
@sethbernard
Mar 29 2017 02:52
@hholler I already tried that, but can't seem to get it to work. Here's the codepen if you want to take a look https://codepen.io/sethbernard/full/NpyEGx/
CamperBot
@camperbot
Mar 29 2017 02:52
holler back!
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 02:52
Your image should have a src attribute that points to the kitten image.
totefu
@totefu
Mar 29 2017 02:52
is it just to work ahead, not knowing what link to put yet?
Jaka
@JakaTingker
Mar 29 2017 02:52
holla
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 02:52
<img src="https://i1188.photobuckets.com/albums/h412/browndog341/32338_cat-cts-cute-kitten-photography-favimcom-142513.jpj">
Coy Sanders
@coymeetsworld
Mar 29 2017 02:52
@totefu so the link doesn't go anywhere, or well technically I think it goes to the top of the page
Geoffrey Lai
@azngeoffdog
Mar 29 2017 02:52
@totefu # is a target to an id in the page, but no id was specified hence it's a dead link
totefu
@totefu
Mar 29 2017 02:53
i seeee thanks
Coy Sanders
@coymeetsworld
Mar 29 2017 02:53
if you have ids in your pages you could use them as local links
<a href="#contact">Contact</a> would go to the section that has an id of contact, for instance <div id="contact">
Claudio Restifo
@Marmiz
Mar 29 2017 02:58

@manjotkaurghuman is this:

<img src="https://i1188.photobuckets.com/albums/h412/browndog341/32338_cat-cts-cute-kitten-photography-favimcom-142513.jpj">

The image you're submitting to the challenge? Cos I remember having a different url.

Helge Holler
@hholler
Mar 29 2017 02:59
@sethbernard I think you should use the CSS for #icon img { width:100px; height: 100px} or whatever size you like
if you give the size just to the #icon, it won't do anything since the actual icon is sitting inside that container
sethbernard
@sethbernard
Mar 29 2017 03:04
@hholler Thanks so much! I appreciate it
CamperBot
@camperbot
Mar 29 2017 03:04
sethbernard sends brownie points to @hholler :sparkles: :thumbsup: :sparkles:
:cookie: 128 | @hholler |http://www.freecodecamp.com/hholler
totefu
@totefu
Mar 29 2017 03:05
<form action="/submit-cat-photo" <input type="text" placeholder="cat photo URL"></form>
have i next my input incorrectly?
nested*
Geoffrey Lai
@azngeoffdog
Mar 29 2017 03:05
@totefu missing the closing angle bracket
@totefu <form action="/submit-cat-photo">...</form>
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 03:10
hi please help me in solving the query
Your image should have a src attribute that points to the kitten image.
james umali
@indefinite0212
Mar 29 2017 03:11
@manjotkaurghuman what is it?
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 03:11
the code is
mg src="https://www.your-image-source.com/your-image.jpg">
<img src="https://www.your-image-source.com/your-image.jpg" alt="Author standing on a beach with two thumbs up. ">
i have to add the image
james umali
@indefinite0212
Mar 29 2017 03:11
@manjotkaurghuman you have the wrong link
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 03:12
please tell me right link
james umali
@indefinite0212
Mar 29 2017 03:12
it is in the instruction
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 03:12
https://bit.ly/fcc-relaxing-cat
<img src="https://i1188.photobuckets.com/albums/h412/browndog341/32338_cat-cts-cute-kitten-photography-favimcom-142513.jpj">
james umali
@indefinite0212
Mar 29 2017 03:12
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 03:12
yeah i have implemented it
james umali
@indefinite0212
Mar 29 2017 03:13
where?
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 03:13
but its not working
james umali
@indefinite0212
Mar 29 2017 03:13
show your code
Carter4502
@Carter4502
Mar 29 2017 03:13
guys
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info">Info</button>
</div>
<div class="col-xs-4>">
<button class="btn btn-block btn-danger">Delete</button>
</div>
</div>
it says Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4.
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 03:14

https://bit.ly/fcc-relaxing-cat
<img src="https://i1188.photobuckets.com/albums/h412/browndog341/32338_cat-cts-cute-kitten-photography-favimcom-142513.jpj">

 <img src="https://www.your-image-source.com/your-image.jpg">

<img src="https://www.your-image-source.com/your-image.jpg" alt="Author standing on a beach with two thumbs up. ">

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

totefu
@totefu
Mar 29 2017 03:14
<label><input type="radio" name="indoor-outdoor"indoor</label>
did i do anything wrong here?
CharlieAguilera090
@CharlieAguilera090
Mar 29 2017 03:14
can someone help?Your a element should have the anchor text of "cat photos".
You need an a element that links to http://freecatphotoapp.com
Make sure your a element has a closing tag. my code:<p>"cat photos"<a href = "http://freecatphotoapp.com"></a></p>
Geoffrey Lai
@azngeoffdog
Mar 29 2017 03:14
@Carter4502 did you try refreshing the browser and resubmitting?
james umali
@indefinite0212
Mar 29 2017 03:15
@Carter4502 <div class="col-xs-4>"> this is the problem
Geoffrey Lai
@azngeoffdog
Mar 29 2017 03:15
@Carter4502 on second thought ^
Carter4502
@Carter4502
Mar 29 2017 03:15
whats the problem with that?
totefu
@totefu
Mar 29 2017 03:15
wait i got it
james umali
@indefinite0212
Mar 29 2017 03:15
@manjotkaurghuman src="https://bit.ly/fcc-relaxing-cat"
<div class="col-xs-4"> @Carter4502
not <div class="col-xs-4>">
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 03:16
thanks
Carter4502
@Carter4502
Mar 29 2017 03:17
Ohhh
thanks!
totefu
@totefu
Mar 29 2017 03:17
these are my two lines of code
<label><input type="radio" name="indoor-outdoor" Indoor></label>
<label><input type="radio" name="indoor-outdoor" Outdoor></label>
CharlieAguilera090
@CharlieAguilera090
Mar 29 2017 03:17
anyone?
totefu
@totefu
Mar 29 2017 03:17
how do i name it indoor and outdoor
I GOT IT
james umali
@indefinite0212
Mar 29 2017 03:17
@totefu <label><input type="radio" name="indoor-outdoor" >Indoor</label>
apply that also in your Outdoor
totefu
@totefu
Mar 29 2017 03:17
i love this
Claudio Restifo
@Marmiz
Mar 29 2017 03:18
@totefu the name indoor and outdoor must be enclosed in the input to be shown
ke2933
@ke2933
Mar 29 2017 03:18

<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target1").prop("disabled", true);
$("#target4").remove();
$("#target2").appendTo("#right-well");
$("#target5").clone().appendTo("#left-well");
$("#target1").parent().css("background-color", "red");
$("#right-well").children().css("color", "orange");

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

Claudio Restifo
@Marmiz
Mar 29 2017 03:18
<input>Name</input>
ke2933
@ke2933
Mar 29 2017 03:18
The second element in your target elements should bounce.
help
Claudio Restifo
@Marmiz
Mar 29 2017 03:19

@CharlieAguilera090

Your a element should have the anchor text of "cat photos".

<a href="..">The text the link display</a>
james umali
@indefinite0212
Mar 29 2017 03:19
@ke2933 what is the name of the challenge?
Claudio Restifo
@Marmiz
Mar 29 2017 03:20
@ke2933 I don't see anywhere a classanimated bounce added.
Tanisha Garg
@TanishaGarg
Mar 29 2017 03:25
How to nest a form element in HTML within an input element?
james umali
@indefinite0212
Mar 29 2017 03:26
<form><input></form> @TanishaGarg
Geoffrey Lai
@azngeoffdog
Mar 29 2017 03:27
@ke2933 use :nth-child in your jquery selector (just on this question now)
ke2933
@ke2933
Mar 29 2017 03:27
@james 11
11
113
113
Geoffrey Lai
@azngeoffdog
Mar 29 2017 03:29
@ke2933 the example: $(".target:nth-child(3)").addClass("animated bounce"); gives you quite the hint on you to do it. Only requiring you to mod only part of it.
subarna5
@subarna5
Mar 29 2017 03:38
Hello i need help

<style>

.red-text {
color: red;
}

how can i make paragraph font size 16 here?
within the style
<style>


.red-text {
color: red;
}

</style>
yanlos
@yanlos
Mar 29 2017 03:40
jsut do size: 16;
Nishant Bhatt
@nishantbhatt15
Mar 29 2017 03:40
<style>
.red-text {
color: red;
}
p {
font-size: 16px;} </style>
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 03:41
hi please help me
subarna5
@subarna5
Mar 29 2017 03:41
Thank you
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 03:41

https://bit.ly/fcc-relaxing-cat
<img src="https://i1188.photobuckets.com/albums/h412/browndog341/32338_cat-cts-cute-kitten-photography-favimcom-142513.jpj">

<img src="https://www.your-image-source.com/your-image.jpg" alt="Author standing on a beach with two thumbs up. ">

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

its not working yet
Nishant Bhatt
@nishantbhatt15
Mar 29 2017 03:41
@subarna5 this should do it
Geoffrey Lai
@azngeoffdog
Mar 29 2017 03:41
@manjotkaurghuman the first img src, ends with .jpj?
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 03:43
its jpg
still its not working
Geoffrey Lai
@azngeoffdog
Mar 29 2017 03:43
@manjotkaurghuman yes, however jpeg files end with .jpg
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 03:43
yeah i knew it
its by mistake
Nishant Bhatt
@nishantbhatt15
Mar 29 2017 03:44
@subarna5 let me know if it solves the issue
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 03:44
its still not executed
Geoffrey Lai
@azngeoffdog
Mar 29 2017 03:44
@manjotkaurghuman ok, what's the challenge question failing you on?
Manish Giri
@Manish-Giri
Mar 29 2017 03:44
@Marmiz around?
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 03:44
Your image should have a src attribute that points to the kitten image.
this is the problm
Geoffrey Lai
@azngeoffdog
Mar 29 2017 03:44
@manjotkaurghuman what's the src in the example?
Claudio Restifo
@Marmiz
Mar 29 2017 03:45
@Manish-Giri :wave:
Manish Giri
@Manish-Giri
Mar 29 2017 03:45
@Marmiz :wave:
I finally used .reduce() in a challenge :stuck_out_tongue:
Write a function called "getStringLength".
Given a string, "getStringLength" returns the length of the given string.
Notes:
  • Do NOT use any native 'length' methods.
  • You might consider using 'substring' or 'slice' as alternatives.
Claudio Restifo
@Marmiz
Mar 29 2017 03:45
@manjotkaurghuman you have 4 different images in you code. Only keep one :)
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 03:45

<img src="https://www.your-image-source.com/your-image.jpg">

All img elements must have an alt attribute. The text inside an alt attribute is used for screen readers to improve accessibility and is displayed if the image fails to load.

Lets add an alt attribute to our img example above:

<img src="https://www.your-image-source.com/your-image.jpg" alt="Author standing on a beach with two thumbs up. ">

this is the ques
Geoffrey Lai
@azngeoffdog
Mar 29 2017 03:46
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 03:46
Manish Giri
@Manish-Giri
Mar 29 2017 03:46
@Marmiz
function getStringLength(string) {
  // your code here
  return string.split(' ').reduce(function(acc, curr){
    return acc + 1;
  }, 0);
}
Geoffrey Lai
@azngeoffdog
Mar 29 2017 03:46
@manjotkaurghuman this is the explicit src you need
jusgoose
@gusd773
Mar 29 2017 03:47
anybody wanna help? my idea to altering only one item in my list would be to nest the item as another list within an already listed item but I am not sure if that would be the swift way to go about it
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 03:47
its still not working
Claudio Restifo
@Marmiz
Mar 29 2017 03:47

@Manish-Giri :clap: :clap:
Now you're ready to use Redux and don't understand why it's working :P

also perhaps a check if(string) just to be sure?

Manish Giri
@Manish-Giri
Mar 29 2017 03:47
:smile:
Geoffrey Lai
@azngeoffdog
Mar 29 2017 03:48
@manjotkaurghuman you have an img with that href? (https://bit.ly/fcc-relaxing-cat)
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 03:48
yeah
what next
Geoffrey Lai
@azngeoffdog
Mar 29 2017 03:48
@manjotkaurghuman the alt attribute
Claudio Restifo
@Marmiz
Mar 29 2017 03:48
@manjotkaurghuman have you removed the unecessary images?
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 03:48
yeah
Claudio Restifo
@Marmiz
Mar 29 2017 03:49
@gusd773 well, if you have a list and want to target only a specific one... you can give that li and id.
andrewestes
@andrewestes
Mar 29 2017 03:49

Looking for some help on the palindrome test.
Just a fresh reminder, got to reverse the string to see if it is a palindrome and remove all non-alpha numeric characters.
Thought this should work, but it isn't. Any tips or help would be much appreciated.

'function palindrome(str) {
str.replace(/\W+/g, " ").split("").reverse().join();
return true;

}

palindrome("not a palindrome");'

Claudio Restifo
@Marmiz
Mar 29 2017 03:49
or use JS to target it @gusd773
@Manish-Giri where those "challenges" comes from?
Geoffrey Lai
@azngeoffdog
Mar 29 2017 03:49
@manjotkaurghuman have you put an alt attribute in the img?
jusgoose
@gusd773
Mar 29 2017 03:50
@Marmiz dope I wasn't sure if i could use the id tag on <li> items
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 03:50
yeah
Manish Giri
@Manish-Giri
Mar 29 2017 03:50
the "basic" prep version
Claudio Restifo
@Marmiz
Mar 29 2017 03:50
@manjotkaurghuman can you paste your code? (formatted please?)
Geoffrey Lai
@azngeoffdog
Mar 29 2017 03:50
@manjotkaurghuman what's ur code look like currently?
Claudio Restifo
@Marmiz
Mar 29 2017 03:50
@gusd773 :+1:
jusgoose
@gusd773
Mar 29 2017 03:51
thank you @Marmiz
AngryFour
@AngryFour
Mar 29 2017 03:51
Hello World! I'm brand new to coding and I just started the HTML challenges on fcc. I'm stuck on the simple challenge where you change your <h2> color to blue. I have the code exactly how fcc is showing me and it's still saying my h2 element should not be red. Any suggestions?
CamperBot
@camperbot
Mar 29 2017 03:51
gusd773 sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 778 | @marmiz |http://www.freecodecamp.com/marmiz
Claudio Restifo
@Marmiz
Mar 29 2017 03:51
@Manish-Giri thanks :) i'll give it a look
CamperBot
@camperbot
Mar 29 2017 03:51
marmiz sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4971 | @manish-giri |http://www.freecodecamp.com/manish-giri
james umali
@indefinite0212
Mar 29 2017 03:51
@AngryFour show your code
Claudio Restifo
@Marmiz
Mar 29 2017 03:52
@andrewestes you want a tip on how to get only alphanumerical?
Cos in your code you're not making any check to see if the reversed is equal to the passed string
AngryFour
@AngryFour
Mar 29 2017 03:53
<h2 style="color:blue">catphotoapp</h2>
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 03:53

https://bit.ly/fcc-relaxing-cat

<img src="https://www.your-image-source.com/your-image.jpg" alt="Author standing on a beach with two thumbs up. ">

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

andrewestes
@andrewestes
Mar 29 2017 03:53

@Marmiz
if (str.replace(/\W+/g, " ").split("").reverse().join() == str);

Doesn't work either

manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 03:54
this is the code
AngryFour
@AngryFour
Mar 29 2017 03:55
@indefinite0212 <h2 style="color: blue">CatPhotoApp</h2>
Claudio Restifo
@Marmiz
Mar 29 2017 03:55

@manjotkaurghuman this:

<img src="https://www.your-image-source.com/your-image.jpg" alt="Author standing on a beach with two thumbs up. ">

Is obviously not correct.
you have to change the src value with the given url. Pasting on top does not work~

james umali
@indefinite0212
Mar 29 2017 03:55
@AngryFour are you sure the challenge is to make your h2 blue?
CharlieAguilera090
@CharlieAguilera090
Mar 29 2017 03:55
Nest the existing img element within an a element.
Your a element should be a dead link with a href attribute set to #.
Make sure each of your a elements has a closing tag.
my code
<a>
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
</a>
Claudio Restifo
@Marmiz
Mar 29 2017 03:56
@manjotkaurghuman the src is the address where your image lives. Obviously this is a fake adress:
https://www.your-image-source.com/your-image.jpg
hence no picture to display
james umali
@indefinite0212
Mar 29 2017 03:56
<a href="#"> @CharlieAguilera090
Jarrett
@jportno1
Mar 29 2017 03:57
@Marmiz thanks again for all your help earlier! Really helped me understand the concepts better.
CamperBot
@camperbot
Mar 29 2017 03:57
jportno1 sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 779 | @marmiz |http://www.freecodecamp.com/marmiz
jusgoose
@gusd773
Mar 29 2017 03:57
how do i make my nav bar fill the upper margin
CharlieAguilera090
@CharlieAguilera090
Mar 29 2017 03:57
where would i put it?
jusgoose
@gusd773
Mar 29 2017 03:57
it looks slightly below the upper most part of my page
manjotkaurghuman
@manjotkaurghuman
Mar 29 2017 03:58
what r u saying
sorry claudie m not getting it
james umali
@indefinite0212
Mar 29 2017 03:58
<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> @CharlieAguilera090
AngryFour
@AngryFour
Mar 29 2017 03:58
@indefinite0212 thank you. The text example was showing how to make it blue. So that was the code I entered into the text editor. Until you asked that I didn't notice at the bottom it wanted the color in red. Thanks again
CamperBot
@camperbot
Mar 29 2017 03:58
angryfour sends brownie points to @indefinite0212 :sparkles: :thumbsup: :sparkles:
:cookie: 343 | @indefinite0212 |http://www.freecodecamp.com/indefinite0212
james umali
@indefinite0212
Mar 29 2017 03:59
@AngryFour great man :clap: , and welcome :smile:
keillorkjstudio
@keillorkjstudio
Mar 29 2017 03:59
How do i finish this, the Comment out your p element so that it is not on your page?
Carter4502
@Carter4502
Mar 29 2017 03:59
hey guys
CharlieAguilera090
@CharlieAguilera090
Mar 29 2017 03:59
THANK YOU! i was stuck for about 15 minutes
Carter4502
@Carter4502
Mar 29 2017 03:59
<button class="btn btn-primary"> <type="submit"><i class="fa fa-paper-plane"></i>Submit</button>
</form>
</div>
it says Give the submit button in your form the classes btn btn-primary.
Add a <i class="fa fa-paper-plane"></i> within your submit button element.
james umali
@indefinite0212
Mar 29 2017 04:01
@keillorkjstudio it's asking you to make your p element to be a comment by puttin <!-- and -->
andrewestes
@andrewestes
Mar 29 2017 04:02

@Carter4502 Did you try c

<button class="btn btn-primary"> <type="submit"><i class="fa fa-paper-plane">Submit</i></button>

Carter4502
@Carter4502
Mar 29 2017 04:02
Still doesnt work :/
james umali
@indefinite0212
Mar 29 2017 04:02
@Carter4502 <button class="btn btn-primary"> <type="submit"><i class="fa fa-paper-plane"></i>Submit</button> why did you seperate the type="submit" in your button?
Manish Giri
@Manish-Giri
Mar 29 2017 04:03
@andrewestes that's not right..
@Carter4502 the type attribute should remain on the button
<button class="btn btn-primary" type="submit">....
Carter4502
@Carter4502
Mar 29 2017 04:03
oops yup that was it
how do i send points over
Manish Giri
@Manish-Giri
Mar 29 2017 04:05
you tag people and say thanks
Claudio Restifo
@Marmiz
Mar 29 2017 04:06

@andrewestes sorry was busy.
Did you managed to progress?

anyway replace return a value so
str.replace([regex]) is not storing any new string.
you'd better save it in a local variable: var x = str.replace([regex])

totefu
@totefu
Mar 29 2017 04:10
hello could i get some help?
im
trying to put this code in my form

cat-photo-element {

background-color: green;
}

cat-photo-element*

wait. thats a hash before that
but its not working
the text stays white
Geoffrey Lai
@azngeoffdog
Mar 29 2017 04:11
@totefu the form has the id attribute with cat-photo-element?
totefu
@totefu
Mar 29 2017 04:11
yes
<form action="/submit-cat-photo" id="cat-photo-form">
james umali
@indefinite0212
Mar 29 2017 04:12
@totefu you type cat-photo-element it should be cat-photo-form
Geoffrey Lai
@azngeoffdog
Mar 29 2017 04:12
thanks @indefinite0212
CamperBot
@camperbot
Mar 29 2017 04:12
azngeoffdog sends brownie points to @indefinite0212 :sparkles: :thumbsup: :sparkles:
:cookie: 344 | @indefinite0212 |http://www.freecodecamp.com/indefinite0212
Geoffrey Lai
@azngeoffdog
Mar 29 2017 04:13
@totefu as james mentioned, you're not referencing the selector in your style tag
totefu
@totefu
Mar 29 2017 04:13
its still
white text
when i referenced it cat-photo-form
andrewestes
@andrewestes
Mar 29 2017 04:14
@Marmiz
I am struggling.
```
Geoffrey Lai
@azngeoffdog
Mar 29 2017 04:14
@totefu you're css selector needs to be #cat-photo-form
@totefu inside the <style> tag
Andrew Strong
@bathorystoy
Mar 29 2017 04:14

any ideas why this isn't working <script>
$(document).ready(function() {
$("button").addClass("animated bounce");
$(".well").addClass("animated shake");
$("#target3").addclass("animated fadeOut");

});
</script>

andrewestes
@andrewestes
Mar 29 2017 04:14
@Marmiz

function palindrome(str) {
  var replace2 = str.replace(/\W+/g, " ");
  var split2 = replace2.split("");
  var reverse2 = split2.reverse();
  var join2 = reverse2.join();
    if (join2 == str){
      return true;
    }
}
palindrome("not a palindrome");
james umali
@indefinite0212
Mar 29 2017 04:14
capital C @bathorystoy
$("#target3").addclass("animated fadeOut");
addClass
totefu
@totefu
Mar 29 2017 04:14
@azngeoffdog how do i do that?
james umali
@indefinite0212
Mar 29 2017 04:15
@totefu read this '''
CamperBot
@camperbot
Mar 29 2017 04:15
:bulb: to format code use backticks! ``` more info
Andrew Strong
@bathorystoy
Mar 29 2017 04:15
@indefinite0212 thanks i thought that it corrected itself once typed my bad. cheers
CamperBot
@camperbot
Mar 29 2017 04:15
bathorystoy sends brownie points to @indefinite0212 :sparkles: :thumbsup: :sparkles:
:cookie: 345 | @indefinite0212 |http://www.freecodecamp.com/indefinite0212
totefu
@totefu
Mar 29 2017 04:15
<form action="/submit-cat-photo" id="cat-photo-form">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>

cat-photo-form{ background-colour: green}

Manish Giri
@Manish-Giri
Mar 29 2017 04:16
@totefu color notcolour
totefu
@totefu
Mar 29 2017 04:16
@Manish-Giri its still not working
hmm
asd
Anh Nguyen
@tiremon112
Mar 29 2017 04:17
damn i should have learn some python, a lot of interesting stuff i could use, time to learn some python :trollface:
totefu
@totefu
Mar 29 2017 04:17

```js

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

cat-photo-form {

background-color: green}

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

  #cat-photo-form {
  background-color: green}
^ the text is still white
Claudio Restifo
@Marmiz
Mar 29 2017 04:18

@andrewestes your logic so far:
I take a string and remove all the non alpha.
from that I'll split the letters and turn them around to see it on reverse.
Then check if the reversed-non alpha is equal to my alpa original string.

It won't work!! :)

The logic of checking a palindrome is:
let me grab that string and remove the non-alpha.
Then check if the non-alpha is the same as itself but on reverse

james umali
@indefinite0212
Mar 29 2017 04:18
@totefu put #cat-photo-form { background-color: green}
between style tag
Manish Giri
@Manish-Giri
Mar 29 2017 04:18
@totefu Is this at the bottom of your code?
  #cat-photo-form {
  background-color: green}
it's missing a ;
and should be in style tags.
totefu
@totefu
Mar 29 2017 04:19
but the instructions say
Try giving your form, which now has the id attribute of cat-photo-form, a green background.
im stumped
Manish Giri
@Manish-Giri
Mar 29 2017 04:19
all styles go in style tags
Claudio Restifo
@Marmiz
Mar 29 2017 04:20
@andrewestes with example of your logic:
str=@test  clean=test  reversed=tset

str == reversed  // @test == tset --> they'll never be
You see the flaws in your logic?
totefu
@totefu
Mar 29 2017 04:21
@Manish-Giri thank you it worked
CamperBot
@camperbot
Mar 29 2017 04:21
totefu sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4973 | @manish-giri |http://www.freecodecamp.com/manish-giri
totefu
@totefu
Mar 29 2017 04:21
so all color and stuff and font
go into style?
even if i'm changing form
andrewestes
@andrewestes
Mar 29 2017 04:23
@Marmiz
I kind of understand. Most likely I need to get some rest and approach it tomorrow with a clear head.
Thanks
CamperBot
@camperbot
Mar 29 2017 04:23
andrewestes sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 780 | @marmiz |http://www.freecodecamp.com/marmiz
Richard
@rylew0925
Mar 29 2017 04:23
what is the function of form-control?
Anh Nguyen
@tiremon112
Mar 29 2017 04:25
@Marmiz how long it take you to learn all of these
holy :cow:
Claudio Restifo
@Marmiz
Mar 29 2017 04:25
@andrewestes it's easy; wat you want to compare is if the clean string is equal to itself in reverse :)
@tiremon112 all of?
:chicken:
Anh Nguyen
@tiremon112
Mar 29 2017 04:27
The logic stuff :cow:
Manish Giri
@Manish-Giri
Mar 29 2017 04:27
lol
andrewestes
@andrewestes
Mar 29 2017 04:27
Oh, I've got to test the clean against the clean.reverse(), not str == clean.reverse()
Manish Giri
@Manish-Giri
Mar 29 2017 04:27
don't try to bend the logic
instead, try to realize that there's no logic
Claudio Restifo
@Marmiz
Mar 29 2017 04:27
@tiremon112 ahahah! I'm still bad at that :) but practice certainly helps in thinking with the right attitude ;)
Geoffrey Lai
@azngeoffdog
Mar 29 2017 04:27
@rylew0925 it's bootstrap class that styles form elements in their very way
Manish Giri
@Manish-Giri
Mar 29 2017 04:27
:smiling_imp:
andrewestes
@andrewestes
Mar 29 2017 04:28
@Marmiz Oh, I've got to test the clean == clean.reverse(), not str == clean.reverse()
Claudio Restifo
@Marmiz
Mar 29 2017 04:28

Pretty much. New mantra!

don't try to bend the logic
instead, try to realize that there's no logic

jusgoose
@gusd773
Mar 29 2017 04:28
how do i get my nav bar to move all the way to the top of my page? it's leaving like 5 px's of the top of my page showing
Claudio Restifo
@Marmiz
Mar 29 2017 04:28
@andrewestes do you understeand WHY?
that's th point
CharlieAguilera090
@CharlieAguilera090
Mar 29 2017 04:29
Nest your text field in a form element. Add the action="/submit-cat-photo" attribute to this form element. im doing it right but nothing is working
kavinBikram
@kavinBikram
Mar 29 2017 04:29

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

<ol>
<li>catpoo</li>
<li>chocolates</li>
<li>blueberries</li>
</ol>

Carter4502
@Carter4502
Mar 29 2017 04:30
guys
kavinBikram
@kavinBikram
Mar 29 2017 04:30
~You should have an ordered list for "Top 3 things cats hate:
Carter4502
@Carter4502
Mar 29 2017 04:30
<h4>#left-well</h4>
<div class="well" id="left-well">
<h4>#target1</h4>
<button class="btn btn-default target" id="target1"></button>
<h4>#target2</h4>
<button class="btn btn-default target" id="target2"></button>
<h4>#target3</h4>
<button class="btn btn-default target" id="target3"></button>
andrewestes
@andrewestes
Mar 29 2017 04:30
@Marmiz Now I do. I wasn't comparing the same string. Like you wrote // @test == tset --> they'll never be
Carter4502
@Carter4502
Mar 29 2017 04:30
it says Give your button element with the id target1 the text #target1.
james umali
@indefinite0212
Mar 29 2017 04:31

<ol>3 things cats hate:

<li>catpoo</li>

<li>chocolates</li>

<li>blueberries</li>
</ol>
@kavinBikram

Claudio Restifo
@Marmiz
Mar 29 2017 04:31
@tiremon112 also thanks for the confidence boost!!
:cow:
CamperBot
@camperbot
Mar 29 2017 04:31
marmiz sends brownie points to @tiremon112 :sparkles: :thumbsup: :sparkles:
:cookie: 365 | @tiremon112 |http://www.freecodecamp.com/tiremon112
Manish Giri
@Manish-Giri
Mar 29 2017 04:31
and yet, he never teaches me
@Marmiz :angry:
james umali
@indefinite0212
Mar 29 2017 04:31
@Carter4502 give your button a text
Carter4502
@Carter4502
Mar 29 2017 04:32
how do i do tht again?
james umali
@indefinite0212
Mar 29 2017 04:32
ex: <button class="btn btn-default target" id="target1">#target1</button>
@Carter4502
Anh Nguyen
@tiremon112
Mar 29 2017 04:32
Can someone conver 262 weeks to day
Carter4502
@Carter4502
Mar 29 2017 04:32
ohhh yes thank you
Anh Nguyen
@tiremon112
Mar 29 2017 04:32
to date
Carter4502
@Carter4502
Mar 29 2017 04:33
1834
kavinBikram
@kavinBikram
Mar 29 2017 04:33
@indefinite0212 : It says "You should have an ordered list for "Top 3 things cats hate:"
Jarrett
@jportno1
Mar 29 2017 04:33
function getIndexToIns(arr, num) {
  var array1 = Array.from(arr);
  var array2 = Array.from(arguments[1]);
  var array3 = array1.concat(array2);
  var sortArr = array3.sort(function(a, b){
   return a-b;
 });
  var answer = sortArr.indexOf(num);
  return array2;
}

getIndexToIns([40, 60], 50);
Can anyone tell me why array2 is returning an empty array?
I was expecting it to return [50]
Anh Nguyen
@tiremon112
Mar 29 2017 04:34
shet it took 5 years to do all these courses
LOLL
Manish Giri
@Manish-Giri
Mar 29 2017 04:35
@tiremon112 1834 days lol
james umali
@indefinite0212
Mar 29 2017 04:36
@kavinBikram
<p>Top 3 things cats hate:</p>
<ol>
<li>catpoo</li>
<li>chocolates</li>
<li>blueberries</li>
</ol>
Anh Nguyen
@tiremon112
Mar 29 2017 04:37
If i try to understand the concept only without doing the problem, probably will take 1 year to complete :trollface:
Claudio Restifo
@Marmiz
Mar 29 2017 04:38
@Manish-Giri what should I teach you? how to pretend to know what you're doing? :P :P :P
Anh Nguyen
@tiremon112
Mar 29 2017 04:39
boy imma try to take all the courses from OSSU
Nikolai A Leeds
@nic9075
Mar 29 2017 04:39
hi can someone please look at this code and let me know which </div> element is missing closing tag :) </div>
<div class="row">
<div class="col-xs-7">
<input type="text" class="form-control" placeholder="cat photo URL" required>
</div>
<div class="col-xs-5">
<button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Submit</button>
</div>
</form>
Anh Nguyen
@tiremon112
Mar 29 2017 04:39
hopefully im not ded by the time i finish it
:trollface:
Manish Giri
@Manish-Giri
Mar 29 2017 04:39
lol
Nikolai A Leeds
@nic9075
Mar 29 2017 04:40
@tiremon112 anh I just started myself earlier this month. I have no prior programming background
Anh Nguyen
@tiremon112
Mar 29 2017 04:40
nice
Nikolai A Leeds
@nic9075
Mar 29 2017 04:40
@tiremon112 are you in the usa? just curous
Anh Nguyen
@tiremon112
Mar 29 2017 04:40
yea
I lived in middle nowhere in GA
Nikolai A Leeds
@nic9075
Mar 29 2017 04:41
I am worried about remembering all of this and appllying this stuff in the 'real world'
Abdullah-Al-Zubair
@a2-zubair
Mar 29 2017 04:41
@nic9075 add one more closing div before your closing form tag
Anh Nguyen
@tiremon112
Mar 29 2017 04:41
lol, don't remember lol
understand them
remember won't help lel, know the keyword to search on google
Nikolai A Leeds
@nic9075
Mar 29 2017 04:41
so should be </div></div>
</form>
Geoffrey Lai
@azngeoffdog
Mar 29 2017 04:41
@nic9075
</div>
    <--- </div>
</form>
Abdullah-Al-Zubair
@a2-zubair
Mar 29 2017 04:41
yes
Manish Giri
@Manish-Giri
Mar 29 2017 04:41
@jportno1 try this -
var array2 = Array.from(arguments)[1];
instead of
var array2 = Array.from(arguments[1]);
returns 50, as you expect.
Jarrett
@jportno1
Mar 29 2017 04:43
yep, that did it. I should have known it was some small syntax error on my part. Thanks so much, @Manish-Giri
CamperBot
@camperbot
Mar 29 2017 04:43
jportno1 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4974 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Mar 29 2017 04:43
@Marmiz teach me-
  • JS
  • React
  • Redux
  • Flux
  • Angular2
  • Vue
  • Node
Anh Nguyen
@tiremon112
Mar 29 2017 04:43
lol
Manish Giri
@Manish-Giri
Mar 29 2017 04:43
also, insert anything in list you think is important
@jportno1 :v:
Anh Nguyen
@tiremon112
Mar 29 2017 04:44
here is the link from google, go learn it by yourself :trollface:
almost 5k
:O
Manish Giri
@Manish-Giri
Mar 29 2017 04:44
:trollface:
Anh Nguyen
@tiremon112
Mar 29 2017 04:44
@Manish-Giri ty free cokkie
CamperBot
@camperbot
Mar 29 2017 04:44
tiremon112 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4975 | @manish-giri |http://www.freecodecamp.com/manish-giri
Anh Nguyen
@tiremon112
Mar 29 2017 04:44
:trolleybus:
Manish Giri
@Manish-Giri
Mar 29 2017 04:45
:smile:
ty @tiremon112
CamperBot
@camperbot
Mar 29 2017 04:45
manish-giri sends brownie points to @tiremon112 :sparkles: :thumbsup: :sparkles:
:cookie: 366 | @tiremon112 |http://www.freecodecamp.com/tiremon112
Justin
@justurna
Mar 29 2017 04:45
can anyone help me im stuck on using the Bootstrap Grid to put buttons side by side
Carter4502
@Carter4502
Mar 29 2017 04:46
send ur code
Justin
@justurna
Mar 29 2017 04:46
<div class="row">
<button class="btn btn-block btn-primary">Like</button>
<button class="btn btn-block btn-info">Info</button>
<button class="btn btn-block btn-danger">Delete</button>
</div>
i can't figure this part out: Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4.
Geoffrey Lai
@azngeoffdog
Mar 29 2017 04:46
@justurna you need to surround each button element in a div with the class col-xs-4
Carter4502
@Carter4502
Mar 29 2017 04:47
<div class=col-xs-4>
Richard
@rylew0925
Mar 29 2017 04:47
so basically, "form-control" bundles different parts of the code under a common style? Why does it affect the size of the text-box?
Carter4502
@Carter4502
Mar 29 2017 04:47
with quotes sorry
Justin
@justurna
Mar 29 2017 04:47
hrmm let me try that
Carter4502
@Carter4502
Mar 29 2017 04:47
around each button
<div class="row">
<button class="btn btn-block btn-primary">Like</button>
<button class="btn btn-block btn-info">Info</button>
<button class="btn btn-block btn-danger">Delete</button>
</div>
oops
Justin
@justurna
Mar 29 2017 04:48
success! thanks a lot
<div class="row">
<div class="col-xs-4"><button class="btn btn-block btn-primary">Like</button></div>
<div class="col-xs-4"><button class="btn btn-block btn-info">Info</button></div>
<div class="col-xs-4"><button class="btn btn-block btn-danger">Delete</button></div>
</div>
it went through at least...not sure if its "good"
Claudio Restifo
@Marmiz
Mar 29 2017 04:49
@Manish-Giri that's a lot of stuff I don't know either :P
Robert Arthur Williams
@elpretentio
Mar 29 2017 04:49
hi everyone, quick question: why would we add classes using .addClass in jQuery rather than just add them in the markup?
Geoffrey Lai
@azngeoffdog
Mar 29 2017 04:49
@rylew0925 it depends on whether you specify form control on the input, it affects pretty much all the input elments in their own bootstrappy way, text boxes are adjusted to be more cleaner, radio buttons have their proper styling etc.
Carter4502
@Carter4502
Mar 29 2017 04:49
:) @justurna
Nikolai A Leeds
@nic9075
Mar 29 2017 04:50
@azngeoffdog thank you . it worked :))
CamperBot
@camperbot
Mar 29 2017 04:50
nic9075 sends brownie points to @azngeoffdog :sparkles: :thumbsup: :sparkles:
:cookie: 208 | @azngeoffdog |http://www.freecodecamp.com/azngeoffdog
Justin
@justurna
Mar 29 2017 04:50
@Carter4502 thanks
CamperBot
@camperbot
Mar 29 2017 04:50
justurna sends brownie points to @carter4502 :sparkles: :thumbsup: :sparkles:
:cookie: 99 | @carter4502 |http://www.freecodecamp.com/carter4502
Manish Giri
@Manish-Giri
Mar 29 2017 04:50
@elpretentio it's useful for cases like responding to user events.
Carter4502
@Carter4502
Mar 29 2017 04:50
no problem @justurna
Justin
@justurna
Mar 29 2017 04:50
@azngeoffdog thanks
CamperBot
@camperbot
Mar 29 2017 04:50
justurna sends brownie points to @azngeoffdog :sparkles: :thumbsup: :sparkles:
:cookie: 209 | @azngeoffdog |http://www.freecodecamp.com/azngeoffdog
totefu
@totefu
Mar 29 2017 04:50

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

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

Claudio Restifo
@Marmiz
Mar 29 2017 04:50
@elpretentio cos sometimes you want to make pages more reactive to user events.
for example If i want to change the color of a button only after the user clicked on it more than 3 times.. how would I do it in plain markup?
totefu
@totefu
Mar 29 2017 04:50
HELLO!
Robert Arthur Williams
@elpretentio
Mar 29 2017 04:50
@Manish-Giri ok cool thanks
CamperBot
@camperbot
Mar 29 2017 04:50
elpretentio sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4976 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Mar 29 2017 04:50
Like user clicks on a button, you then add a class which changes the text of the button to say F*** off instead.
@elpretentio
Claudio Restifo
@Marmiz
Mar 29 2017 04:51
@Manish-Giri my example was classier :wavy_dash:
totefu
@totefu
Mar 29 2017 04:51
have i entered all my code correctly for text of h1 to be pink
Manish Giri
@Manish-Giri
Mar 29 2017 04:51
lool
my bad, I din't see your ex :see_no_evil:
Robert Arthur Williams
@elpretentio
Mar 29 2017 04:51
@Marmiz haha well yeah that makes it even clearer
thanks
Geoffrey Lai
@azngeoffdog
Mar 29 2017 04:51
:laughing:
Richard
@rylew0925
Mar 29 2017 04:52
I'm trying to understand the "form-control" I experimented by removing class = "form-control" from the input type and the text-box became smaller. Would someone please clarify why this happened? It doesn't really explain this well in the lesson
Claudio Restifo
@Marmiz
Mar 29 2017 04:52
@Manish-Giri but cursing to the user is the ultimate goal i guess :shipit:
Travis
@uHReason
Mar 29 2017 04:52
im stuck on learning to nest all of the HTML in a div element with the class container fluid... :worried:
Anh Nguyen
@tiremon112
Mar 29 2017 04:52
@totefu try to learn from mistake fam
Manish Giri
@Manish-Giri
Mar 29 2017 04:52
among other things, it adds width: 100% to the elements @rylew0925
Geoffrey Lai
@azngeoffdog
Mar 29 2017 04:53
@uHReason you're nesting every HTML element with a div that has the class container-fluid
Anh Nguyen
@tiremon112
Mar 29 2017 04:53
it's 1 AM, imma go to sleep otherwise i get leg paralyze like couple day ago, which scary
totefu
@totefu
Mar 29 2017 04:53
wait i got it
Anh Nguyen
@tiremon112
Mar 29 2017 04:53
:wave: bye
Manish Giri
@Manish-Giri
Mar 29 2017 04:53
O.o
Anh Nguyen
@tiremon112
Mar 29 2017 04:53
@Manish-Giri :wave: :trollface: , im srs
Manish Giri
@Manish-Giri
Mar 29 2017 04:54
take care buddy
@tiremon112 :wave:
Nikolai A Leeds
@nic9075
Mar 29 2017 04:55
@tiremon112 oh sorry that is scary. Does it happen when you first wake up for a few seconds?
Travis
@uHReason
Mar 29 2017 04:55
@azngeoffdog I guess im getting myself confused haha
@azngeoffdog i figured it out thank youy
CamperBot
@camperbot
Mar 29 2017 04:56
uhreason sends brownie points to @azngeoffdog :sparkles: :thumbsup: :sparkles:
:cookie: 210 | @azngeoffdog |http://www.freecodecamp.com/azngeoffdog
Richard
@rylew0925
Mar 29 2017 04:57
wait, so by default, "form-control" adds "width: 100%"?
totefu
@totefu
Mar 29 2017 05:00

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

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

my h1 element does not appear blue, any clue why?
james umali
@indefinite0212
Mar 29 2017 05:02
.pink-text {
color: pink;
}
.blue-text {
color: blue;
}
@totefu
.blue-text should be after .pink-text
totefu
@totefu
Mar 29 2017 05:03
thanks @indefinite0212
CamperBot
@camperbot
Mar 29 2017 05:03
totefu sends brownie points to @indefinite0212 :sparkles: :thumbsup: :sparkles:
:cookie: 346 | @indefinite0212 |http://www.freecodecamp.com/indefinite0212
Richard
@rylew0925
Mar 29 2017 05:03
@totefu @totefu I think order matters when it's between <style></style>
totefu
@totefu
Mar 29 2017 05:03
yeah
i just read that
it works from top to bottom
Eduardo Augusto Sobral Junior
@easobral
Mar 29 2017 05:04
@totefu , css overrides the color. Only the last property defined is applied. Because color:pink is defined later, it is aplied instead of blue.
totefu
@totefu
Mar 29 2017 05:04
reading the last one
james umali
@indefinite0212
Mar 29 2017 05:04
@totefu welcome :)
Richard Andreasen
@Richand83
Mar 29 2017 05:05
so yes code is messed a little i havne't cleaned it up yet what ya'll think so far? http://codepen.io/Richand83/pen/evMMYg
Cole Tokarczyk
@CrustyCole15
Mar 29 2017 05:09
I am having trouble with the Make Object Properties Private waypoint

var gear = 0;

this.setGear = function(change) {
gear += change;
};

this.getGear = function() {
return gear;
this is the code I am writing, however, I do not understand why this is not working to set the gear to any other value other than 4.

Darren
@DarrenfJ
Mar 29 2017 05:12
evening fCC
Manish Giri
@Manish-Giri
Mar 29 2017 05:13
@CrustyCole15 gear += change; should be just = not +=
@DarrenfJ :wave:
Cole Tokarczyk
@CrustyCole15
Mar 29 2017 05:14
Thank you @Manish-Giri
CamperBot
@camperbot
Mar 29 2017 05:14
crustycole15 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4977 | @manish-giri |http://www.freecodecamp.com/manish-giri
Claudio Restifo
@Marmiz
Mar 29 2017 05:14
@DarrenfJ :wave:
Darren
@DarrenfJ
Mar 29 2017 05:15
@Manish-Giri Manish!
@Marmiz mustache!
ooo it's quiet here in freeCodeLand
Ashton
@Electrixz05
Mar 29 2017 05:20
im on challenge 23 or 24 with the adding borders around my element. i did the class on the bottom of the style element but i cant seem to work out what to do with the img element. can someone please help?
Darren
@DarrenfJ
Mar 29 2017 05:21
@Electrixz05 can you post the code?
it's always easier when we can see what you tried...
as well, the number is your progress... the search on the map page uses the full exercise name
Ashton
@Electrixz05
Mar 29 2017 05:22
@DarrenfJ what code?
Darren
@DarrenfJ
Mar 29 2017 05:23
@Electrixz05 you can check your progress by asking about and your @ name here.. you get a point for each exercise you complete but also one for getting thanks here
@Electrixz05 what you tried in the exercise so far..
Manish Giri
@Manish-Giri
Mar 29 2017 05:23
@DarrenfJ how goes it
Ashton
@Electrixz05
Mar 29 2017 05:24
@DarrenfJ yes
Darren
@DarrenfJ
Mar 29 2017 05:24
@Manish-Giri good good buddy.. how's school etc etc...
@Electrixz05 the tip is at the bottom of how to add the class to the <img> tag...

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

Ashton
@Electrixz05
Mar 29 2017 05:26
@DarrenfJ where do i put that?
Darren
@DarrenfJ
Mar 29 2017 05:26
in the existing <img> tag..
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
add in the new class
the one you created up in the CSS to create the border..
Manish Giri
@Manish-Giri
Mar 29 2017 05:27
@DarrenfJ it's like finding a needle in a haystack of needles
:disappointed:
Darren
@DarrenfJ
Mar 29 2017 05:28
i hear yah
Manish Giri
@Manish-Giri
Mar 29 2017 05:28
hows yur online course
Darren
@DarrenfJ
Mar 29 2017 05:28
so glad i'm not in school anymore... (well other than con ed stuff i do)
Manish Giri
@Manish-Giri
Mar 29 2017 05:28
coming along
Darren
@DarrenfJ
Mar 29 2017 05:28
(and here and other udemy courses)
Ashton
@Electrixz05
Mar 29 2017 05:28
@DarrenfJ ahhhhhh i see, Thanks So Much
CamperBot
@camperbot
Mar 29 2017 05:28
electrixz05 sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 1601 | @darrenfj |http://www.freecodecamp.com/darrenfj
Darren
@DarrenfJ
Mar 29 2017 05:28
gah! i am still in school i just now realized ;)
Ashton
@Electrixz05
Mar 29 2017 05:29
how did i just send that???
Manish Giri
@Manish-Giri
Mar 29 2017 05:29
magic
Darren
@DarrenfJ
Mar 29 2017 05:29
@Electrixz05 by saying thanks and using my @ name

and a weeeee bit of

magic

Ashton
@Electrixz05
Mar 29 2017 05:29
ohhh lol
Darren
@DarrenfJ
Mar 29 2017 05:30
thanks @Electrixz05
CamperBot
@camperbot
Mar 29 2017 05:30
darrenfj sends brownie points to @electrixz05 :sparkles: :thumbsup: :sparkles:
:cookie: 26 | @electrixz05 |http://www.freecodecamp.com/electrixz05
Ashton
@Electrixz05
Mar 29 2017 05:30
Ty
Darren
@DarrenfJ
Mar 29 2017 05:30
see... also note that you are at 26 now...
Manish Giri
@Manish-Giri
Mar 29 2017 05:30
thanks @obama
CamperBot
@camperbot
Mar 29 2017 05:30
manish-giri sends brownie points to @obama :sparkles: :thumbsup: :sparkles:
:warning: @obama's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Darren
@DarrenfJ
Mar 29 2017 05:30
as well, the number is your progress... the search on the map page uses the full exercise name
ha!
he's too busy parasailing now ;)
Manish Giri
@Manish-Giri
Mar 29 2017 05:31
lol
Ashton
@Electrixz05
Mar 29 2017 05:31
Ill Ttyl
Claudio Restifo
@Marmiz
Mar 29 2017 05:31
@camperbot eightball
Darren
@DarrenfJ
Mar 29 2017 05:31
@Electrixz05 have fun coding :D
is eightball no longer a thing? draaaaaaaag
Manish Giri
@Manish-Giri
Mar 29 2017 05:31
eightball can I get a date here
CamperBot
@camperbot
Mar 29 2017 05:31
@Manish-Giri :8ball: my reply is no :sparkles:
Claudio Restifo
@Marmiz
Mar 29 2017 05:31
:cry: what happened to you @camperbot
you used to be cool
Darren
@DarrenfJ
Mar 29 2017 05:31
ah!
camperbot sold out
Claudio Restifo
@Marmiz
Mar 29 2017 05:32
@camperbot right now:
:facepunch:
.
.
.
.
:microphone:
Manish Giri
@Manish-Giri
Mar 29 2017 05:33
all coz of @diomed
Darren
@DarrenfJ
Mar 29 2017 05:35
snicker
__mifflin__
@cdrainxv
Mar 29 2017 05:36
doodle
Darren
@DarrenfJ
Mar 29 2017 05:37
well played sir
well played
Richard
@rylew0925
Mar 29 2017 05:37
Has anyone noticed that at the end of "Responsively Style Checkboxes" lesson the </div></div> elements are clustered at the end. Yet in the "Style Text Inputs as Form Controls" lesson the </div></div> are clustered right after the last checkbox type?
Like, does it really matter where we cluster the closing </div>?
Jor
@joreyesl
Mar 29 2017 05:39
@rylew0925 no, it doesn't matter except for readability
Darren
@DarrenfJ
Mar 29 2017 05:43
eventually when you minify your code it'll seem like it's clustered one one line that goes on forever ;)
Stef
@nestorst
Mar 29 2017 05:51
Quick Q: Can someone help me understand why the border-spacing css on the portfolio table isn't taking affect (HTML line 54; CSS line 171). I've checked for conflicting code and verified my spelling. http://codepen.io/nestorst/full/mWzKGe/
Dhaval
@Dhavalc2012
Mar 29 2017 05:58
hey Darren
Geoffrey Lai
@azngeoffdog
Mar 29 2017 05:58
@nestorst you require the border-collapse property
@nestorst i.e. border-collapse: separate;
Stef
@nestorst
Mar 29 2017 05:59
@azngeoffdog wow, thanks!
CamperBot
@camperbot
Mar 29 2017 05:59
nestorst sends brownie points to @azngeoffdog :sparkles: :thumbsup: :sparkles:
:cookie: 211 | @azngeoffdog |http://www.freecodecamp.com/azngeoffdog
Ayaan Merchant
@AyaanM
Mar 29 2017 06:00
Can someone tell me how to use a css class to style an element?
Najam us Saqib
@najamforit
Mar 29 2017 06:02
Salam @AyaanM : Just write html code and style it using css..
You can see Example at:
http://codepen.io/anon/pen/gmBjPm
If you want to learn HTML & CSS Both, then start a introductory course at codecademy.com
Stef
@nestorst
Mar 29 2017 06:02
@AyaanM if you have an HTML element like <h1 class="a">Word</h1>, then can apply CSS on it by writing something like .a{font-size:10px}
Najam us Saqib
@najamforit
Mar 29 2017 06:03
@AyaanM : You can learn basics from here:
https://www.codecademy.com/learn/learn-html-css
Ayaan Merchant
@AyaanM
Mar 29 2017 06:05
Thanks
Darren
@DarrenfJ
Mar 29 2017 06:05
@Dhavalc2012 hey buddy! sorry for the late reply.. it got quiet in here so i wandered away to read some schtuff...
Dhaval
@Dhavalc2012
Mar 29 2017 06:06
no problem lol @DarrenfJ
so wassup now lol
got any links for articles to share ?
and which language r u currently using
jacobseng
@jacobseng
Mar 29 2017 06:16
<div class"silver-background">
ignore that
Dhaval
@Dhavalc2012
Mar 29 2017 06:17
lol @jacobseng
vblaze3
@vblaze3
Mar 29 2017 06:24
@jacobseng its <div class="silver-background">
McGraves
@mcgraves
Mar 29 2017 06:25
Hello everyone!
Najam us Saqib
@najamforit
Mar 29 2017 06:33
Hello @mcgraves !
Ayaan Merchant
@AyaanM
Mar 29 2017 06:41
Hi
shus88
@shus88
Mar 29 2017 06:49
hello!!! can you help me?
$("#target4").html("<em>target4</em>");
Emphasize the text in your target4 button by adding HTML tags.
what's wrong?
Darren
@DarrenfJ
Mar 29 2017 06:52
@shus88 make the wording in between the <em> tags match exactly the wording that is on the button now
shus88
@shus88
Mar 29 2017 06:55
it works, thanks!
beauty
@just111
Mar 29 2017 06:55
help me??
<p>Click here for <a href="#"><img src="/images/relaxing-cat.jpg">cat photos</a></p>
Nested img elements into a a element.
right??
Ayaan Merchant
@AyaanM
Mar 29 2017 06:57
Help where should I put class="thick-green-border" in this<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
beauty
@just111
Mar 29 2017 07:00
"smaller-image thick-green-border" like this?
Najam us Saqib
@najamforit
Mar 29 2017 07:00
@AyaanM : Write your class in between style tags
Ayaan Merchant
@AyaanM
Mar 29 2017 07:01
I did but can't figure out where to write it in the <img
Najam us Saqib
@najamforit
Mar 29 2017 07:01
@just111 : <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>
Class element has more than one classes.
Dhavalkumar Prajapati
@adhavalboy
Mar 29 2017 07:04
i plugged contact form 7 in wordpress but i can't receive mail from the form!!?
beauty
@just111
Mar 29 2017 07:04
<img class="smaller-image thick-green-border" src="/images/relaxing-cat.jpg">
try it!
Najam us Saqib
@najamforit
Mar 29 2017 07:05
@just111 : what problem now you are facing ?
beauty
@just111
Mar 29 2017 07:05
<p>Click here for <a href="#"><img src="/images/relaxing-cat.jpg">cat photos</a></p>
Nested img elements into a a element.
Najam us Saqib
@najamforit
Mar 29 2017 07:06
@adhavalboy : Give your email in settings.

@just111 : Write it in a separate line:

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

Dhavalkumar Prajapati
@adhavalboy
Mar 29 2017 07:07
@najamforit i did it but still not receiving
Najam us Saqib
@najamforit
Mar 29 2017 07:07
and this in separate line:
<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>
@adhavalboy : Sometimes server response is too slow, if you are using godaddy server. Then it may take longer than a hour.
Dhavalkumar Prajapati
@adhavalboy
Mar 29 2017 07:09
@najamforit my domain is from godday but i am using mail add of gmail and since yesterday i didn't get
Najam us Saqib
@najamforit
Mar 29 2017 07:10
@adhavalboy : May be setting is not correct.
beauty
@just111
Mar 29 2017 07:11
i think it is right ,but it con't pass
把现有的img元素嵌套进一个a元素。
Najam us Saqib
@najamforit
Mar 29 2017 07:12
@just111 : What language is this ?
beauty
@just111
Mar 29 2017 07:12
chinese
Chinese
Robert Arthur Williams
@elpretentio
Mar 29 2017 07:13
this first CodePen project.. are there more detailed instructions somewhere? or should we just refer back to previous lessons to see what the code could look like?
like should it really just be as simple as the user stories (image and text, link to external page) or should we try to flesh it out like the example with unordered lists and styling and so forth?
Najam us Saqib
@najamforit
Mar 29 2017 07:15
As i think all instructions about what to do next is clearly mentioned, if you make your mind to do it yourself.. :)
beauty
@just111
Mar 29 2017 07:15
very thanks
i will try it now
Najam us Saqib
@najamforit
Mar 29 2017 07:17
Thanks great.
Pieter Stokkink
@forkerino
Mar 29 2017 07:20
@elpretentio definitely make it look nice and spend some time on it. You will learn some things that way. Also don't be afraid to try new stuff, check out the bootstrap docs for some interesting possibilities.
Robert Arthur Williams
@elpretentio
Mar 29 2017 07:21
@forkerino ok thanks. i'll submit it here later for feedback
CamperBot
@camperbot
Mar 29 2017 07:21
elpretentio sends brownie points to @forkerino :sparkles: :thumbsup: :sparkles:
:star2: 1742 | @forkerino |http://www.freecodecamp.com/forkerino
Pieter Stokkink
@forkerino
Mar 29 2017 07:21
:+1:
McGraves
@mcgraves
Mar 29 2017 07:22
hey guys i am having trouble on "Use a CSS Class to Style an Element"
could someone help me out ?
fieserfux
@fieserfux
Mar 29 2017 07:23
yeh i can help
@mcgraves
McGraves
@mcgraves
Mar 29 2017 07:23
awesome!
fieserfux
@fieserfux
Mar 29 2017 07:23
what's your problem?
sutejadla
@sutejadla
Mar 29 2017 07:24
Whats the trouble u re facing @mcgraves
McGraves
@mcgraves
Mar 29 2017 07:25
just reading it over one more time so i can describe the error

its says Your "h2 element should be red".

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

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

fieserfux
@fieserfux
Mar 29 2017 07:28
you
Ayaan Merchant
@AyaanM
Mar 29 2017 07:28
Where should I put class="thick-green-border" in this <img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Najam us Saqib
@najamforit
Mar 29 2017 07:28
use only .red-text instead of h2.red-text
fieserfux
@fieserfux
Mar 29 2017 07:28
you just declare the class ".red-text" in your css
without the h2
.red-text {
color: red;
McGraves
@mcgraves
Mar 29 2017 07:29
oh that is confusing lol thank you very much!
fieserfux
@fieserfux
Mar 29 2017 07:29
and then <h2 class="red-text"> in the html part
NicovanderMerwe
@NicovanderMerwe
Mar 29 2017 07:31

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

h1 {color: pink;}
</style>

<h1 class="pink-text">Hello World!</h1>
Hey can someone help me with this code please. It says my <style> should have a pink-text CSS class with its color set to pink. How can I make this class and where do I put it?

fieserfux
@fieserfux
Mar 29 2017 07:32
like this
<style>
wait
Syed Abbas Haider
@abbashaider005