These are chat archives for FreeCodeCamp/Help

9th
Jun 2017
Sahana Balram
@sahanabalram
Jun 09 2017 00:00
@SummersJr27 for you to add a div it would be something like this <div class="container-fluid">
</div>
mrgrizzlie33
@mrgrizzlie33
Jun 09 2017 00:02
@sahanabalram I opened a new tab and went to the photo, then copied the photo's web address
Jamie Summers
@SummersJr27
Jun 09 2017 00:03
@sahanabalram Thank you, i'm guessing this is whats confusing me, "Make sure you have nested all HTML elements in .container-fluid. " Is the div element supposed to start right after my style elements
CamperBot
@camperbot
Jun 09 2017 00:03
summersjr27 sends brownie points to @sahanabalram :sparkles: :thumbsup: :sparkles:
:cookie: 186 | @sahanabalram |http://www.freecodecamp.com/sahanabalram
Sahana Balram
@sahanabalram
Jun 09 2017 00:03
@mrgrizzlie33 and?
@SummersJr27 yes it would be inside your <body>
Ralph
@frapz009
Jun 09 2017 00:03
@sahanabalram it worked now. Just change my browser.
Jamie Summers
@SummersJr27
Jun 09 2017 00:04
@sahanabalram Your awesome!
Sahana Balram
@sahanabalram
Jun 09 2017 00:04
@frapz009 cool
mrgrizzlie33
@mrgrizzlie33
Jun 09 2017 00:04
@sahanabalram still wont display
Do you want to see the code?
Sahana Balram
@sahanabalram
Jun 09 2017 00:04
@SummersJr27 just been code for sometime now
@mrgrizzlie33 yeah sure that would be great!
mrgrizzlie33
@mrgrizzlie33
Jun 09 2017 00:05
Ok one sec

div class="row">
<div class="col-md-12"><h2 class="header text-center">Projects</h2></div>
</div>

<div class="row">
<div class="col-md-4">
<a target="_blank" href="https://codepen.io/hacker190223/full/gRpLMa/"><img src="https://www.dropbox.com/home/Screenshots?preview=Screenshot+2017-06-08+17.41.55.png" alt="my project"/></a>
</div>
<div class="col-md-4"><p class="center-block">hello</p>
</div>
<div class="col-md-4"><p>hello</p>
</div>
</div>
</body>
</div>

here
Ozan Araz
@haraldur12
Jun 09 2017 00:06
can you wrap it between ``` ````
mrgrizzlie33
@mrgrizzlie33
Jun 09 2017 00:06
Ozan Araz
@haraldur12
Jun 09 2017 00:06
my code
arsalan1416
@arsalan1416
Jun 09 2017 00:07
Make your h1 element visible on your page by uncommenting it.
how to solve this
Manish Giri
@Manish-Giri
Jun 09 2017 00:07
@arsalan1416 delete comment tags
Margaret2 @Margaret2 he's still alive!
mrgrizzlie33
@mrgrizzlie33
Jun 09 2017 00:08
@sahanabalram sorry forgot to tag you for the above
Ozan Araz
@haraldur12
Jun 09 2017 00:08
@mrgrizzlie33 you copied the pen's address
Sahana Balram
@sahanabalram
Jun 09 2017 00:08
@mrgrizzlie33 you want the freecodecamp website
Ozan Araz
@haraldur12
Jun 09 2017 00:08
not the image
that's the problem right ?
the image is not showing
Sahana Balram
@sahanabalram
Jun 09 2017 00:08
@mrgrizzlie33 exactly that is correct copy the image not the codepen link
mrgrizzlie33
@mrgrizzlie33
Jun 09 2017 00:08
Oh ok
Ozan Araz
@haraldur12
Jun 09 2017 00:09
you would get the image's address and then use it with src attribute
is that what you want?
@sahanabalram
@haraldur12
Manish Giri
@Manish-Giri
Jun 09 2017 00:09
@Margaret2 :wave:
Ozan Araz
@haraldur12
Jun 09 2017 00:09
can you tell me what exactly do you want ? do you want to get the snapshot of your codepen?
mrgrizzlie33
@mrgrizzlie33
Jun 09 2017 00:10
No I want the dropbox image to appear as a link in my codepen project
@haraldur12
Sahana Balram
@sahanabalram
Jun 09 2017 00:10
@mrgrizzlie33 the link that you sent is for the login page of dropbox
if you just want the dropbox icon you can use it from font-awesome
Kyle Holm
@thekholm80
Jun 09 2017 00:10
@Manish-Giri :wave:
Manish Giri
@Manish-Giri
Jun 09 2017 00:10
@mrgrizzlie33 in your dropbox link, replace www with dl.
@thekholm80 :wave:
Kyle Holm
@thekholm80
Jun 09 2017 00:10
@Manish-Giri @diomed doesn't think you exist anymore, he's getting worried
Ozan Araz
@haraldur12
Jun 09 2017 00:11
you can use fa icons
Sahana Balram
@sahanabalram
Jun 09 2017 00:11
@mrgrizzlie33 you can have a link inside your <head> tag
Manish Giri
@Manish-Giri
Jun 09 2017 00:11
me too
Ozan Araz
@haraldur12
Jun 09 2017 00:11
then it would be like <i class='fa fa-dropbox'></i>
Manish Giri
@Manish-Giri
Jun 09 2017 00:11
:worried:
my existence is in crisis
mrgrizzlie33
@mrgrizzlie33
Jun 09 2017 00:11
@Manish-Giri no luck
Sahana Balram
@sahanabalram
Jun 09 2017 00:11
@mrgrizzlie33 try the font awesome
Kyle Holm
@thekholm80
Jun 09 2017 00:11
@Manish-Giri :worried:
Margaret
@Margaret2
Jun 09 2017 00:11
@Manish-Giri are you busy with school
Sahana Balram
@sahanabalram
Jun 09 2017 00:11
@mrgrizzlie33 you can look for large icons there as well
mrgrizzlie33
@mrgrizzlie33
Jun 09 2017 00:12
@sahanabalram font awesome? What would that do to display the image?
Margaret
@Margaret2
Jun 09 2017 00:12
or is that an understatement lol
Manish Giri
@Manish-Giri
Jun 09 2017 00:12
lol
it is
:weary:
Sahana Balram
@sahanabalram
Jun 09 2017 00:12
Margaret
@Margaret2
Jun 09 2017 00:12
:weary: wow that's a strong emote
mrgrizzlie33
@mrgrizzlie33
Jun 09 2017 00:12
@haraldur12 @sahanabalram I don't want the dropbox icon to appear, I want an image of mine to appear. \
theredemu
@theredemu
Jun 09 2017 00:12
@mrgrizzlie33 Dropbox images have to be public to be shared and I'm not 100% sure they play well with codepen
Ozan Araz
@haraldur12
Jun 09 2017 00:12
@mrgrizzlie33 then you can use those icons as if they were images. Nowadays people don't use direct images of such icons but they use font awesome, glyhpicons, material icons etc...
Manish Giri
@Manish-Giri
Jun 09 2017 00:13
I feel like going on a trip to Alaska..
Ozan Araz
@haraldur12
Jun 09 2017 00:13
then you have to give public access to that image so that it can be browsered from outside
Manish Giri
@Manish-Giri
Jun 09 2017 00:13
and never come back
@Margaret2 @thekholm80
Kyle Holm
@thekholm80
Jun 09 2017 00:13
that sucks.
but you can hang out with Sarah Palin, so there's that
Ozan Araz
@haraldur12
Jun 09 2017 00:13
you can use imgur to upload your image so it would be public and reachable
Margaret
@Margaret2
Jun 09 2017 00:13
@Manish-Giri you can get through it! Soon it will be over!
@thekholm80 lol
Sahana Balram
@sahanabalram
Jun 09 2017 00:13
@mrgrizzlie33 in that case then open the image in a separate url and then copy that link and paste it in your code
mrgrizzlie33
@mrgrizzlie33
Jun 09 2017 00:13
@theredemu Oh ok, so if I made it public might that solve it?
Manish Giri
@Manish-Giri
Jun 09 2017 00:13
isn't she old?
Jamie Summers
@SummersJr27
Jun 09 2017 00:13
@sahanabalram I sent you a private message
Kyle Holm
@thekholm80
Jun 09 2017 00:13
she has daughters your age
Manish Giri
@Manish-Giri
Jun 09 2017 00:13
sigh
mrgrizzlie33
@mrgrizzlie33
Jun 09 2017 00:13
@sahanabalram I'll try
theredemu
@theredemu
Jun 09 2017 00:14
@mrgrizzlie33 it should. If you have an older version of Dropbox, you should have a public folder you can drop it in
Ozan Araz
@haraldur12
Jun 09 2017 00:14
@mrgrizzlie33 yes if it is public then you would be able to let people access it
Kyle Holm
@thekholm80
Jun 09 2017 00:14
every time I git push i immediately remember 2 things I forgot to fix
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2017 00:14

Hi All, what am I doing wrong here, it's just returning ate but not 7 and 9
function bouncer(arr) {
// Don't show a false ID to this bouncer
function falsebounce(arr)
{
for(var i = 1; i < arr.length; i++)
{
if(arr[i] !== 0 || arr[i] !== false || arr[i] !== 0 || arr[i] !== undefined)
return arr[i];
}
}

return arr.filter(falsebounce);
}

bouncer([7, "ate", "", false, 9]);

theredemu
@theredemu
Jun 09 2017 00:14
@mrgrizzlie33 otherwise you will need to manually share it.
Ozan Araz
@haraldur12
Jun 09 2017 00:15
@reddy-bharathkumar can you wrap the code between ticks?
mrgrizzlie33
@mrgrizzlie33
Jun 09 2017 00:15
I got it to work, I'm not sure exactly how but I did! Thanks for the help!
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2017 00:15
''' checking '''
CamperBot
@camperbot
Jun 09 2017 00:15
:bulb: to format code use backticks! ``` more info
mrgrizzlie33
@mrgrizzlie33
Jun 09 2017 00:15
If I have any more questions I'll let you know
theredemu
@theredemu
Jun 09 2017 00:15
@mrgrizzlie33 glad it worked
Manish Giri
@Manish-Giri
Jun 09 2017 00:15
@reddy-bharathkumar what about NaN?
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2017 00:15
code
function bouncer(arr) {
  // Don't show a false ID to this bouncer
  function falsebounce(arr)
  {
    for(var i = 1; i < arr.length; i++)
      {
        if(arr[i] !== 0 || arr[i] !== false || arr[i] !== 0 || arr[i] !== undefined || arr[i].isNaN)
           return arr[i];
      }
  }

  return arr.filter(falsebounce);
}

bouncer([7, "ate", "", false, 9]);
arsalan1416
@arsalan1416
Jun 09 2017 00:16
<h2 style="color: blue">CatPhotoApp</h2> how to do that
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2017 00:16
for that I thought to use isNaN function
Ozan Araz
@haraldur12
Jun 09 2017 00:16
@reddy-bharathkumar you have to check if the value is boolean instead of checking each one like that
Manish Giri
@Manish-Giri
Jun 09 2017 00:16
@reddy-bharathkumar use Number.isNaN
it'll work.
Ozan Araz
@haraldur12
Jun 09 2017 00:16
@reddy-bharathkumar refer to the documents on mozilla about booleans you can actually check it in an easier way.
Sahana Balram
@sahanabalram
Jun 09 2017 00:16
@arsalan1416 you have to give your styling in your css
Manish Giri
@Manish-Giri
Jun 09 2017 00:16
@Margaret2 how've you been?
arsalan1416
@arsalan1416
Jun 09 2017 00:16
its not turning red in colour
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2017 00:16
ohh okay... thanks @haraldur12 @Manish-Giri
theredemu
@theredemu
Jun 09 2017 00:16
@arsalan1416 you told it to be blue?
Ozan Araz
@haraldur12
Jun 09 2017 00:16
you would refer to your css as h2 { style }...
Margaret
@Margaret2
Jun 09 2017 00:17
@Manish-Giri ok
Manish Giri
@Manish-Giri
Jun 09 2017 00:17
O.o
Kyle Holm
@thekholm80
Jun 09 2017 00:17
today we found out @Margaret2 is famous
Manish Giri
@Manish-Giri
Jun 09 2017 00:18
her review for Webmaker?
Kyle Holm
@thekholm80
Jun 09 2017 00:18
yeah
Margaret
@Margaret2
Jun 09 2017 00:18
x_X
Manish Giri
@Manish-Giri
Jun 09 2017 00:18
yeah I got a notification
Kyle Holm
@thekholm80
Jun 09 2017 00:18
lol
i forget about those some times
Manish Giri
@Manish-Giri
Jun 09 2017 00:19
lol
Margaret
@Margaret2
Jun 09 2017 00:19
diomed is also famous
Brandon
@Steen13
Jun 09 2017 00:19
I don't really understand a form element
Margaret
@Margaret2
Jun 09 2017 00:19
would you believe he has >250 Twitter followers
Brandon
@Steen13
Jun 09 2017 00:19
<form action="/submit-cat-photo"><input type="text" placeholder="cat photo URL"></form>
Manish Giri
@Manish-Giri
Jun 09 2017 00:19
nice
Kyle Holm
@thekholm80
Jun 09 2017 00:20
I'd believe it
he's an interesting guy
cat
whatever
Margaret
@Margaret2
Jun 09 2017 00:20
@Steen13 that looks fine, is it freezing up
Manish Giri
@Manish-Giri
Jun 09 2017 00:20
did you know around 80% of twitter accounts are bots
Kyle Holm
@thekholm80
Jun 09 2017 00:20
yeah
Ozan Araz
@haraldur12
Jun 09 2017 00:20
There is a room called Casual right?
CreateTheHype
@CreateTheHype
Jun 09 2017 00:20
@Manish-Giri says who?
Manish Giri
@Manish-Giri
Jun 09 2017 00:21
I think I've got about 20 of them with different names
Margaret
@Margaret2
Jun 09 2017 00:21
@haraldur12 it's not really active, casual chat happens in the main room https://gitter.im/freecodecamp/freecodecamp
Manish Giri
@Manish-Giri
Jun 09 2017 00:21
@CreateTheHype says a report I read once on twitter
Ozan Araz
@haraldur12
Jun 09 2017 00:21
@Steen13 what is the problem?
@Margaret2 Yeah that's what I was referring to
Carl
@CMexpressIT
Jun 09 2017 00:21
Hi there,
CreateTheHype
@CreateTheHype
Jun 09 2017 00:21
@Manish-Giri i dont use twitter much. jw
Manish Giri
@Manish-Giri
Jun 09 2017 00:21
@Margaret2 I think he was implying that we head there
arsalan1416
@arsalan1416
Jun 09 2017 00:21
why not run test is working
Carl
@CMexpressIT
Jun 09 2017 00:21
Anyone know Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%?
Brandon
@Steen13
Jun 09 2017 00:22
I just dont understand the point of it
Nothing seemed to happen on the app when I typed it in
theredemu
@theredemu
Jun 09 2017 00:22
@Steen13 if it was a real app, the user would enter a URL to their cat photo in that space you coded
Margaret
@Margaret2
Jun 09 2017 00:23
@Steen13 you use the form to submit data to the backend part of your app
arsalan1416
@arsalan1416
Jun 09 2017 00:23
<h2 style="colour: red">CatPhotoApp</h2> why not colour is changeing?
CreateTheHype
@CreateTheHype
Jun 09 2017 00:23
thanks @Margaret2 @theredemu @Steen13 @arsalan1416 @Manish-Giri @CMexpressIT @haraldur12
CamperBot
@camperbot
Jun 09 2017 00:23
createthehype sends brownie points to @margaret2 and @theredemu and @steen13 and @arsalan1416 and @manish-giri and @cmexpressit and @haraldur12 :sparkles: :thumbsup: :sparkles:
:warning: @arsalan1416's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
:star2: 2633 | @margaret2 |http://www.freecodecamp.com/margaret2
:cookie: 36 | @steen13 |http://www.freecodecamp.com/steen13
:cookie: 326 | @haraldur12 |http://www.freecodecamp.com/haraldur12
:cookie: 18 | @cmexpressit |http://www.freecodecamp.com/cmexpressit
:star2: 5890 | @manish-giri |http://www.freecodecamp.com/manish-giri
:cookie: 149 | @theredemu |http://www.freecodecamp.com/theredemu
Ozan Araz
@haraldur12
Jun 09 2017 00:23
@Steen13 so when you have a backend that actually handles your request that action would be referring to the route defined in the server it would get the input's value and handle it as you state
CreateTheHype
@CreateTheHype
Jun 09 2017 00:23
lel
theredemu
@theredemu
Jun 09 2017 00:23
@Steen13 that part that you coded tells where it would be stored at on your site
Manish Giri
@Manish-Giri
Jun 09 2017 00:23
:cookie:
Vortekai
@Vortekai
Jun 09 2017 00:23
How can i give p elements a font size of 16
CreateTheHype
@CreateTheHype
Jun 09 2017 00:23
FREE COOKIES
Manish Giri
@Manish-Giri
Jun 09 2017 00:23
@CreateTheHype ty
CamperBot
@camperbot
Jun 09 2017 00:23
manish-giri sends brownie points to @createthehype :sparkles: :thumbsup: :sparkles:
:cookie: 169 | @createthehype |http://www.freecodecamp.com/createthehype
arsalan1416
@arsalan1416
Jun 09 2017 00:24
<h2 style="colour: red">CatPhotoApp</h2> why not colour is changeing?
Yilin Miao
@yilinmiao
Jun 09 2017 00:24
color
CreateTheHype
@CreateTheHype
Jun 09 2017 00:24
@arsalan1416 color
theredemu @theredemu loves cookies.
CreateTheHype
@CreateTheHype
Jun 09 2017 00:24
is not colour
Sahana Balram
@sahanabalram
Jun 09 2017 00:24
@Vortekai inside your style tag p{ font-sixe: 16px;}
CreateTheHype
@CreateTheHype
Jun 09 2017 00:24
lel
Ozan Araz
@haraldur12
Jun 09 2017 00:24
@arsalan1416 color... they prefer the american way
Vortekai
@Vortekai
Jun 09 2017 00:24
it says to do it within the style tag, not within the p tag
Margaret2 @Margaret2 wishes for cake
theredemu
@theredemu
Jun 09 2017 00:25
@CreateTheHype thanks
CamperBot
@camperbot
Jun 09 2017 00:25
theredemu sends brownie points to @createthehype :sparkles: :thumbsup: :sparkles:
:cookie: 170 | @createthehype |http://www.freecodecamp.com/createthehype
Sahana Balram
@sahanabalram
Jun 09 2017 00:25
@Vortekai yes inside your style tag that is how you would define it
Vortekai
@Vortekai
Jun 09 2017 00:25
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%
Ozan Araz
@haraldur12
Jun 09 2017 00:25
@sahanabalram font-size is way to go
Vortekai
@Vortekai
Jun 09 2017 00:25
<style>
.red-text {
color: red;
}

p{font size: 16px;}

</style>
Manish Giri
@Manish-Giri
Jun 09 2017 00:25
@Margaret2 about the 12000 day streak, I'm not even sure if I'll get to 500
Ozan Araz
@haraldur12
Jun 09 2017 00:25
````
Manish Giri
@Manish-Giri
Jun 09 2017 00:25
:disappointed:
Margaret
@Margaret2
Jun 09 2017 00:25
@Manish-Giri what, you're so close!
Tsering Wangchuk
@lhuabu
Jun 09 2017 00:25
I am starting jquery need help <script> $(document).ready(function() {
});
</script>
arsalan1416
@arsalan1416
Jun 09 2017 00:25
@CreateTheHype @CreateTheHype thanks
CamperBot
@camperbot
Jun 09 2017 00:25
arsalan1416 sends brownie points to @createthehype :sparkles: :thumbsup: :sparkles:
:cookie: 171 | @createthehype |http://www.freecodecamp.com/createthehype
Sahana Balram
@sahanabalram
Jun 09 2017 00:25
@Vortekai need to be font-size and not font size
Manish Giri
@Manish-Giri
Jun 09 2017 00:25
meh
Vortekai
@Vortekai
Jun 09 2017 00:25
thanks
Manish Giri
@Manish-Giri
Jun 09 2017 00:25
I've lost interest
Margaret
@Margaret2
Jun 09 2017 00:25
@Manish-Giri i will personally thank you every day to keep your streak alive :angry:
CamperBot
@camperbot
Jun 09 2017 00:25
margaret2 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5891 | @manish-giri |http://www.freecodecamp.com/manish-giri
Ozan Araz
@haraldur12
Jun 09 2017 00:26
p { 
 font-size : 16px;
}
Vortekai
@Vortekai
Jun 09 2017 00:26
why is that? is it just that they cant have spaces for that?
Kyle Holm
@thekholm80
Jun 09 2017 00:26
@Manish-Giri don't give up on us
Manish Giri
@Manish-Giri
Jun 09 2017 00:26
:scream:
Kyle Holm
@thekholm80
Jun 09 2017 00:26
I'd have never got through GoL without you
Sahana Balram
@sahanabalram
Jun 09 2017 00:26
@Vortekai yes that is correct
Manish Giri
@Manish-Giri
Jun 09 2017 00:26
I'll delete my account
:smiling_imp:
Vortekai
@Vortekai
Jun 09 2017 00:26
Thanks
Margaret
@Margaret2
Jun 09 2017 00:26
@Manish-Giri maybe you do need a break haha
CreateTheHype
@CreateTheHype
Jun 09 2017 00:27
@Manish-Giri lel
Manish Giri
@Manish-Giri
Jun 09 2017 00:27
ty for the gestures tho @Margaret2 @thekholm80
CamperBot
@camperbot
Jun 09 2017 00:27
manish-giri sends brownie points to @margaret2 and @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 997 | @thekholm80 |http://www.freecodecamp.com/thekholm80
:star2: 2634 | @margaret2 |http://www.freecodecamp.com/margaret2
Manish Giri
@Manish-Giri
Jun 09 2017 00:27
oh look 997
Kyle Holm
@thekholm80
Jun 09 2017 00:27
might earn my star today!
theredemu
@theredemu
Jun 09 2017 00:27
@thekholm80 you're so close to a star!
CreateTheHype
@CreateTheHype
Jun 09 2017 00:27
thx @thekholm80
CamperBot
@camperbot
Jun 09 2017 00:27
createthehype sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 998 | @thekholm80 |http://www.freecodecamp.com/thekholm80
theredemu
@theredemu
Jun 09 2017 00:27
@lhuabu thanks!
CamperBot
@camperbot
Jun 09 2017 00:27
theredemu sends brownie points to @lhuabu :sparkles: :thumbsup: :sparkles:
:cookie: 100 | @lhuabu |http://www.freecodecamp.com/lhuabu
theredemu
@theredemu
Jun 09 2017 00:27
Hey
@thekholm80 thanks!
CamperBot
@camperbot
Jun 09 2017 00:28
theredemu sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:cookie: 999 | @thekholm80 |http://www.freecodecamp.com/thekholm80
CreateTheHype
@CreateTheHype
Jun 09 2017 00:28
ayyyeee
one more
navar316
@navar316
Jun 09 2017 00:28
Run into a little problem where i'm trying to use css code to turn the text blue but its not working as its saying my h2 element should be blue?
theredemu
@theredemu
Jun 09 2017 00:28
So close
CreateTheHype
@CreateTheHype
Jun 09 2017 00:28
somebody thank that man
Margaret
@Margaret2
Jun 09 2017 00:28
@thekholm80 ty
CamperBot
@camperbot
Jun 09 2017 00:28
margaret2 sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1000 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Ozan Araz
@haraldur12
Jun 09 2017 00:28
@CreateTheHype post the code if you can
Margaret
@Margaret2
Jun 09 2017 00:28

YES

theredemu
@theredemu
Jun 09 2017 00:28
Woo hoo
Kyle Holm
@thekholm80
Jun 09 2017 00:28
woot you folks are awesome
Manish Giri
@Manish-Giri
Jun 09 2017 00:28
:tada:
CreateTheHype
@CreateTheHype
Jun 09 2017 00:28
@navar316 post your code
Manish Giri
@Manish-Giri
Jun 09 2017 00:28
:congratulations: @thekholm80
Ozan Araz
@haraldur12
Jun 09 2017 00:28
@navar316 post the code if you can*
theredemu
@theredemu
Jun 09 2017 00:28
@navar316 what does your code look like
Manish Giri
@Manish-Giri
Jun 09 2017 00:29
I still remember the day I hit 1000
Kyle Holm
@thekholm80
Jun 09 2017 00:29
found out today that they aren't doing non-profit projects,
so 5 more projects and I'm done with FCC
theredemu
@theredemu
Jun 09 2017 00:29
Is it only cookies and stars or do you get something else
Wait
Margaret
@Margaret2
Jun 09 2017 00:29
@thekholm80 really, how did you find that out
theredemu
@theredemu
Jun 09 2017 00:29
Not doing non-profits? I thought that was the whole point in the end
navar316
@navar316
Jun 09 2017 00:30
<style> h2 {color: blue;}</style>
Kyle Holm
@thekholm80
Jun 09 2017 00:30
@Margaret2 in the backend help room, someone said they were "put on hold" about a year ago
Margaret
@Margaret2
Jun 09 2017 00:30
wow
Kyle Holm
@thekholm80
Jun 09 2017 00:30
I'm guessing not enough folks to to them
Ozan Araz
@haraldur12
Jun 09 2017 00:30
@navar316 that ought to work
Margaret
@Margaret2
Jun 09 2017 00:30
that makes sense actually @thekholm80
Kyle Holm
@thekholm80
Jun 09 2017 00:30
considering only 200 have done the prereqs since, what, 2014?
Manish Giri
@Manish-Giri
Jun 09 2017 00:30
500 ppl with data viz
theredemu
@theredemu
Jun 09 2017 00:30
Not enough coders or not enough non-profits @thekholm80
Manish Giri
@Manish-Giri
Jun 09 2017 00:30
200 with back end
of course there's no enough folks
lol
Kyle Holm
@thekholm80
Jun 09 2017 00:31
200 with all 3 i think @Manish-Giri
@theredemu coders
theredemu
@theredemu
Jun 09 2017 00:31
That is sad
Margaret
@Margaret2
Jun 09 2017 00:31
@thekholm80 I think their idea now is actually, "If you want to work on a non-profit, work on the FCC repo!" :joy:
Manish Giri
@Manish-Giri
Jun 09 2017 00:31
okay maybe i'll stick around until I get full stack
Kyle Holm
@thekholm80
Jun 09 2017 00:31
i might try that
Manish Giri
@Manish-Giri
Jun 09 2017 00:31
then :wave:
navar316
@navar316
Jun 09 2017 00:31
its killing me
Ryan
@RomanAtwoodsEmpire
Jun 09 2017 00:32
how to create a css class?
CreateTheHype
@CreateTheHype
Jun 09 2017 00:32
@navar316 did you open and close your h2 element
Margaret
@Margaret2
Jun 09 2017 00:32
but you don't have to wait until full stack to do that, you could do it now probably
Manish Giri
@Manish-Giri
Jun 09 2017 00:32
of course I won't leave just like that, I'll make people ban me
permanently
sweet revenge
Ozan Araz
@haraldur12
Jun 09 2017 00:32
@navar316 try inline attributes maybe ffc is not processing the style tags
Margaret
@Margaret2
Jun 09 2017 00:32
@Manish-Giri :disappointed:
theredemu
@theredemu
Jun 09 2017 00:32
@navar316 if everything looks right try refreshing
CreateTheHype
@CreateTheHype
Jun 09 2017 00:32

@RomanAtwoodsEmpire

<style>
</style>

Ryan
@RomanAtwoodsEmpire
Jun 09 2017 00:33
Yea I got that :P
But I need to make a class pink-text in it, and I forgot how to do that
Ozan Araz
@haraldur12
Jun 09 2017 00:33
@RomanAtwoodsEmpire <h1 class="className"> and then inside your style tags you refer to it as .className
CreateTheHype
@CreateTheHype
Jun 09 2017 00:33
@RomanAtwoodsEmpire
try
pink-text {
color: pink;
}
Ryan
@RomanAtwoodsEmpire
Jun 09 2017 00:33
Ty hype, I was doing text-color
Manish Giri
@Manish-Giri
Jun 09 2017 00:34
@Margaret2 would you like to see a video on surgery?
theredemu
@theredemu
Jun 09 2017 00:34
@CreateTheHype @RomanAtwoodsEmpire don't forget the dot before it
Jamie Summers
@SummersJr27
Jun 09 2017 00:34
Make sure you have nested all HTML elements in .container-fluid. Still having trouble with this....not sure where to start and stop my div elements
Margaret
@Margaret2
Jun 09 2017 00:35
:point_up: June 3, 2017 4:16 PM were you really trying to get me to go back in the main room? :joy_cat:
@Manish-Giri
theredemu
@theredemu
Jun 09 2017 00:35
@SummersJr27 what have you tried
Manish Giri
@Manish-Giri
Jun 09 2017 00:35
lol
pls
no
CreateTheHype
@CreateTheHype
Jun 09 2017 00:35
@RomanAtwoodsEmpire yes ryan .pink-text in the css
Manish Giri
@Manish-Giri
Jun 09 2017 00:35
I'm glad you're out of that mess
Margaret
@Margaret2
Jun 09 2017 00:35
@SummersJr27
<div>

ALL OTHER ELEMENTS HERE

</div>
Ryan
@RomanAtwoodsEmpire
Jun 09 2017 00:35
@CreateTheHype Got it, thanks
CamperBot
@camperbot
Jun 09 2017 00:35
romanatwoodsempire sends brownie points to @createthehype :sparkles: :thumbsup: :sparkles:
:cookie: 172 | @createthehype |http://www.freecodecamp.com/createthehype
Manish Giri
@Manish-Giri
Jun 09 2017 00:35
things there takes a toll on one's health
Margaret
@Margaret2
Jun 09 2017 00:35
@Manish-Giri and no, i don't wanna watch surgery
CreateTheHype
@CreateTheHype
Jun 09 2017 00:36
WE MAKIN BROWNIES BABY
Manish Giri
@Manish-Giri
Jun 09 2017 00:36
:angry:
Margaret
@Margaret2
Jun 09 2017 00:36
:stuck_out_tongue_closed_eyes:
ScottBland
@ScottBland
Jun 09 2017 00:36
so wait no more non profits WTH
Jamie Summers
@SummersJr27
Jun 09 2017 00:36
@Margaret2 I tried that I thought
Margaret
@Margaret2
Jun 09 2017 00:37
@ScottBland well, FCC itself is a non-profit project, and they can always use help
@SummersJr27 try again and show what you tried
Manish Giri
@Manish-Giri
Jun 09 2017 00:37
if only the people were a bit nicer
Margaret
@Margaret2
Jun 09 2017 00:37
most of the people hanging out in the main chat are not the core team though
CreateTheHype
@CreateTheHype
Jun 09 2017 00:38
@SummersJr27 <div class= "container-fluid">
ScottBland
@ScottBland
Jun 09 2017 00:38
@Margaret2 core team of what. Gitter?
Margaret
@Margaret2
Jun 09 2017 00:39
@ScottBland FreeCodeCamp
Manish Giri
@Manish-Giri
Jun 09 2017 00:39
FCC
Kyle Holm
@thekholm80
Jun 09 2017 00:39
someone suggested I go to local animal shelters and see if they want their sites overhauled, I may do that
Margaret
@Margaret2
Jun 09 2017 00:39
why would anyone from gitter come to the Fcc room lol
Kyle Holm
@thekholm80
Jun 09 2017 00:39
some of our shelters have sad websites
Margaret
@Margaret2
Jun 09 2017 00:39
@thekholm80 oh, that's a great idea
Manish Giri
@Manish-Giri
Jun 09 2017 00:39
get me a pup from the shelter
golden
Kyle Holm
@thekholm80
Jun 09 2017 00:39
build a site, get a pup
seems fair
Manish Giri
@Manish-Giri
Jun 09 2017 00:39
:unamused:
Nathaniel Suchy
@nsuchy
Jun 09 2017 00:39
Is there an experienced camper in here who has time to do a one of one chat with me?
Maybe someone who has or is close to completing the program?
Manish Giri
@Manish-Giri
Jun 09 2017 00:40
@thekholm80
Jamie Summers
@SummersJr27
Jun 09 2017 00:40

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

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

<p>Things cats love:</p>

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

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

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

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

Kyle Holm
@thekholm80
Jun 09 2017 00:40
sure, dm me
Downs34
@Downs34
Jun 09 2017 00:40

I am at the ' Set the Font Family of an Element" section. Does the p elements used for the font typed after the font size?

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

Jamie Summers
@SummersJr27
Jun 09 2017 00:40
@Margaret2
Margaret
@Margaret2
Jun 09 2017 00:40
@SummersJr27
<div class="container-fluid"></div>
Your container-fluid div has nothing inside it
CreateTheHype
@CreateTheHype
Jun 09 2017 00:40
@SummersJr27 <div class="container-fluid"></div> you need to close it at the end not right after
navar316
@navar316
Jun 09 2017 00:40
Yes I did open and close the h2 element and also reset it but it still won't work?
arsalan1416
@arsalan1416
Jun 09 2017 00:40
Ensure that your stylesheet h2 declaration is valid with a semicolon and closing brace.
how to do that
Lance Ward
@Lanceward410
Jun 09 2017 00:41
@Downs34 Yeah
Manish Giri
@Manish-Giri
Jun 09 2017 00:41
when's the next coldplay concert
Lance Ward
@Lanceward410
Jun 09 2017 00:41
@Downs34 p {
font-size: 16px;
}
Margaret
@Margaret2
Jun 09 2017 00:41
@SummersJr27 how can it be a container if it contains nothing
CreateTheHype
@CreateTheHype
Jun 09 2017 00:41
@Margaret2 mindblown
Lance Ward
@Lanceward410
Jun 09 2017 00:41
add font-family: fontyouchoose; below the font size
@Margaret2 Well my coffee cup is empty, it's still a cup :D
CreateTheHype
@CreateTheHype
Jun 09 2017 00:42
@navar316 post your full code here again
Alex
@lexlandr
Jun 09 2017 00:43
Hello! I'm working on "
Override All Other Styles by using Important" and have to add important to my pink-text class to override the other styles. Can someone help me with my code? This is what I have:
<h1 id="orange-text" class="pink-text !important; blue-text" style="color: white">Hello World!</h1
CreateTheHype
@CreateTheHype
Jun 09 2017 00:43
@Margaret2 @Lanceward410 how can it be a cup if nothings cupped
Jamie Summers
@SummersJr27
Jun 09 2017 00:43
@Margaret2 private message
Margaret
@Margaret2
Jun 09 2017 00:44
@Lanceward410 it's now a decorative sculpture :thought_balloon:
@SummersJr27 no
Manish Giri
@Manish-Giri
Jun 09 2017 00:44
@lexlandr is there an example on the left?
Lance Ward
@Lanceward410
Jun 09 2017 00:44
@CreateTheHype It has santa clause on the side. It's magic.
Margaret
@Margaret2
Jun 09 2017 00:44
@lexlandr the important goes in the CSS
Alex
@lexlandr
Jun 09 2017 00:44
@Manish-Giri This is what the example on the left shows: color: red !important;
Margaret
@Margaret2
Jun 09 2017 00:44
so after the color name
Manish Giri
@Manish-Giri
Jun 09 2017 00:44
right
and where is !important?
@thekholm80 can a child pass it's state to parent?
Alex
@lexlandr
Jun 09 2017 00:46
I put !important after pink-text. I have pink-text as a style and am supposed to list both pink-text and blue-text as classes for this heading
Lance Ward
@Lanceward410
Jun 09 2017 00:46
@lexlandr Add it right inside of the opening <h1 ... > bracket just as you would add an in-line class/style
Kyle Holm
@thekholm80
Jun 09 2017 00:46
@Manish-Giri through closures / callbacks
thompsondarian20
@thompsondarian20
Jun 09 2017 00:46
<script> $(document).ready(function)(){});</script> Is that the correct way to create a script element I am stuck on this one challenge.
Manish Giri
@Manish-Giri
Jun 09 2017 00:46
but isn't that against the principle?
one-way data flow
Kyle Holm
@thekholm80
Jun 09 2017 00:47
yes and no
CreateTheHype
@CreateTheHype
Jun 09 2017 00:48
@thompsondarian20 there should be an example of it somewhere or on a previous challenge
Lance Ward
@Lanceward410
Jun 09 2017 00:48

@lexlandr Or in CSS for instance, #div p {
color: red !important;
}
...

div p {

color: blue;

}

raeesah
@raeesah
Jun 09 2017 00:48
hello world
ScottBland
@ScottBland
Jun 09 2017 00:48
@thekholm80 @Manish-Giri lol watching you two talk makes me so confused lol
Ac03
@Ac03
Jun 09 2017 00:49
@lexlandr .pink-text {
Ryan
@RomanAtwoodsEmpire
Jun 09 2017 00:49
how do I create a div element to store my whole html in?
EssaSpider
@EssaSpider
Jun 09 2017 00:49
<script> $(document).ready(function)(){});</script> whats wrong with this code iam stuck :(
CreateTheHype
@CreateTheHype
Jun 09 2017 00:49
@RomanAtwoodsEmpire <div> html </div>
ScottBland
@ScottBland
Jun 09 2017 00:49
@RomanAtwoodsEmpire <div > at the top and the </div> at the bottom
Kyle Holm
@thekholm80
Jun 09 2017 00:49
@Manish-Giri I think at one point it was considered an anti-pattern but it's pretty common practice now as best I can tell
CreateTheHype
@CreateTheHype
Jun 09 2017 00:50
@RomanAtwoodsEmpire just open it at the beginning and dont close it till the very end
Ryan
@RomanAtwoodsEmpire
Jun 09 2017 00:50
Yes, but how do I make it have a certain class?
ScottBland
@ScottBland
Jun 09 2017 00:50
<div class="class you want">
@RomanAtwoodsEmpire
Ryan
@RomanAtwoodsEmpire
Jun 09 2017 00:50
Thanks @ScottBland
CamperBot
@camperbot
Jun 09 2017 00:50
romanatwoodsempire sends brownie points to @scottbland :sparkles: :thumbsup: :sparkles:
:cookie: 200 | @scottbland |http://www.freecodecamp.com/scottbland
CreateTheHype
@CreateTheHype
Jun 09 2017 00:51
@RomanAtwoodsEmpire that or give it an id
Lance Ward
@Lanceward410
Jun 09 2017 00:51
@EssaSpider <script> $(document).ready(function(){});</script> is what it should be. Look at where the paranthesis are, they're different
Kyle Holm
@thekholm80
Jun 09 2017 00:51
@Manish-Giri sorry I guess not technically closures
          <input
            type="text"
            value={model.name}
            // onChange={(e) => { model.name = e.target.value }}
            // ^ Not this. Use the below:
            onChange={this.handleChange}
            placeholder="Your Name"/>
ScottBland
@ScottBland
Jun 09 2017 00:51
@RomanAtwoodsEmpire same type thing
@RomanAtwoodsEmpire what with id <div id="id you want">
Orweezy
@Orweezy
Jun 09 2017 00:51
I am trying to get the font just in <p> what am i dont wrong <style>
.red-text {
color: red;
p {font-size: 16;
}
</style>
Alex
@lexlandr
Jun 09 2017 00:52
@Lanceward410 @Ac03 Thank you both!
CamperBot
@camperbot
Jun 09 2017 00:52
lexlandr sends brownie points to @lanceward410 and @ac03 :sparkles: :thumbsup: :sparkles:
:warning: @lanceward410's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
:cookie: 74 | @ac03 |http://www.freecodecamp.com/ac03
CreateTheHype
@CreateTheHype
Jun 09 2017 00:52
@ScottBland thanks for clarifying
Manish Giri
@Manish-Giri
Jun 09 2017 00:52
@thekholm80 and handleChange() will get passed the event object, and extract event.target.value and call the parent's callback passing in the event.target.value right?
Margaret
@Margaret2
Jun 09 2017 00:52
@Orweezy 16 what? inches?
Ryan
@RomanAtwoodsEmpire
Jun 09 2017 00:52
@ScottBland id is with #?
Orweezy
@Orweezy
Jun 09 2017 00:52
Gotcha
CreateTheHype
@CreateTheHype
Jun 09 2017 00:52
@RomanAtwoodsEmpire yup
Margaret
@Margaret2
Jun 09 2017 00:52
@Orweezy 16px
ScottBland
@ScottBland
Jun 09 2017 00:52
@Orweezy what are you trying to do ?
Margaret
@Margaret2
Jun 09 2017 00:52
px = pixels
Orweezy
@Orweezy
Jun 09 2017 00:53
change the font size to paragraphs
ScottBland
@ScottBland
Jun 09 2017 00:53
@RomanAtwoodsEmpire when you are using it in css it is # to target the id yes
CreateTheHype
@CreateTheHype
Jun 09 2017 00:53
@Orweezy you need to clarify that its in the unit "px"
Kyle Holm
@thekholm80
Jun 09 2017 00:53
@Manish-Giri in that particular example, yes.
Orweezy
@Orweezy
Jun 09 2017 00:53
I see
Lance Ward
@Lanceward410
Jun 09 2017 00:53
@EssaSpider <script> $(document).ready(function+++)+++(){});</script> The paranthesis sorrounded by + signs isn't supposed to be there. You can see, there is an odd number of parenthesis, so one isn't closed/opened
Orweezy
@Orweezy
Jun 09 2017 00:53
thank you!
Mustapha Abdul-Rasaq
@geekmaros
Jun 09 2017 00:54
please help i am in lesson 63, my codes are correct but it is not submitting
ScottBland
@ScottBland
Jun 09 2017 00:54
@geekmaros lets see
Kyle Holm
@thekholm80
Jun 09 2017 00:54

@Manish-Giri my game cell had

    <div
      id={ props.id }
      className="game-cell"
      style={ props.isAlive ? { background: "#FC7290" } : null }
      onClick={ () => {
        props.callHome(
          props.id,
          props.row,
          props.isAlive)
      }} />

the props.callHome passed back to the parent

Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2017 00:54
@geekmaros it's about?
Lance Ward
@Lanceward410
Jun 09 2017 00:54
@geekmaros Check for capital letters in strings. Earlier i had "Contact" instead of "contact" and it marked my otherwise correct code as wrong
Mustapha Abdul-Rasaq
@geekmaros
Jun 09 2017 00:55
Use RGB to Mix Colors
austinrugraff
@austinrugraff
Jun 09 2017 00:55
does anyone know what a closing tag is for an a element?
"a element"
Coy Sanders
@coymeetsworld
Jun 09 2017 00:55
</a>
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2017 00:55
@austinrugraff </a>
austinrugraff
@austinrugraff
Jun 09 2017 00:55
thanks
Mustapha Abdul-Rasaq
@geekmaros
Jun 09 2017 00:55
@Lanceward410 let me check again
Coy Sanders
@coymeetsworld
Jun 09 2017 00:55
all closing tags are the same as the opening minus attributes and it has a forward slash in the beginning
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2017 00:56
@geekmaros for all the colors, use the respective RGB Values..
Coy Sanders
@coymeetsworld
Jun 09 2017 00:56
@thekholm80 inline style? booooooo
Lance Ward
@Lanceward410
Jun 09 2017 00:56

@geekmaros

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

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

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

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

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

Coy Sanders
@coymeetsworld
Jun 09 2017 00:56
@Lanceward410 don't post answers please
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2017 00:57
may be missing parenthesis or semi colon
Lance Ward
@Lanceward410
Jun 09 2017 00:57
Do you work here? @coymeetsworld
Coy Sanders
@coymeetsworld
Jun 09 2017 00:57
no
FCC has a total of 3 employees
Kyle Holm
@thekholm80
Jun 09 2017 00:57
@coymeetsworld shh I'm just happy I made the stupid thing work, I don't care if I had to use bubblegum and wire to hold it all together
Lance Ward
@Lanceward410
Jun 09 2017 00:57
Because if not, sometimes learning from a completed answer is the best way to learn. It's the user's decision to utilize the knowledge!
EssaSpider
@EssaSpider
Jun 09 2017 00:57
@Lanceward410 i tried to remove the +++)++ didn't work
Margaret
@Margaret2
Jun 09 2017 00:58
@Lanceward410 I'd like to see you defending that in the admin room :unamused:
Coy Sanders
@coymeetsworld
Jun 09 2017 00:58
@Lanceward410 its also an easy way for people to blindly copy and paste the solution w/o learning what is happening or how to fix their own problems
Mustapha Abdul-Rasaq
@geekmaros
Jun 09 2017 00:58
it is showing the correct usage of code on the phone screen
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2017 00:58
@geekmaros can you post your code here
Coy Sanders
@coymeetsworld
Jun 09 2017 00:58
you can easily explain to someone the concept without giving them an answer, even on simple things
Lance Ward
@Lanceward410
Jun 09 2017 00:59
@Margaret2 Well that's one way. I used another.
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2017 00:59
@coymeetsworld what you said is true, people will simply copy and paste the answer..
Lance Ward
@Lanceward410
Jun 09 2017 00:59
That's their own deficit they're creating.
Margaret
@Margaret2
Jun 09 2017 00:59
@Lanceward410 well, you're not supposed to give answers here. You can get banned for it. If you want to give answers, create your own chat room.
Coy Sanders
@coymeetsworld
Jun 09 2017 00:59
@Lanceward410 but you're facilitating that
you can't say look at my code but dont copy it
Lance Ward
@Lanceward410
Jun 09 2017 01:00
Okay I'll add a disclaimer next time
Coy Sanders
@coymeetsworld
Jun 09 2017 01:00
no, just don't do it
please
Ben Jacobs
@benjaminmjacobs
Jun 09 2017 01:00
Hi Everyone, I am working on the first basic front end developers webpage projects. I feel confident as I am putting everything together, but the directions said that css wasn't used in the sample. I can't for the life of me remember/think of a way to change the background color within using </style> in CSS. I am really new, And this is something I am struggling with doing this project.
navar316
@navar316
Jun 09 2017 01:00
ha still no go with the code?
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2017 01:00
haha exactly, if there is no solution, there won't be any chance to copy..
Coy Sanders
@coymeetsworld
Jun 09 2017 01:00
if you know the content well enough you can explain it without giving an answer
Margaret
@Margaret2
Jun 09 2017 01:00
@benjaminmjacobs background-color: xxxx;
Lance Ward
@Lanceward410
Jun 09 2017 01:01
Well Coy, good to hear your input.
Margaret
@Margaret2
Jun 09 2017 01:01
@benjaminmjacobs do it for the body element to cover the whole page
raeesah
@raeesah
Jun 09 2017 01:01
i need help on how to do the uncomment HTML
Margaret
@Margaret2
Jun 09 2017 01:01
body { background-color: ....;}
Lance Ward
@Lanceward410
Jun 09 2017 01:01
@raeesah Just erase the opening and closing comment brackets
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2017 01:02
@raeesah <!-- --> these are the comment tags, you just have to remove them
navar316
@navar316
Jun 09 2017 01:02
@CreateTheHype<style>
h2 {color: red;}
</style>
Anum Sharma
@anumsh
Jun 09 2017 01:02
I have doubt in "Change Text Inside an Element Using jQuery" session . I couldn't passed the test.
Manish Giri
@Manish-Giri
Jun 09 2017 01:02
@thekholm80 I'm thinking of having info about how many generations each cell has lived for. The ideal place to hold this in a state seems like <GameCell />.
Ben Jacobs
@benjaminmjacobs
Jun 09 2017 01:02
@Margaret2 thanks margaret. So would i put that in as <body class="background-color: 0000;"> then at the bottom </body>?
CamperBot
@camperbot
Jun 09 2017 01:02
benjaminmjacobs sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 2635 | @margaret2 |http://www.freecodecamp.com/margaret2
Ryan
@RomanAtwoodsEmpire
Jun 09 2017 01:02
for some reason I am getting a error? No clue why I did <form to try and enter a button and cant see what I did wrong
Manish Giri
@Manish-Giri
Jun 09 2017 01:02
@anumsh your code?
Coy Sanders
@coymeetsworld
Jun 09 2017 01:02
what do you have @anumsh ?
Anum Sharma
@anumsh
Jun 09 2017 01:03
$('#target4').html("<em>" + $("#target4").text() + "</em>");
Margaret
@Margaret2
Jun 09 2017 01:03
@benjaminmjacobs no, background-color is a CSS property. You might need to go back and review the basic CSS challenges
class="" is only for class names
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2017 01:03
@RomanAtwoodsEmpire can you post your code?
Kyle Holm
@thekholm80
Jun 09 2017 01:03
@Manish-Giri only information used in render goes in state
Braison
@Braison
Jun 09 2017 01:03

Not sure what I've done incorrectly. Says I still need to "Make sure your form element has an id attribute"
.smaller-image {
width: 100px;
}

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

cat-photo-form {background-color: green; }

</style>

Anum Sharma
@anumsh
Jun 09 2017 01:04
  $(document).ready(function() {
    $("#target1").css("color", "red");
    $("#target4").html("<em> #target4</em>");
   $('#target4').html("<em>" + $("#target4").text() + "</em>");

  });
</script>
Margaret
@Margaret2
Jun 09 2017 01:04
@Braison your form element is <form></form>. You need to make sure it has an id="" attribute
Manish Giri
@Manish-Giri
Jun 09 2017 01:04
@anumsh $('#target4').html("<em>" + $("#target4").text() + "</em>");
you don't need this
Ryan
@RomanAtwoodsEmpire
Jun 09 2017 01:04

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

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

raeesah
@raeesah
Jun 09 2017 01:04
@lanceward @reddy-bharathkumar thanks
CamperBot
@camperbot
Jun 09 2017 01:04
raeesah sends brownie points to @lanceward and @reddy-bharathkumar :sparkles: :thumbsup: :sparkles:
:warning: @lanceward's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
:cookie: 300 | @reddy-bharathkumar |http://www.freecodecamp.com/reddy-bharathkumar
Braison
@Braison
Jun 09 2017 01:04
@Margaret2 gotcha...thanks!
Manish Giri
@Manish-Giri
Jun 09 2017 01:04
@anumsh $("#target4").html("<em> #target4</em>"); - and here, you're adding a space, take it off.
Lance Ward
@Lanceward410
Jun 09 2017 01:04
@Braison In your HTML, inside of your form tag, you must indicate an ID with ID="" just as you would indicate a class Class=""
Coy Sanders
@coymeetsworld
Jun 09 2017 01:04
never seen it written that way before @Manish-Giri but that could work right? I know the 2nd line is there thats why its not needed
Anum Sharma
@anumsh
Jun 09 2017 01:04
@Manish-Giri what exactly I have to do
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2017 01:04
<form <p>Things cats love:</p> in this line form has no ending tag
Mustapha Abdul-Rasaq
@geekmaros
Jun 09 2017 01:04
well i just cleared the code screen and restarted the lesson
Manish Giri
@Manish-Giri
Jun 09 2017 01:05
@coymeetsworld it should work, except she's adding a space, which would wreck things
$("#target4").html("<em> #target4</em>");
Ryan
@RomanAtwoodsEmpire
Jun 09 2017 01:05
@reddy-bharathkumar wasnt trying to add a form for that, was trying to add a button under the picture
Coy Sanders
@coymeetsworld
Jun 09 2017 01:05
$("#target4").html("<em> #target4</em>"); that's already doing what the lesson is asking for @anumsh (minus what @Manish-Giri said above). You don't need that 3rd line so just remove it
yeah maybe
Orweezy
@Orweezy
Jun 09 2017 01:05
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
Ben Jacobs
@benjaminmjacobs
Jun 09 2017 01:05
@Margaret2 thats what I thought, but in the video (https://www.youtube.com/watch?v=qqrnzmqCGDw) he says that is completely html and the only thing he added in CSS is the body margins. But it looks to me to have a gray background. Am I just looking at it wrong?
Orweezy
@Orweezy
Jun 09 2017 01:05
i cant get that
Coy Sanders
@coymeetsworld
Jun 09 2017 01:05
been noticing some of the challenges getting lax on spacing
Braison
@Braison
Jun 09 2017 01:06
@Lanceward410 thank you!
CamperBot
@camperbot
Jun 09 2017 01:06
braison sends brownie points to @lanceward410 :sparkles: :thumbsup: :sparkles:
:warning: @lanceward410's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Orweezy
@Orweezy
Jun 09 2017 01:06
<style>
.red-text {
color: red;
font-size: 16px;
}
</style> i dont know how to make it specific to the P element
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2017 01:06
then remove that <form and add a button type
Orweezy
@Orweezy
Jun 09 2017 01:06
make the font size
Margaret
@Margaret2
Jun 09 2017 01:06
@benjaminmjacobs he doesn't need any CSS because he's using bootstrap which is a big file with a bunch of CSS already written for you
Ravi Kishore Thella
@ravikishorethella
Jun 09 2017 01:06
guys, any feedback is highly appreciated
https://codepen.io/ravikishorethella/pen/rwOERX/?editors=0110
raeesah
@raeesah
Jun 09 2017 01:07
i need help again on the comment out HTML lol
arsalan1416
@arsalan1416
Jun 09 2017 01:07
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
Nathaniel Suchy
@nsuchy
Jun 09 2017 01:07
change the design of the celsius and fahrenheit
Coy Sanders
@coymeetsworld
Jun 09 2017 01:07
@Orweezy look at the example
arsalan1416
@arsalan1416
Jun 09 2017 01:07
how to do that
Nathaniel Suchy
@nsuchy
Jun 09 2017 01:07
see what you can do to make the radios and text more unique
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2017 01:07
@Orweezy you need to use the Paragraph selector
P{
attribute: value
}
Coy Sanders
@coymeetsworld
Jun 09 2017 01:07
youre pretty much done with the red-text class so you shouldn't be adding anything else in there
Anum Sharma
@anumsh
Jun 09 2017 01:07
@coymeetsworld thanks It working now . space was the issue .
CamperBot
@camperbot
Jun 09 2017 01:07
anumsh sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2757 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Manish Giri
@Manish-Giri
Jun 09 2017 01:07
:+1:
Coy Sanders
@coymeetsworld
Jun 09 2017 01:07
@anumsh @Manish-Giri pointed that out though
@Manish-Giri thx
CamperBot
@camperbot
Jun 09 2017 01:07
coymeetsworld sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5892 | @manish-giri |http://www.freecodecamp.com/manish-giri
arsalan1416
@arsalan1416
Jun 09 2017 01:07
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%. how to do that
Manish Giri
@Manish-Giri
Jun 09 2017 01:07
:smile:
Coy Sanders
@coymeetsworld
Jun 09 2017 01:07
but yeah np reiterating what he said lol
Anum Sharma
@anumsh
Jun 09 2017 01:08
@Manish-Giri Thanks . it is working now
CamperBot
@camperbot
Jun 09 2017 01:08
anumsh sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5893 | @manish-giri |http://www.freecodecamp.com/manish-giri
Bharath Kumar Reddy
@reddy-bharathkumar
Jun 09 2017 01:08
or you might have to add the .red-text class to your paragraph
Manish Giri
@Manish-Giri
Jun 09 2017 01:08
:+1:
alexxtt
@alexxtt
Jun 09 2017 01:08
Problem with <h3 class="text-primary" "text-center">jQuery Playground </h3>
Orweezy
@Orweezy
Jun 09 2017 01:08
I have the class in the P element already
Ben Jacobs
@benjaminmjacobs
Jun 09 2017 01:08
@Margaret2 Sorry about this Margaret. I am just trying to understand. So he isn't using CSS because he is using bootstrap. I have added bootstrap, so is there a way to use bootstrap within the HTML and not in the CSS to do a background color. Again, sorry if I am confused, but I really appreciate the help!
Orweezy
@Orweezy
Jun 09 2017 01:08
<style>
.red-text {
color: red;
P {font-size: 16px;
}
</style>
Coy Sanders
@coymeetsworld
Jun 09 2017 01:09
@Orweezy you're creating another style
so it needs to go after the curly bracket
Orweezy
@Orweezy
Jun 09 2017 01:09
oh
i get it
Coy Sanders
@coymeetsworld
Jun 09 2017 01:09
<style>
.red-text {
  color:red;
}
/* here */
</style>
and its not capital P, it should be lowercase p
Orweezy
@Orweezy
Jun 09 2017 01:09
cool, thanks Coy
Coy Sanders
@coymeetsworld
Jun 09 2017 01:09
like how it looks in your html tags (i.e. <p>Lorem ipsum blah blah</p>)
Ravi Kishore Thella
@ravikishorethella
Jun 09 2017 01:09
@Orweezy not P its p and also close the } after red;
Coy Sanders
@coymeetsworld
Jun 09 2017 01:09
np
Margaret
@Margaret2
Jun 09 2017 01:10
@benjaminmjacobs if you're happy with the colors they provide http://getbootstrap.com/css/#helper-classes
Ben Jacobs
@benjaminmjacobs
Jun 09 2017 01:11
@Margaret2 Great! Thanks! This is what I was looking for. Have a great evening!
CamperBot
@camperbot
Jun 09 2017 01:11
benjaminmjacobs sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:warning: benjaminmjacobs already gave margaret2 points
Angela
@AngelaNYC20
Jun 09 2017 01:11
can someone tell me what's wrong with this code?
<style>
.red-text {
color:red;
}
</style>
Coy Sanders
@coymeetsworld
Jun 09 2017 01:11
@AngelaNYC20 nothing
did you assign it to the HTML tags yet?
Angela
@AngelaNYC20
Jun 09 2017 01:12
How do I do that?
caseym94
@caseym94
Jun 09 2017 01:12
can someone help explain why prompt() runs before func()?
https://codepen.io/caseym/pen/LLGpoZ
Coy Sanders
@coymeetsworld
Jun 09 2017 01:13
@AngelaNYC20 with the class attribute
i.e. <h2 class="">
put the class inside the quotes
there should be an example in the instructions right?
Ac03
@Ac03
Jun 09 2017 01:14
How do i nest the buttons within each of their own <div class="col-xs-4"> code? Kind of confused.
<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>
Coy Sanders
@coymeetsworld
Jun 09 2017 01:15

@AngelaNYC20 if you wanted to assign this class to the h2 element:

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

you would change <h2>CatPhotoApp</h2>

to

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

@Ac03 surround each button with a div
<div><button></div>
Jessica
@jlsxv3
Jun 09 2017 01:15

"Inside your script element, add this code: $(document).ready(function() { to your script. Then close it on the following line (still inside your script element) with: });"

<script> $(document).ready(function(){
});</script>

where did I go wrong?
Coy Sanders
@coymeetsworld
Jun 09 2017 01:16
the row should have 3 nested rows, and each row should have a nested button
@jlsxv3 nowhere, try refreshing
Jessica
@jlsxv3
Jun 09 2017 01:16
ok thank you @coymeetsworld
CamperBot
@camperbot
Jun 09 2017 01:16
jlsxv3 sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2758 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Jun 09 2017 01:16
np
Lance Ward
@Lanceward410
Jun 09 2017 01:16
@caseym94 I believe they are running in the correct order. The problem you are getting is that the code is running in the browser's context and the screen isn't updating until the function returns. You may have to use some sort of timer to achieve the result you want
Angela
@AngelaNYC20
Jun 09 2017 01:16
@coymeetsworld so helpful THANK YOU! :)
CamperBot
@camperbot
Jun 09 2017 01:16
angelanyc20 sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2759 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Ryan
@RomanAtwoodsEmpire
Jun 09 2017 01:17
<label><input type="radio" class="btn" name="like">
Like</label> The instructions tell me to create a new button element with the text "like". which I did, and it also tells me to have the class "btn" but I didnt know how to make a class for that, please help :P
Coy Sanders
@coymeetsworld
Jun 09 2017 01:17
yw @AngelaNYC20
hope it makes sense
going to have to use classes alot
@RomanAtwoodsEmpire there is no name attribute for the input tag
wait
Manish Giri
@Manish-Giri
Jun 09 2017 01:18

@RomanAtwoodsEmpire

create a new button element

Coy Sanders
@coymeetsworld
Jun 09 2017 01:18
thats a radio button
should just be a button
Ac03
@Ac03
Jun 09 2017 01:18
@coymeetsworld Ahh I see. Thanks!
CamperBot
@camperbot
Jun 09 2017 01:18
ac03 sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2760 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Manish Giri
@Manish-Giri
Jun 09 2017 01:18
not an "input" element
Ravi Kishore Thella
@ravikishorethella
Jun 09 2017 01:19
Coy Sanders
@coymeetsworld
Jun 09 2017 01:19
np @Ac03
Ryan
@RomanAtwoodsEmpire
Jun 09 2017 01:19
Im confused :P I must've forgot something I learned
Coy Sanders
@coymeetsworld
Jun 09 2017 01:20

<input type="radio"> - radio button

<button> - button

Ryan
@RomanAtwoodsEmpire
Jun 09 2017 01:20
Yea, but that guy up in chat said something about button element
Manish Giri
@Manish-Giri
Jun 09 2017 01:20
@ravikishorethella :clap:
Coy Sanders
@coymeetsworld
Jun 09 2017 01:21
what guy up?
Ryan
@RomanAtwoodsEmpire
Jun 09 2017 01:21
@Manish-Giri
Lance Ward
@Lanceward410
Jun 09 2017 01:21
@ravikishorethella Create a carousel/slideshow format that allows you to slide left or right for Celsius or Fahrenheit. That would be cool and maybe challenging
Coy Sanders
@coymeetsworld
Jun 09 2017 01:22
yeah he was pointing out that you need to create a button element
and you didn't, you created an input element
Ravi Kishore Thella
@ravikishorethella
Jun 09 2017 01:22
@Manish-Giri no suggestions?
Ryan
@RomanAtwoodsEmpire
Jun 09 2017 01:22
@coymeetsworld oh, well then I dont understand why its not accepting it
Brisket1
@Brisket1
Jun 09 2017 01:23
Hi I'm a newbie and was hoping someone could help me
Ryan
@RomanAtwoodsEmpire
Jun 09 2017 01:23
@coymeetsworld reate a new button element with the text "Like".
Your new button should have the class btn. these were the directions im getting wrong
Coy Sanders
@coymeetsworld
Jun 09 2017 01:23
what are your changes?
Ravi Kishore Thella
@ravikishorethella
Jun 09 2017 01:23
@Lanceward410 ty
CamperBot
@camperbot
Jun 09 2017 01:23
ravikishorethella sends brownie points to @lanceward410 :sparkles: :thumbsup: :sparkles:
Lance Ward
@Lanceward410
Jun 09 2017 01:23
@ravikishorethella Here's a rundown on the bootstrap carousel https://www.w3schools.com/bootstrap/bootstrap_carousel.asp
CamperBot
@camperbot
Jun 09 2017 01:23
:cookie: 226 | @lanceward410 |http://www.freecodecamp.com/lanceward410
CallMeOrange
@EgnaroDev
Jun 09 2017 01:23
.
Ravi Kishore Thella
@ravikishorethella
Jun 09 2017 01:24
@Brisket1 what is the challenge?
Otto Cedeno
@ottocedeno
Jun 09 2017 01:24
where’s a good place to upload images for free to link for projects? Imgur isn’t loading properly for me for some reason
Manish Giri
@Manish-Giri
Jun 09 2017 01:24
@ravikishorethella you could reduce the size of your footer text a bit
Brisket1
@Brisket1
Jun 09 2017 01:24
I'm on the challenge of the cat photo app where it says to add an id attribute to the form element. Any ideas what I did wrong?<form id="cat-photo-app" action="/submit-cat-photo">
Manish Giri
@Manish-Giri
Jun 09 2017 01:24
generally that text is of a smaller size compared to the main fonts
Lance Ward
@Lanceward410
Jun 09 2017 01:24
@ottocedeno TinyURL or even Facebook
Ravi Kishore Thella
@ravikishorethella
Jun 09 2017 01:25
@Manish-Giri thanks, I will do that.
CamperBot
@camperbot
Jun 09 2017 01:25
ravikishorethella sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5894 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Jun 09 2017 01:25
@ottocedeno I use dropbox.
@ravikishorethella :+1:
Coy Sanders
@coymeetsworld
Jun 09 2017 01:25
dropbox doesn't support public directory anymore
Otto Cedeno
@ottocedeno
Jun 09 2017 01:25
Yea Dropbox doesn’t work for me either
Coy Sanders
@coymeetsworld
Jun 09 2017 01:25
I transferred most of my projects to gh pages and it can host content as well
Manish Giri
@Manish-Giri
Jun 09 2017 01:26
@coymeetsworld ?
Lance Ward
@Lanceward410
Jun 09 2017 01:27
@ottocedeno Oo, Google Photos may work well
Drebinxx
@Drebinxx
Jun 09 2017 01:27
can someone help me with anchor tags
CreateTheHype
@CreateTheHype
Jun 09 2017 01:27
@Brisket1 did you try closing your form element with </form>
Manish Giri
@Manish-Giri
Jun 09 2017 01:27
I read it killed the use of "public folder"
Ravi Kishore Thella
@ravikishorethella
Jun 09 2017 01:27
@Brisket1 the syntax of the code is correct.
check the instructions and reload the browser
Lance Ward
@Lanceward410
Jun 09 2017 01:27
@Drebinxx <a href=""> </a>
Ryan
@RomanAtwoodsEmpire
Jun 09 2017 01:27
Someone pls correct my code, challenge 67 I was supposed to add this below the 2nd cat photo <label><input type="button" class="btn" name="like">
Like</label> correct?
Manish Giri
@Manish-Giri
Jun 09 2017 01:27
but that shouldn't affect shared files?
Coy Sanders
@coymeetsworld
Jun 09 2017 01:27
@Manish-Giri how are you hosting content from dropbox?
Drebinxx
@Drebinxx
Jun 09 2017 01:28
<p>here's a
<a href="http://freecatphotoapp.com"> cat photos
</a> for your intrest
</p>
Carlos
@kike140509
Jun 09 2017 01:28
hey
Coy Sanders
@coymeetsworld
Jun 09 2017 01:28
also I read above @ottocedeno, imgur is explicitly blocking codepen requests
Carlos
@kike140509
Jun 09 2017 01:28
how you doing
im needidng help
Manish Giri
@Manish-Giri
Jun 09 2017 01:28
@coymeetsworld I usually click on "share", grab the link, and edit the www to dl.
Ravi Kishore Thella
@ravikishorethella
Jun 09 2017 01:28
@Drebinxx i don't think we need this for your intrest
Carlos
@kike140509
Jun 09 2017 01:28
responsively radio buttons
Coy Sanders
@coymeetsworld
Jun 09 2017 01:28
does it still work for you?
Brisket1
@Brisket1
Jun 09 2017 01:28
thank you
Carlos
@kike140509
Jun 09 2017 01:28
can anyone help me
Manish Giri
@Manish-Giri
Jun 09 2017 01:28
it does, but I'm also on pro.
Carlos
@kike140509
Jun 09 2017 01:28
?
Manish Giri
@Manish-Giri
Jun 09 2017 01:28
maybe that's why.
Coy Sanders
@coymeetsworld
Jun 09 2017 01:28
possibly
Ravi Kishore Thella
@ravikishorethella
Jun 09 2017 01:29
@Drebinxx if you need that then check the spelling of interest
Ryan
@RomanAtwoodsEmpire
Jun 09 2017 01:29
anyone?
Ravi Kishore Thella
@ravikishorethella
Jun 09 2017 01:29
@Brisket1 :thumbsup:
Brisket1
@Brisket1
Jun 09 2017 01:29
i did close with </form> but that was after adding several label elements
Coy Sanders
@coymeetsworld
Jun 09 2017 01:29
I did have to edit the share link before
@RomanAtwoodsEmpire you didn't listen to anything we said
Manish Giri
@Manish-Giri
Jun 09 2017 01:29
yeah the share link would still work
Brisket1
@Brisket1
Jun 09 2017 01:29
Thanks Ravi
Ryan
@RomanAtwoodsEmpire
Jun 09 2017 01:29
I did @coymeetsworld
Manish Giri
@Manish-Giri
Jun 09 2017 01:29
only /public won't work
Coy Sanders
@coymeetsworld
Jun 09 2017 01:29
you made a RADIO button. It should just be a button
I explicitly pointed that out, check above again on how to create a button
Drebinxx
@Drebinxx
Jun 09 2017 01:29
well I got rid of the for your interest part and I'm not getting any feed back
CallMeOrange
@EgnaroDev
Jun 09 2017 01:29
Hey guys I have a problem with code
Carlos
@kike140509
Jun 09 2017 01:30
can anyone helpe me
?
CallMeOrange
@EgnaroDev
Jun 09 2017 01:30

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

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

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

<p>kitty ipsum text</p>
Coy Sanders
@coymeetsworld
Jun 09 2017 01:30
@Manish-Giri well thats good to know lol
CallMeOrange
@EgnaroDev
Jun 09 2017 01:30
Your p element should contain the first few words of the provided additional kitty ipsum text.
Which I already did
Coy Sanders
@coymeetsworld
Jun 09 2017 01:30
oh well we get what a free TB on gh pages? I'm nowhere near filling that out
Carlos
@kike140509
Jun 09 2017 01:30
<div class="row">

  <div class="col-xs-s">
  <label><input type="radio" name="indoor-outdoor"> Indoor</label></div>
<div class="col-xs-6"><label><input type="radio" name="indoor-outdoor"> Outdoor</label></div>
Manish Giri
@Manish-Giri
Jun 09 2017 01:30
@MCTwoDigitZero use the text highlighted in red on the left..
CallMeOrange
@EgnaroDev
Jun 09 2017 01:30
I dont see any
Manish Giri
@Manish-Giri
Jun 09 2017 01:30
really?
you sure?
CallMeOrange
@EgnaroDev
Jun 09 2017 01:30
Yeah..
CreateTheHype
@CreateTheHype
Jun 09 2017 01:31
@MCTwoDigitZero the kity cat text copy and paste it
Brisket1
@Brisket1
Jun 09 2017 01:31
it says "Give your form element the id of cat-photo-form"
Manish Giri
@Manish-Giri
Jun 09 2017 01:31
post the challenge URL
@MCTwoDigitZero
Manish Giri
@Manish-Giri
Jun 09 2017 01:31

@MCTwoDigitZero what is this then?

Create a second p element after the existing p element with the following kitty ipsum text: Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.

BlakeTyrone
@BlakeTyrone
Jun 09 2017 01:31
hi
CallMeOrange
@EgnaroDev
Jun 09 2017 01:31
Oh I was just following the instructions in the bottom
Drebinxx
@Drebinxx
Jun 09 2017 01:32
what about the anchor element
CallMeOrange
@EgnaroDev
Jun 09 2017 01:32
:/
tjillian87
@tjillian87
Jun 09 2017 01:32
What is a dead link? And why do I have to make one?
CreateTheHype
@CreateTheHype
Jun 09 2017 01:32
@tjillian87 a dead link is "#"
CallMeOrange
@EgnaroDev
Jun 09 2017 01:32
Thanks @Manish-Giri
CamperBot
@camperbot
Jun 09 2017 01:32
mctwodigitzero sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5895 | @manish-giri |http://www.freecodecamp.com/manish-giri
CreateTheHype
@CreateTheHype
Jun 09 2017 01:32
@tjillian87 its for if your not sure where you want to link but you know you need a link
Kyle Holm
@thekholm80
Jun 09 2017 01:33
thanks @Manish-Giri
CamperBot
@camperbot
Jun 09 2017 01:33
thekholm80 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
tjillian87
@tjillian87
Jun 09 2017 01:33
What?
CamperBot
@camperbot
Jun 09 2017 01:33
:star2: 5896 | @manish-giri |http://www.freecodecamp.com/manish-giri
tjillian87
@tjillian87
Jun 09 2017 01:33
That makes no sense.
Manish Giri
@Manish-Giri
Jun 09 2017 01:33
:heart:
CreateTheHype
@CreateTheHype
Jun 09 2017 01:33
@tjillian87 its like a place holder
Lance Ward
@Lanceward410
Jun 09 2017 01:34
@tjillian87 Yeah, similar to writing an essay you'd write the outline first but not include an in-text citation... You could outline your code, but not have the link ready yet.
CreateTheHype
@CreateTheHype
Jun 09 2017 01:34
@tjillian87 yea its useless
Ryan
@RomanAtwoodsEmpire
Jun 09 2017 01:34
@coymeetsworld I simply misunderstood your help. No need to get angry
Coy Sanders
@coymeetsworld
Jun 09 2017 01:34
im not angry don't mean to sound that way
CallMeOrange
@EgnaroDev
Jun 09 2017 01:34
@RomanAtwoodsEmpire nah he is actually angry
Coy Sanders
@coymeetsworld
Jun 09 2017 01:35
tjillian87
@tjillian87
Jun 09 2017 01:35
Oh, ok, thanks. The instructions were unclear. I wasn't sure why I needed one.
Coy Sanders
@coymeetsworld
Jun 09 2017 01:35
CallMeOrange
@EgnaroDev
Jun 09 2017 01:36
@coymeetsworld How did you do that?
Coy Sanders
@coymeetsworld
Jun 09 2017 01:36
with anger
Manish Giri
@Manish-Giri
Jun 09 2017 01:36
magic
CallMeOrange
@EgnaroDev
Jun 09 2017 01:36
Anger or magic?
Manish Giri
@Manish-Giri
Jun 09 2017 01:36
angry magic
CallMeOrange
@EgnaroDev
Jun 09 2017 01:36
Like black magic?
Manish Giri
@Manish-Giri
Jun 09 2017 01:36
or magical anger
CallMeOrange
@EgnaroDev
Jun 09 2017 01:37
.
Lance Ward
@Lanceward410
Jun 09 2017 01:37
Angic
Ananthakur
@Ananthakur
Jun 09 2017 01:37
https://www.freecodecamp.com/challenges/create-a-set-of-checkboxes#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%3Cul%3E%0A%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%3C%2Ful%3E%0A%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%3Col%3E%0A%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%3C%2Fol%3E%0A%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Indoor%3C%2Flabel%3E%0A%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20abc%20%3C%2Flabel%3E%0A%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20def%20%3C%2Flabel%3E%0A%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3Eghi%20%3C%2Flabel%3E%0A%0A%3C%2Fform%3E%0A
CallMeOrange
@EgnaroDev
Jun 09 2017 01:37
Angic?
Coy Sanders
@coymeetsworld
Jun 09 2017 01:37
alt+click the timestamp
the blackest of magics
Ananthakur
@Ananthakur
Jun 09 2017 01:37
oh shoot thats a big link
CallMeOrange
@EgnaroDev
Jun 09 2017 01:37
Oh thanks
@Ananthakur you can make it simple
[Link name](Url)
Just like that
Ananthakur
@Ananthakur
Jun 09 2017 01:38
okay sounds good thanks
CallMeOrange
@EgnaroDev
Jun 09 2017 01:39
No problem
Ananthakur
@Ananthakur
Jun 09 2017 01:39
but what goes in link name?
Manish Giri
@Manish-Giri
Jun 09 2017 01:39
what you want to show up
CallMeOrange
@EgnaroDev
Jun 09 2017 01:39
yeah
Manish Giri
@Manish-Giri
Jun 09 2017 01:40
[Google](link to google)
CallMeOrange
@EgnaroDev
Jun 09 2017 01:40
JetsunM
@JetsunM
Jun 09 2017 01:40
whats the window containing the code called?
CallMeOrange
@EgnaroDev
Jun 09 2017 01:40
IDE?
Ananthakur
@Ananthakur
Jun 09 2017 01:40
ah i see
Kyle Holm
@thekholm80
Jun 09 2017 01:40
monitor?
CallMeOrange
@EgnaroDev
Jun 09 2017 01:40
Dunno
Manish Giri
@Manish-Giri
Jun 09 2017 01:40
the grudge
Lance Ward
@Lanceward410
Jun 09 2017 01:40
Has anyone read the book "Habits: Why we do what we do" by Charles Duhigg?
Alexander Køpke
@alexanderkopke
Jun 09 2017 01:40
@ottocedeno you can upload your image to unsplash.com, you'll need an account(it's free), and then use https://source.unsplash.com/{photo-id} (the photo-id you get from the url in unsplash) as a link to that image. It's a bit of work but I just tested it and it works also on codepen
Edwin Anye
@edwinAnye
Jun 09 2017 01:41
hey guys please help i have declared my border-width and border-style, yet i cant see the effects
Otto Cedeno
@ottocedeno
Jun 09 2017 01:41
@alexanderkopke Good one. thanks
CamperBot
@camperbot
Jun 09 2017 01:41
ottocedeno sends brownie points to @alexanderkopke :sparkles: :thumbsup: :sparkles:
:star2: 1457 | @alexanderkopke |http://www.freecodecamp.com/alexanderkopke
Lance Ward
@Lanceward410
Jun 09 2017 01:42
It's an in-depth view of the psychology and sociology of human action from a personal, societal, and business perspective. I recommend everyone here read it.
arsalan1416
@arsalan1416
Jun 09 2017 01:42
Your image should have a src attribute that points to the kitten image. how to do this
Lance Ward
@Lanceward410
Jun 09 2017 01:42
@arsalan1416 Inside your <img> tag, add src=""
Manish Giri
@Manish-Giri
Jun 09 2017 01:42
@edwinAnye your code?
Ryan
@RomanAtwoodsEmpire
Jun 09 2017 01:42
How do I nest each of my bootstrap buttons within its own div element?
JetsunM
@JetsunM
Jun 09 2017 01:42

can anyone diagnose the issue here? criteria i havent met in the challenge: "Your <style> should have a pink-text CSS class with its color set to pink."

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

</style>

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

Ryan
@RomanAtwoodsEmpire
Jun 09 2017 01:42
With the class col-xs-4
Lance Ward
@Lanceward410
Jun 09 2017 01:43
@arsalan1416 Similar to other attributes inside of otther elements.
Ryan
@RomanAtwoodsEmpire
Jun 09 2017 01:43
@JetsunM The line color: green; needs to be changed to color: pink;
TonijC253
@TonijC253
Jun 09 2017 01:43
Hello. I cannot figure out what I have wrong. I am trying to create a class smaller image 100px wide.
.smaller-image {
width: 100px;
}
CallMeOrange
@EgnaroDev
Jun 09 2017 01:43
Hey what is the best IDE for writing Html and JS?
Manish Giri
@Manish-Giri
Jun 09 2017 01:43
@JetsunM color: pink - missing ;
@JetsunM class=pink-text - missing quotes
JetsunM
@JetsunM
Jun 09 2017 01:43
@Manish-Giri got it thanks
CamperBot
@camperbot
Jun 09 2017 01:43
jetsunm sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5897 | @manish-giri |http://www.freecodecamp.com/manish-giri
CallMeOrange
@EgnaroDev
Jun 09 2017 01:43
With JS where you can testing the errors?
ScottBland
@ScottBland
Jun 09 2017 01:44
@JetsunM you need ; at the end of pink
Lance Ward
@Lanceward410
Jun 09 2017 01:44
@Jahshot Thanks . Super late reply, but I finally saw this
CamperBot
@camperbot
Jun 09 2017 01:44
lanceward410 sends brownie points to @jahshot :sparkles: :thumbsup: :sparkles:
:cookie: 126 | @jahshot |http://www.freecodecamp.com/jahshot
JetsunM
@JetsunM
Jun 09 2017 01:44
@ScottBland nailed it, thanks :)
CamperBot
@camperbot
Jun 09 2017 01:44
jetsunm sends brownie points to @scottbland :sparkles: :thumbsup: :sparkles:
:cookie: 201 | @scottbland |http://www.freecodecamp.com/scottbland
Edwin Anye
@edwinAnye
Jun 09 2017 01:44
something is certain @Manish-Giri @MCTwoDigitZero try Bracket
Ryan
@RomanAtwoodsEmpire
Jun 09 2017 01:45
div.PNG
how do I nest each of those elements into its own div element
CallMeOrange
@EgnaroDev
Jun 09 2017 01:45
Yeah I have that IDE
Edwin Anye
@edwinAnye
Jun 09 2017 01:45
that is for linux
CallMeOrange
@EgnaroDev
Jun 09 2017 01:45
How about VSC?
Visual Studio Code
Edwin Anye
@edwinAnye
Jun 09 2017 01:45
and for windows sublime text3
arsalan1416
@arsalan1416
Jun 09 2017 01:45
@Lanceward410 not get
Manish Giri
@Manish-Giri
Jun 09 2017 01:46
<div class="col-xs-4">
// button
</div>
CallMeOrange
@EgnaroDev
Jun 09 2017 01:46
@edwinAnye IDE for MacOS
Manish Giri
@Manish-Giri
Jun 09 2017 01:46
@RomanAtwoodsEmpire
Coy Sanders
@coymeetsworld
Jun 09 2017 01:46
VS Code is good
Ryan
@RomanAtwoodsEmpire
Jun 09 2017 01:46
@Manish-Giri on each?
CallMeOrange
@EgnaroDev
Jun 09 2017 01:46
@coymeetsworld yeah but I dont know how to write JS in it
Edwin Anye
@edwinAnye
Jun 09 2017 01:46

guys please whats wrong here?

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

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

h2 {
font-family: Lobster, Monospace;
}

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

.smaller-image {
width: 100px;
}
.thick-green-boarder{
border-width : 10px;
border-color: green;
border-style: solid;

}
</style>

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

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

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

CallMeOrange
@EgnaroDev
Jun 09 2017 01:46
Or testing the code
I heard someone said you had to download some files for it
Coy Sanders
@coymeetsworld
Jun 09 2017 01:47
just like normal i guess
Manish Giri
@Manish-Giri
Jun 09 2017 01:47
@RomanAtwoodsEmpire yes
CallMeOrange
@EgnaroDev
Jun 09 2017 01:47
Really?
Coy Sanders
@coymeetsworld
Jun 09 2017 01:47
theres plugins that help with things
CallMeOrange
@EgnaroDev
Jun 09 2017 01:47
Yeah thats what Im talking about
Manish Giri
@Manish-Giri
Jun 09 2017 01:47
@edwinAnye .thick-green-boarder{
CallMeOrange
@EgnaroDev
Jun 09 2017 01:47
Do I need it?
Coy Sanders
@coymeetsworld
Jun 09 2017 01:47
nah
Manish Giri
@Manish-Giri
Jun 09 2017 01:47
what's boarder?
@edwinAnye
Ryan
@RomanAtwoodsEmpire
Jun 09 2017 01:47
@Manish-Giri thanks
CamperBot
@camperbot
Jun 09 2017 01:47
romanatwoodsempire sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
arsalan1416
@arsalan1416
Jun 09 2017 01:47
Your image should have a src attribute that points to the kitten image. how to do this
CamperBot
@camperbot
Jun 09 2017 01:47
:star2: 5898 | @manish-giri |http://www.freecodecamp.com/manish-giri
CallMeOrange
@EgnaroDev
Jun 09 2017 01:47
@coymeetsworld ok thanks
CamperBot
@camperbot
Jun 09 2017 01:47
mctwodigitzero sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2761 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
arsalan1416
@arsalan1416
Jun 09 2017 01:47
Your image should have a src attribute that points to the kitten image. how to do this
Coy Sanders
@coymeetsworld
Jun 09 2017 01:48
@MCTwoDigitZero not sure
Edwin Anye
@edwinAnye
Jun 09 2017 01:48
@Manish-Giri @Manish-Giri oo thanks
CamperBot
@camperbot
Jun 09 2017 01:48
edwinanye sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5899 | @manish-giri |http://www.freecodecamp.com/manish-giri
Coy Sanders
@coymeetsworld
Jun 09 2017 01:48
maybe es6 plugin
CallMeOrange
@EgnaroDev
Jun 09 2017 01:48
ok :/
right link?
Coy Sanders
@coymeetsworld
Jun 09 2017 01:48
yup
Jorge Madson
@JorgeMadson
Jun 09 2017 01:49
hello people
Lance Ward
@Lanceward410
Jun 09 2017 01:52
@arsalan1416 Add the src="" attribute inside your <img> tag
Lydia
@lydialrc
Jun 09 2017 01:57
why is my text not purple ? https://codepen.io/lydia123/pen/BZoZqr
Lance Ward
@Lanceward410
Jun 09 2017 01:57
@lydialrc Try removing the semicolon from the in-line font-color attribute
JetsunM
@JetsunM
Jun 09 2017 01:58
Just wanted to say, yall are dope on a rope.
Lydia
@lydialrc
Jun 09 2017 01:58
@Lanceward410 still black
doridarien
@doridarien
Jun 09 2017 01:58
hi
json.forEach(function(val) {
      html += "<div class = 'cat'>";

      // Only change code below this line.



      // Only change code above this line.

      html += "</div>";

    });
what is reason for making html inside forEach loop?
navar316
@navar316
Jun 09 2017 01:59
i don't know why it keeps telling me that the h2 element should be blue?Remove the style attribute from your h2 element.
Create a style element.
Your h2 element should be blue.
Ensure that your stylesheet h2 declaration is valid with a semicolon and closing brace.
Make sure all your style elements are valid and have a closing tag.
Lydia
@lydialrc
Jun 09 2017 02:00
why is my text not purple ? https://codepen.io/lydia123/pen/BZoZqr
Claudio Restifo
@Marmiz
Jun 09 2017 02:00
@lydialrc there is no such property of font-color in CSS.
it's just color
Ben Odunjo
@tennyson18
Jun 09 2017 02:00
i need help please
Mark
@melichar20
Jun 09 2017 02:00
Hi everyone, I'm on lesson 76, how do I add the i element to my button element? I can't seem to figure out how to next the i element in the button element. Thansk
Ravi Kishore Thella
@ravikishorethella
Jun 09 2017 02:01

@melichar20

<button>
<i></i>
</button>

arsalan1416
@arsalan1416
Jun 09 2017 02:02
Your image should have a src attribute that points to the kitten image.
Your image should have a src attribute that points to the kitten image.
<img src="https://s3.amazonaws.com/freecodecamp/relaxing-cat.jpg" alt="Author standing on a beach with two thumbs up. ">
Lance Ward
@Lanceward410
Jun 09 2017 02:03
@arsalan1416 Yesss
Claudio Restifo
@Marmiz
Jun 09 2017 02:03
@arsalan1416 are you sure that's the link they suggest on the lesson?
theredemu
@theredemu
Jun 09 2017 02:03
@navar316 you're still having trouble?
arsalan1416
@arsalan1416
Jun 09 2017 02:03
@Lanceward410 showing error
Ben Odunjo
@tennyson18
Jun 09 2017 02:03
import a goggle font. please how do i add font-family:lobster
navar316
@navar316
Jun 09 2017 02:04
yes and its driving me mad
arsalan1416
@arsalan1416
Jun 09 2017 02:04
no
ScottBland
@ScottBland
Jun 09 2017 02:04
@arsalan1416 send me the url
arsalan1416
@arsalan1416
Jun 09 2017 02:04
@Marmiz no
Manish Giri
@Manish-Giri
Jun 09 2017 02:04
@tennyson18 there's an example on the left?
Mark
@melichar20
Jun 09 2017 02:04
@ravikishorethella Thanks for the help
CamperBot
@camperbot
Jun 09 2017 02:04
melichar20 sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 469 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
theredemu
@theredemu
Jun 09 2017 02:04
@navar316 let's see what you have again and give me the exact name of the challenge you are on
Manish Giri
@Manish-Giri
Jun 09 2017 02:04
@Marmiz :wave:
Ravi Kishore Thella
@ravikishorethella
Jun 09 2017 02:04
@melichar20 :thumbsup:
Claudio Restifo
@Marmiz
Jun 09 2017 02:05
@arsalan1416 I remeber it looking something like:
https://bit.ly/fcc-relaxing-cat
arsalan1416
@arsalan1416
Jun 09 2017 02:05
@Marmiz yes
Ben Odunjo
@tennyson18
Jun 09 2017 02:05
@Manish-Giri i've tried adding to h2, but its not a go
Claudio Restifo
@Marmiz
Jun 09 2017 02:05
@Manish-Giri :wave:
@arsalan1416 well yours is:
src="https://s3.amazonaws.com/freecodecamp/relaxing-cat.jpg"
and it tells it's wrong
arsalan1416
@arsalan1416
Jun 09 2017 02:06
@y @Marmiz yes saying wrog
theredemu
@theredemu
Jun 09 2017 02:06
@tennyson18 did you include the link at the beginning so it knows where to get the font from?
Ben Odunjo
@tennyson18
Jun 09 2017 02:07
@theredemu yes i did
Claudio Restifo
@Marmiz
Jun 09 2017 02:07
@arsalan1416 change the url then. The thing inside src=" [...]"
navar316
@navar316
Jun 09 2017 02:07
The challenge is css, I think as I don't even know where t find the <style>
h2 {color: blue;}
</style>
theredemu
@theredemu
Jun 09 2017 02:07
@tennyson18 let's see your code then
@navar316 it's the big letters at the top of it
Bayron Benitez
@bbenitez
Jun 09 2017 02:08
@arsalan1416 the code seems to be correct, but try self-closing the image tag by adding a forward-slash before the closing greater-than sign: <img src="https://s3.amazonaws.com/freecodecamp/relaxing-cat.jpg" alt="Author standing on a beach with two thumbs up. " />
navar316
@navar316
Jun 09 2017 02:09
Use CSS Selectors to Style Elements thanks
theredemu
@theredemu
Jun 09 2017 02:09
@navar316 what is the error
Ben Odunjo
@tennyson18
Jun 09 2017 02:09

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

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

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

</style>

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

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

navar316
@navar316
Jun 09 2017 02:10
it informs me that Your h2 element should be blue.
theredemu
@theredemu
Jun 09 2017 02:11
@tennyson18 you have css in your html area. Treat it just like you did with monospace don't
@navar316 ok.
navar316
@navar316
Jun 09 2017 02:12
sorry I don't understand
theredemu
@theredemu
Jun 09 2017 02:12
@navar316 sorry. I meant I was looking at it
@navar316 what type of device are you using
navar316
@navar316
Jun 09 2017 02:13
a mac
theredemu
@theredemu
Jun 09 2017 02:13
@navar316 and you've refreshed too?
navar316
@navar316
Jun 09 2017 02:13
yes
theredemu
@theredemu
Jun 09 2017 02:13
@navar316 show all of your code
Ben Odunjo
@tennyson18
Jun 09 2017 02:13
@theredemu ok, i got it
theredemu
@theredemu
Jun 09 2017 02:13
@navar316 not just the top part
sachin
@imsks143
Jun 09 2017 02:16
guys anyone know how to nest container-fluid to html
navar316
@navar316
Jun 09 2017 02:16
<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>
Dragons382
@Dragons382
Jun 09 2017 02:18
pink-text {
background-color: pink;
}
Hey guys I put this in <style></style> and it's not turning Hello World pink
Ravi Kishore Thella
@ravikishorethella
Jun 09 2017 02:18
@Dragons382 missing . before pink-text
__mifflin__
@cdrainxv
Jun 09 2017 02:18
@navar316: Where’s your h2 element. You were only suppoosed to delete the the style attribute, which is just this: style="color: red".
Dragons382
@Dragons382
Jun 09 2017 02:18
Thanks
Thanks @ravikishorethella
CamperBot
@camperbot
Jun 09 2017 02:19
dragons382 sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 470 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 09 2017 02:19
@Dragons382 :thumbsup:
theredemu
@theredemu
Jun 09 2017 02:20
@navar316 the top part between style tells how things should be styled when they appear below the </style> by not having H2 afterwards, it can't style it. Make sense?
Ravi Kishore Thella
@ravikishorethella
Jun 09 2017 02:20

@imsks143

<div class="container-fluid">
<your body code should go here>
</div>

__mifflin__
@cdrainxv
Jun 09 2017 02:20
@imsks143: Sandwich your html elements inside of a div with the class of container-fluid.
Ac03
@Ac03
Jun 09 2017 02:21
<button class="btn btn-block btn-primary">Like</button>
How do I nest a thumbs up within this? Using <i class="fa fa-thumbs-up"></i>
theredemu
@theredemu
Jun 09 2017 02:22
@Ac03 you just put that where you want it to appear before the word like
@Ac03 so just before the word like if that didn't make sense
code4thebetter
@code4thebetter
Jun 09 2017 02:23

<body class="body">
</body>

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

can someone tell me whatswronghere?
navar316
@navar316
Jun 09 2017 02:23
@theredemu yes I think I understand
i will try it now and get back to you
theredemu
@theredemu
Jun 09 2017 02:24
@code4thebetter body isn't something they taught yet. Technically everything below style is already in body so that top section needs to be removed
code4thebetter
@code4thebetter
Jun 09 2017 02:25
ok ty
@theredemu thanks
CamperBot
@camperbot
Jun 09 2017 02:25
code4thebetter sends brownie points to @theredemu :sparkles: :thumbsup: :sparkles:
:cookie: 151 | @theredemu |http://www.freecodecamp.com/theredemu
Manish Giri
@Manish-Giri
Jun 09 2017 02:25
@code4thebetter where's the class="body" coming from?
theredemu
@theredemu
Jun 09 2017 02:25
@code4thebetter what was your challenge though
code4thebetter
@code4thebetter
Jun 09 2017 02:25
Style the HTML Body Element
Give your body element the background-color of black.
Make sure your CSS rule is properly formatted with both opening and closing curly brackets.
Make sure your CSS rule ends with a semi-colon.
Ac03
@Ac03
Jun 09 2017 02:26
@theredemu Ooh I was placing it somewhere else. Now I get it. Thanks
CamperBot
@camperbot
Jun 09 2017 02:26
ac03 sends brownie points to @theredemu :sparkles: :thumbsup: :sparkles:
:cookie: 152 | @theredemu |http://www.freecodecamp.com/theredemu
Manish Giri
@Manish-Giri
Jun 09 2017 02:26
your css should target the body element
not a class
code4thebetter
@code4thebetter
Jun 09 2017 02:27
uhm, i dont understand
Manish Giri
@Manish-Giri
Jun 09 2017 02:28
@code4thebetter okay, back to my original question
<body class="body">
why did you put a class here?
code4thebetter
@code4thebetter
Jun 09 2017 02:28
i got it
<style>
body {
background-color: black;
}

</style>
this is how it should be
theredemu
@theredemu
Jun 09 2017 02:28
@code4thebetter if you put a dot before something, it is styling a class
Manish Giri
@Manish-Giri
Jun 09 2017 02:28
:+1:
code4thebetter
@code4thebetter
Jun 09 2017 02:29
its not a class
@Manish-Giri thank you
CamperBot
@camperbot
Jun 09 2017 02:29
code4thebetter sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 5900 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Jun 09 2017 02:29
np
caseym94
@caseym94
Jun 09 2017 02:34
can someone help explain why prompt() runs before func()?
https://codepen.io/caseym/pen/LLGpoZ
Kyle Holm
@thekholm80
Jun 09 2017 02:36
@Manish-Giri 5900, congrats!
gonna hit 6k this weekend
I feel it
Manish Giri
@Manish-Giri
Jun 09 2017 02:36
@thekholm80 :hatching_chick:
lol 100 in 2-3 days!!
Kyle Holm
@thekholm80
Jun 09 2017 02:37
pfft me, margaret and diomed can get you that lol
Manish Giri
@Manish-Giri
Jun 09 2017 02:37
lel
:fire:
Kyle Holm
@thekholm80
Jun 09 2017 02:37
but then you'll pull ahead of me in the rankings, we can't have that
Manish Giri
@Manish-Giri
Jun 09 2017 02:38
Project Almanac was a waste of :clock1:
william connolly
@coldspearox
Jun 09 2017 02:38
where do i declare a red-text class on my style sheet?

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

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

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

Kyle Holm
@thekholm80
Jun 09 2017 02:38
@Manish-Giri it was only in the theaters for like a day, i figured it was garbage
Manish Giri
@Manish-Giri
Jun 09 2017 02:38
it was
Kyle Holm
@thekholm80
Jun 09 2017 02:38

@coldspearox

h2 {
color: red;
}

should have .red-text here instead of h2

Manish Giri
@Manish-Giri
Jun 09 2017 02:39
from the second half it started going south
and the end was ridiculous
Kyle Holm
@thekholm80
Jun 09 2017 02:39
I saw something kind of like that, forget what it was called. some kids found some goo that made them fly and stuff. not a great flick
william connolly
@coldspearox
Jun 09 2017 02:39
thanks!
Manish Giri
@Manish-Giri
Jun 09 2017 02:41
@thekholm80 look how happy dad is
Maq Said
@MaqSaid
Jun 09 2017 02:42
How would you solve "Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%."
Kyle Holm
@thekholm80
Jun 09 2017 02:42
@Manish-Giri haha awesome
rrkattimani47
@rrkattimani47
Jun 09 2017 02:42
how to declare image width 100px where should it be declared
Taylor Esco
@TheAgentEsco
Jun 09 2017 02:42
Hi, I really don't understand what "DIV" does
Manish Giri
@Manish-Giri
Jun 09 2017 02:43
it holds stuff
Taylor Esco
@TheAgentEsco
Jun 09 2017 02:43
I don't understand the quoted text "It's useful for passing the CSS of its own class declarations down to all the elements that it contains."
so it just separates from the rest of the code?
self-contains?
Kyle Holm
@thekholm80
Jun 09 2017 02:44
any child of an element inherits the parent's properties
pretty sure that's what it means
rrkattimani47
@rrkattimani47
Jun 09 2017 02:45
img element should have class smaller-image of width 100px, where should be this declared?
CreateTheHype
@CreateTheHype
Jun 09 2017 02:46
@thekholm80 @Manish-Giri can one of you help me with the challenge - Access MultiDimensional Arrays With Indexes
Cindy Kun
@octothorp3
Jun 09 2017 02:46
<style>
p {font-size: 16px;}
</style>
@MaqSaid
Kyle Holm
@thekholm80
Jun 09 2017 02:46
@CreateTheHype sure
Manish Giri
@Manish-Giri
Jun 09 2017 02:46
@CreateTheHype if you post your code
CreateTheHype
@CreateTheHype
Jun 09 2017 02:46

// Setup
var myArray = [[1,2,3], [4,5,6], [7,8,9], [[10,11,12], 13, 14]];

// Only change code below this line.
var myData = myArray[3][1];

Manish Giri
@Manish-Giri
Jun 09 2017 02:47
indices start at 0
CreateTheHype
@CreateTheHype
Jun 09 2017 02:47
right
so it would be 2
Manish Giri
@Manish-Giri
Jun 09 2017 02:47
yes
Alexander Køpke
@alexanderkopke
Jun 09 2017 02:47
@rrkattimani47 I would argue that you declare a class on the element you want to change. In this case it would be the img element. After you have declared it you can then select it from within the styling tags
Kyle Holm
@thekholm80
Jun 09 2017 02:48
no, 13
CreateTheHype
@CreateTheHype
Jun 09 2017 02:48
ayye thanks @Manish-Giri @thekholm80
CamperBot
@camperbot
Jun 09 2017 02:48
createthehype sends brownie points to @manish-giri and @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 5901 | @manish-giri |http://www.freecodecamp.com/manish-giri
:star2: 1001 | @thekholm80 |http://www.freecodecamp.com/thekholm80
CreateTheHype
@CreateTheHype
Jun 09 2017 02:48
so what does the second one select? the second bracket?
Kyle Holm
@thekholm80
Jun 09 2017 02:48
the index of the sub array
Maq Said
@MaqSaid
Jun 09 2017 02:48
@octothorp3 Thanks
CamperBot
@camperbot
Jun 09 2017 02:48
maqsaid sends brownie points to @octothorp3 :sparkles: :thumbsup: :sparkles:
:cookie: 25 | @octothorp3 |http://www.freecodecamp.com/octothorp3
Cindy Kun
@octothorp3
Jun 09 2017 02:49
no problem @MaqSaid
Kyle Holm
@thekholm80
Jun 09 2017 02:49
myArray[3] === [[10,11,12], 13, 14] and myArray[3][1] === 13
colh99
@colh99
Jun 09 2017 02:50
Can someone have a look at this for me? colh99/apush-compass#2 I can't seem to get the jquery part to work.. Probably something simple but I've been trying for a while. There's more info on the link
Alexander Køpke
@alexanderkopke
Jun 09 2017 02:51
@CreateTheHype var arr = [[0]]; arr[0] would return [0] so since this is an array you'll need another bracket to access the 0. arr[0][0]
Kamlesh Pandey
@codeNai
Jun 09 2017 02:51
hi all
Kyle Holm
@thekholm80
Jun 09 2017 02:52
hi
Alexander Køpke
@alexanderkopke
Jun 09 2017 02:52
hiya
Manish Giri
@Manish-Giri
Jun 09 2017 02:52
hiyb
Otto Cedeno
@ottocedeno
Jun 09 2017 02:52
is there a responsive css code to get a div section to be the height of the viewport?
Kamlesh Pandey
@codeNai
Jun 09 2017 02:52
how to set font size by CSS property
Alexander Køpke
@alexanderkopke
Jun 09 2017 02:53
@ottocedeno 100vh; I think that's it. height: 100vh;
CreateTheHype
@CreateTheHype
Jun 09 2017 02:53
@codeNai
font-size: 10px;
Kamlesh Pandey
@codeNai
Jun 09 2017 02:54
<style>
.red-text {
color: red;
{
font-size: 30px;
}
}
</style>
Otto Cedeno
@ottocedeno
Jun 09 2017 02:54
@alexanderkopke height: height:100vh; is what I used but i’m getting mixed results depending on screen
CreateTheHype
@CreateTheHype
Jun 09 2017 02:54
@codeNai inside of your css class
Alexander Køpke
@alexanderkopke
Jun 09 2017 02:54
@ottocedeno you wrote height twice?
CreateTheHype
@CreateTheHype
Jun 09 2017 02:54
@codeNai remember you got to put it in the class you want to effect
Otto Cedeno
@ottocedeno
Jun 09 2017 02:55
@alexanderkopke UGH. why is it always the easist solution ha
Alexander Køpke
@alexanderkopke
Jun 09 2017 02:55
;)
AIT ASSOU
@toscanoGithub
Jun 09 2017 02:55
Hello everybody, I am working on a Wikipedia viewer challenge, I need some hint to get a bit of text in a first paragraph of href url property. thank you.
Kamlesh Pandey
@codeNai
Jun 09 2017 02:56

@CreateTheHype

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

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

CreateTheHype
@CreateTheHype
Jun 09 2017 02:56
@codeNai do it exactly like how you changed your text color and put it right below it inside of the .red-text class
Kamlesh Pandey
@codeNai
Jun 09 2017 02:56
tell me what is wrong
Manish Giri
@Manish-Giri
Jun 09 2017 02:56
@codeNai what's p2?
CreateTheHype
@CreateTheHype
Jun 09 2017 02:57
@codeNai it should be
.red-text {
font-size: 30px;
}
Kamlesh Pandey
@codeNai
Jun 09 2017 02:57
new paragraph
Manish Giri
@Manish-Giri
Jun 09 2017 02:57
where did you get that info from?
Cindy Kun
@octothorp3
Jun 09 2017 02:58
it should just be another p @codeNai
Kamlesh Pandey
@codeNai
Jun 09 2017 02:58
ok
@octothorp3
Otto Cedeno
@ottocedeno
Jun 09 2017 02:58
one more question before bed: If I have a down arrow linking to the next section on the same page (via an ID), how can I make the transition smooth as opposed to JUMPING there?
Michael Aguilar
@my-coal
Jun 09 2017 02:59

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

<h1>Hello World</h1>

Kamlesh Pandey
@codeNai
Jun 09 2017 03:00
thanks @CreateTheHype
CamperBot
@camperbot
Jun 09 2017 03:00
codenai sends brownie points to @createthehype :sparkles: :thumbsup: :sparkles:
:cookie: 176 | @createthehype |http://www.freecodecamp.com/createthehype
Michael Aguilar
@my-coal
Jun 09 2017 03:00
how would I add a pink text element to override the green text?
Manish Giri
@Manish-Giri
Jun 09 2017 03:00
@my-coal you need to create a class.
CreateTheHype
@CreateTheHype
Jun 09 2017 03:01
@my-coal computers read top to bottom so if you make another color class below it, it will use the lower one
Oyetunji
@Oyetunji
Jun 09 2017 03:02
Hello World
CreateTheHype
@CreateTheHype
Jun 09 2017 03:02
@Oyetunji hello
Suraj Khati
@suraj87
Jun 09 2017 03:05
YOW.
colh99
@colh99
Jun 09 2017 03:05
Would anyone mind helping me with this: colh99/apush-compass#2 I can't seem to get the javascript (jquery) to work, I think it may have to do with how I linked the external javascript file.
grace
@graciphine
Jun 09 2017 03:06

what does it mean when it says not to change the order of the h1 h2 and p in the code
<!--

<h1>Hello World</h1-->

<h2>CatPhotoApp</h2>
<!--p>Hello Paragraph</p> -->

CreateTheHype
@CreateTheHype
Jun 09 2017 03:07
@graciphine your p element is commented out. just remove that and you should be good
@graciphine as well as your h1 element
@CreateTheHype make both the h1 element and the p element match your h2 element
Kalpesh
@xalpesh
Jun 09 2017 03:09
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%. ....but hoe?
how?
Tomas Berner
@FeelTheBerne
Jun 09 2017 03:10
I am on the last challenge of the Cat Photo App and all my code disappeared. It wont reappear if i refresh the page either. Am i a goner
grace
@graciphine
Jun 09 2017 03:10
@CreateTheHype the p element is supposed to be commented out according to instructions as well as the h1 element
CreateTheHype
@CreateTheHype
Jun 09 2017 03:10
@xalpesh dont worry about your browser zoom just focus on your code
@graciphine ok so you comment things out by surrounding the element with <!-- comment-->
@FeelTheBerne just click the challenge on the map again
@FeelTheBerne or press the reset button on the left
Gregorynate
@Gregorynate
Jun 09 2017 03:12
<script $(document).ready(function() {});>

</script>
This is not running
Moisés Man
@moigithub
Jun 09 2017 03:13
code should be BETWEEN the open and closing tag @Gregorynate
NOT as part of the open tag
<openTag>
 // code here
</closingTag>
CreateTheHype
@CreateTheHype
Jun 09 2017 03:14
@graciphine did you get it?
grace
@graciphine
Jun 09 2017 03:14
@CreateTheHype yes that was what i did for element h1 and p cause that was in the instructions and the h2 is supposed to be left uncommented but i still did not get the part where it told me to not change the order of the h1 h2 and p in the code. what order?
CreateTheHype
@CreateTheHype
Jun 09 2017 03:15
@graciphine lets see your revised code