These are chat archives for FreeCodeCamp/Help

18th
Jun 2017
isabellabeltran
@isabellabeltran
Jun 18 2017 00:00
I can't close img can I copy my code and you let me know? @coymeetsworld
F1ko
@F1ko
Jun 18 2017 00:00
@Jeffsywontcode
what kind of dead space?
u can simply resize all the pictures to the same width and height
Coy Sanders
@coymeetsworld
Jun 18 2017 00:00
sure @isabellabeltran you can post
isabellabeltran
@isabellabeltran
Jun 18 2017 00:01

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

img
.smaller-image {width: 100px;}

</style>

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

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

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

F1ko
@F1ko
Jun 18 2017 00:01
@Margaret2
well..thats what i already knew
the inline thing is the tricky one haha
still ty for the answer (:
i will try to do some stuff with inline and flexbox..maybe this will work somehow
CamperBot
@camperbot
Jun 18 2017 00:01
f1ko sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:star2: 2738 | @margaret2 |http://www.freecodecamp.com/margaret2
IggySmith
@IggySmith
Jun 18 2017 00:01
Help please, i just started. My browser and text zoom is at 100%, i cant get past it.. yes i have googled but most is just people with incorrect code
Coy Sanders
@coymeetsworld
Jun 18 2017 00:01
ok couple of things
you closed the img tag prematurely @isabellabeltran
src and alt should be inside the < and >
also img doesn't have a separate closing tag, it's self closed unlike most other tags
so it has no </img>
Chris Bartlett
@Jeffsywontcode
Jun 18 2017 00:02
@F1ko you may be onto something I never thought of that. The Viewport is set to device-width and I wanted to to be no wider than the current image displayed but I couldn't get my head around that so I switched carousel styles instead
Coy Sanders
@coymeetsworld
Jun 18 2017 00:02
technically the opening tag is also the closing, it should be written as <img class="" src="" alt=""/> with the backslash in it
and you dont need to specify img inside your style, just need .smaller-image
Primitech
@Primitech
Jun 18 2017 00:03
Where exactly are you supposed to make the class?
isabellabeltran
@isabellabeltran
Jun 18 2017 00:03
Thank you @coymeetsworld
CamperBot
@camperbot
Jun 18 2017 00:03
isabellabeltran sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:warning: isabellabeltran already gave coymeetsworld points
Coy Sanders
@coymeetsworld
Jun 18 2017 00:03
inside your style tags @Primitech
isabellabeltran
@isabellabeltran
Jun 18 2017 00:03
I will try it!
Coy Sanders
@coymeetsworld
Jun 18 2017 00:03
@isabellabeltran ok gl
@IggySmith post your code
IggySmith
@IggySmith
Jun 18 2017 00:04
solutions on github removed by mods for whatever reason

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

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

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

<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

got all the green ticks but the last one about zoom being at 100% (which it already is)
Coy Sanders
@coymeetsworld
Jun 18 2017 00:05
font-size isn't a class
you're creating a selector
also you don't use equals to assign values to properties in CSS, you use the colon, like you did with red-text's color
F1ko
@F1ko
Jun 18 2017 00:06
@Jeffsywontcode
simply play around with the size
otherwise if u want to code it by yourself u could use javascript and have two buttons (left and right arrow)
each time u click one of those arrows you either add or remove a Class to the img, which makes it dissappear, for example size it to 0, make it transparent or set visibility to none
so each time the arrow is clicked the current img gets the getAwayClass which makes it dissappear, and the next in order gets it removed and appears
just one of many exaplmes
captainkent
@captainkent
Jun 18 2017 00:07
Hey guys, I need some help with the "Return Largest Numbers in Arrays" challenge. I managed to find the largest number in each array, displayed it, etc. But I'm missing one condition because one of the arrays has a smaller max. number than the previous array.
IggySmith
@IggySmith
Jun 18 2017 00:07
@coymeetsworld thanks for the tips but syntax isn't the problem. ''Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.''
CamperBot
@camperbot
Jun 18 2017 00:07
iggysmith sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2817 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
mksafi
@mksafi
Jun 18 2017 00:07
@coymeetsworld how can i access bootstrap file to see how a bootstrap file is created
Coy Sanders
@coymeetsworld
Jun 18 2017 00:08
@IggySmith it absolutely is the problem :)
your css needs to be fixed
F1ko
@F1ko
Jun 18 2017 00:08
@mksafi
simply copy the url in your browser
Coy Sanders
@coymeetsworld
Jun 18 2017 00:08
@mksafi you can download it from their page getbootstrap.com
F1ko
@F1ko
Jun 18 2017 00:09
@mksafi
just copy
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css
in your browser and you can see it
but its unstructured, so you should work with ctrl + F to find what u are searching for
otherwise download it and open it with notepad++ for example
mksafi
@mksafi
Jun 18 2017 00:09
@coymeetsworld can we change the colors and design of the elements or we should follow the bootstrap. Sorry i new to this
Chris Bartlett
@Jeffsywontcode
Jun 18 2017 00:09
@F1ko thanks for the tips, I'll re-install the standard carousel and play about with it tomorrow :+1:
CamperBot
@camperbot
Jun 18 2017 00:09
jeffsywontcode sends brownie points to @f1ko :sparkles: :thumbsup: :sparkles:
:cookie: 141 | @f1ko |http://www.freecodecamp.com/f1ko
Coy Sanders
@coymeetsworld
Jun 18 2017 00:10
yes, you could make a custom bootstrap file, check the website
or you can override the styles, but its tricky
and you have to understand how to override styles, there's a section in FCC that covers it but even so bootstrap is tough
F1ko
@F1ko
Jun 18 2017 00:10
@Jeffsywontcode
your welcome
btw..there is more than just the w3 carousel for bootstrap
just look around which one u like the most
IggySmith
@IggySmith
Jun 18 2017 00:10

@coymeetsworld

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

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

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

<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

captainkent
@captainkent
Jun 18 2017 00:10
Anybody here able to give me a hand
Chris Bartlett
@Jeffsywontcode
Jun 18 2017 00:11
@F1ko I'll probably just do something standard to finish this task, I'm only doing a tribute page haha. Looks like carousels will be used for the portfolio so I'll worry about it more then :smile:
F1ko
@F1ko
Jun 18 2017 00:11
@coymeetsworld
sry but why is it hard to overwrite it?
if they got a class called .active which makes the background color blue
and you write in your css .active background color green
its done and not really that tricky at all?
Coy Sanders
@coymeetsworld
Jun 18 2017 00:12
because its not just overriding a class
the css selectors are more specific than that, and thus they take precedence
@IggySmith the rule is fixed, but not the name, You're not styling font-size tags
F1ko
@F1ko
Jun 18 2017 00:13
@Jeffsywontcode
you dont have to use them at all at the portfolio page
i wont use it either
its a nice and stylish way to show a few pictures, but in my opinion its rarely the best way to show pictures that way
Coy Sanders
@coymeetsworld
Jun 18 2017 00:13
you want to style the name of the tag, in this case p
F1ko
@F1ko
Jun 18 2017 00:14
@coymeetsworld
it simply is cascading
if you import the bootstrap file first and then use the exactly name of their class u can overwrite it
if there are some issues with other classes u can still make !important and it works fine
otherwise you couldnt change the height of your navbar of something like that without using an extra id for everything (which, if you ask me, is pretty annoying)
Coy Sanders
@coymeetsworld
Jun 18 2017 00:15
@F1ko maybe you should try it before explaining it to me :)
using !important is not recommended either
ddlv1988
@ddlv1988
Jun 18 2017 00:16
still having issues with this lesson
<img class= .smaller-image { width: 100px;}> <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
IggySmith
@IggySmith
Jun 18 2017 00:17
@coymeetsworld thank you, got it to work.. but i still don't understand. mind explaining please
CamperBot
@camperbot
Jun 18 2017 00:17
iggysmith sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:warning: iggysmith already gave coymeetsworld points
ddlv1988
@ddlv1988
Jun 18 2017 00:17
it's what I have so far, should it be next to the img element or up in the style section
F1ko
@F1ko
Jun 18 2017 00:17
@coymeetsworld
thats what i already did
for example:
i didnt like the width of the container class and simply wrote another width to the class container
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:17
@ddlv1988
.smaller-image { width: 100px;} should be inside the <style> tags
ddlv1988
@ddlv1988
Jun 18 2017 00:17
ok thanks
Coy Sanders
@coymeetsworld
Jun 18 2017 00:17
@IggySmith which part?
IggySmith
@IggySmith
Jun 18 2017 00:18
@coymeetsworld why
p {
font-size: 16px
worked but not what i did earlier
ddlv1988
@ddlv1988
Jun 18 2017 00:18
i have it in style sheet but still getting these errors
Your img element should have the class smaller-image.
Your image should be 100 pixels wide. Browser zoom should be at 100%.
Coy Sanders
@coymeetsworld
Jun 18 2017 00:18
because this rule is saying for all p elements, set the font-size to 16px
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:18
missing ; after 16px;
Coy Sanders
@coymeetsworld
Jun 18 2017 00:18
what you had before said: for all font-size elements, set the font-size to 16px
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:19
@ddlv1988 yes, that work work because in the <body> you should have onlu one <img> tag
F1ko
@F1ko
Jun 18 2017 00:19
@coymeetsworld
why isnt !important recommended?
sry for the discussion, but i relatively new to the whole stuff and it kinda makes sense the way i imagined it until now
if you got 2 classes with the same name the last one will apply (cascading)
Coy Sanders
@coymeetsworld
Jun 18 2017 00:19
there are no font-size elements , and also you were setting the value of the font-size property in the brackets with an equals sign, but in CSS you use :
ddlv1988
@ddlv1988
Jun 18 2017 00:19
<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
.smaller-image { width: 100px;}
</style>
IggySmith
@IggySmith
Jun 18 2017 00:19
@coymeetsworld cheers mate
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:19
@ddlv1988 show your remaining code as well
Coy Sanders
@coymeetsworld
Jun 18 2017 00:19
@F1ko it has its places but its bad because it makes troubleshooting css harder
also goes against the whole cascading principles
ddlv1988
@ddlv1988
Jun 18 2017 00:20

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

Coy Sanders
@coymeetsworld
Jun 18 2017 00:20
@ddlv1988 you defined the style, but you're not using it
you still need to assign the class to your img tag
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:20
@ddlv1988 add class="" to your <img> tag
ddlv1988
@ddlv1988
Jun 18 2017 00:20
ah it just clicked!
@ravikishorethella thank you!
CamperBot
@camperbot
Jun 18 2017 00:21
ddlv1988 sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 678 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:21
@ddlv1988 :thumbsup:
isabellabeltran
@isabellabeltran
Jun 18 2017 00:23
@coymeetsworld I got stuck again if I want to put more than one class? <img class="smaller-image""thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:23
@isabellabeltran class="classone classtwo"
21RichyRich
@21RichyRich
Jun 18 2017 00:23
Size your Images
how do I size my image
isabellabeltran
@isabellabeltran
Jun 18 2017 00:24
@ravikishorethella thank you!
CamperBot
@camperbot
Jun 18 2017 00:24
isabellabeltran sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 679 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
ddlv1988
@ddlv1988
Jun 18 2017 00:24
hmm i get the concept but still stuck
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:24
@isabellabeltran :thumbsup:
ddlv1988
@ddlv1988
Jun 18 2017 00:24
what should i put for the class @ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:24
@ddlv1988 what is that?
Coy Sanders
@coymeetsworld
Jun 18 2017 00:24
@isabellabeltran yes you need to separate them with a space, theres an example on the left side at the bottom
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:24
@ddlv1988 what do you mean??
ddlv1988
@ddlv1988
Jun 18 2017 00:24

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:25
@21RichyRich what is the challenge?
@ddlv1988 don't create a new <img> tag
Ateeq Khan
@ez12024
Jun 18 2017 00:25
hi. Your h1 element should be white.

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

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

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

<h1 style="color: white">

Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:26
@ddlv1988 add classname to your existing <img> tag
<img src="" class="className" alt="">
Ateeq Khan
@ez12024
Jun 18 2017 00:26
as far as i know...I think i did it right?
?
ddlv1988
@ddlv1988
Jun 18 2017 00:27
ok
and what would be the class name @ravikishorethella
21RichyRich
@21RichyRich
Jun 18 2017 00:27
Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide.
I'm confused on how to make a css class
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:28
@ddlv1988 go through your code which is in between <style> tags. Try to figure it out :smile:
ddlv1988
@ddlv1988
Jun 18 2017 00:28
i dont think i gave it one
it should be img right
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:29
@ddlv1988 <img> is not a class.
check this https://www.w3schools.com/cssref/sel_class.asp
Nikolay Nikolov
@nlazarvn
Jun 18 2017 00:29
pls help

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

h1 {
fond-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 </p>

Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:29
@21RichyRich check this to how to create a class
https://www.w3schools.com/cssref/sel_class.asp
Nikolay Nikolov
@nlazarvn
Jun 18 2017 00:29
Note
Due to browser implementation differences, you may need to be at 100% zoom to pass the tests on this challenge.
21RichyRich
@21RichyRich
Jun 18 2017 00:30
thanks a lot bro
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:30
@nlazarvn what is fond-size:
ddlv1988
@ddlv1988
Jun 18 2017 00:30
woot @ravikishorethella I did it!
thanks for your help
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:30
@ddlv1988 :smile:
Deacter
@jakeser
Jun 18 2017 00:31
DDC
Nikolay Nikolov
@nlazarvn
Jun 18 2017 00:31
Font size is controlled by the font-size CSS property, like this:
h1 {
  font-size: 30px;
}
isabellabeltran
@isabellabeltran
Jun 18 2017 00:32
anyone knows how to use percentage to the border of images? is it a class on the img?
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:33
@isabellabeltran check this, you can figure it out
https://www.w3schools.com/css/css_border.asp
zaiah103
@zaiah103
Jun 18 2017 00:33

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

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

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

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

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

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

please help
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:34
@zaiah103 firstly, missing . before smaller-image { width: 100px; }
and also, you need to add class to your <img> tag
Nayan pokhrel
@Nayanpokhrel
Jun 18 2017 00:34
between the style tags give the p element font size if 16 px . Browser and text zoom should be at 100%
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:35
@Nayanpokhrel show what you did
Nayan pokhrel
@Nayanpokhrel
Jun 18 2017 00:35

<style>
.red-text {
color: red;
h1 {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 dolor,sit amet purr jump eat the grass rip the couch scratched sunbathe,shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched</p>

this is what i did and now i'm stuck here
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:35
@Nayanpokhrel font-size should be given for the p elements
GucciGuwop
@GucciGuwop
Jun 18 2017 00:36
can anyone help me create a bootstrap button pleae
please
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:36
@Nayanpokhrel
p{
propertyname : propertyvalue;
}
@GucciGuwop show what you have tried
Nayan pokhrel
@Nayanpokhrel
Jun 18 2017 00:36
@ravikishorethella thank you brother
CamperBot
@camperbot
Jun 18 2017 00:36
nayanpokhrel sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 680 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:37
@Nayanpokhrel welcome :smile:
GucciGuwop
@GucciGuwop
Jun 18 2017 00:38
@ravikishorethella thank you
CamperBot
@camperbot
Jun 18 2017 00:38
gucciguwop sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 681 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:38
@GucciGuwop :+1:
tommyk2
@tommyk2
Jun 18 2017 00:38
I'm on the step, Create a Block Element Bootstrap Button. I keep getting the error "Your button should have the class btn-block." I have the following in my code... <button class="btn btn-block">Like</button>. What do I have wrong, or is this a bug?
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:40
@tommyk2 nothing wrong in code
tommyk2
@tommyk2
Jun 18 2017 00:40
I didn't think so, but it keeps saying I'm wrong
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:41
@tommyk2 I think the challenge wants something more. Post the instructions
Borjan7
@Borjan7
Jun 18 2017 00:42
Hello, pleas help me for "Give your checkboxes the name attribute of personality." ???
zaiah103
@zaiah103
Jun 18 2017 00:44
@ravikishorethella thanks for the help but I'm really not understanding how to add the smaller-image class to the image
CamperBot
@camperbot
Jun 18 2017 00:44
zaiah103 sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 682 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:44
@zaiah103 <img src="your source url" class="classname" alt="alternative text">
@zaiah103 how to add the smaller-image class to the image
Boby Y.
@Boobsled
Jun 18 2017 00:46
Guys I'm stuck on the test in which I have to build a tribute page. Im having trouble trying to resize an image on it.
Austin Hughes
@ItzAustin
Jun 18 2017 00:46
So I need some help on this challenge
Boby Y.
@Boobsled
Jun 18 2017 00:46
Can someone help me please?
Austin Hughes
@ItzAustin
Jun 18 2017 00:47
it says to set a size 16 font for the p elements
p {
font-size: 16 px;
}
and that doesnt do it
Manish Giri
@Manish-Giri
Jun 18 2017 00:47
@ItzAustin no space
before px
Kyle Holm
@thekholm80
Jun 18 2017 00:47
@Manish-Giri x
Manish Giri
@Manish-Giri
Jun 18 2017 00:48
:joy:
Kyle Holm
@thekholm80
Jun 18 2017 00:48
"my brother is special"
Nikolay Nikolov
@nlazarvn
Jun 18 2017 00:48
@ravikishorethella ty
CamperBot
@camperbot
Jun 18 2017 00:48
nlazarvn sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 683 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:49
@nlazarvn :thumbsup:
Deacter
@jakeser
Jun 18 2017 00:49
I just learn this, want to find a practical case, strives for the link
Angular2
help
Matthew Mehrtens
@Mattkx9
Jun 18 2017 00:51
How do I post codepens?
JadeVanguard
@JadeVanguard
Jun 18 2017 00:52
ive been trying to learn to code but i have been finding staying motivated difficult - any advice
Ateeq Khan
@ez12024
Jun 18 2017 00:53
how do i create a new button element- Bootstrap?
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 00:53
@JadeVanguard don't run behind completing challenges, focus on learning concepts, if you struck at some challenge take a break and try again
Jeremy Anderson
@onecreativegeek
Jun 18 2017 00:57
@ez12024 - <button></button>
You will need to add attributes inside the opening tag as it mentions as well.
Ateeq Khan
@ez12024
Jun 18 2017 01:01
@ravikishorethella thank you
CamperBot
@camperbot
Jun 18 2017 01:01
ez12024 sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 685 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ateeq Khan
@ez12024
Jun 18 2017 01:01
@onecreativegeek thank you
CamperBot
@camperbot
Jun 18 2017 01:01
ez12024 sends brownie points to @onecreativegeek :sparkles: :thumbsup: :sparkles:
:cookie: 84 | @onecreativegeek |http://www.freecodecamp.com/onecreativegeek
Zeel Patel
@zee590
Jun 18 2017 01:01
To get started, we should nest all of our HTML in a div element with the class container-fluid. how do you do that?
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 01:01
@ez12024 :thumbsup:
@zee590
<div class="classname">
all the code to be nested here
</div>
Justin
@JusDV
Jun 18 2017 01:11
im having an issue with sizing an image in the html and css tutorials. the prompt reads "Your image should be 100 pixels wide. Browser zoom should be at 100%." im using safari. how can i diagnose this?
Sylvester-ABC
@Sylvester-ABC
Jun 18 2017 01:12
guys am having isssue wit the anchor tag challenge
Manish Giri
@Manish-Giri
Jun 18 2017 01:12
@JusDV code?
Justin
@JusDV
Jun 18 2017 01:12
i changed the pixels. its the second part regarding the browser zoom that i believe is the issue
isabellabeltran
@isabellabeltran
Jun 18 2017 01:13
@JusDV press control
control+ and check if you are at 100%
Sylvester-ABC
@Sylvester-ABC
Jun 18 2017 01:14
pls help it saying "Your a element should have the anchor text of "cat photos" " but i have done that
Justin
@JusDV
Jun 18 2017 01:14
i tried that, ctrl and -,+. safari doesn't display zoom %
isabellabeltran
@isabellabeltran
Jun 18 2017 01:14
how about on your View
Justin
@JusDV
Jun 18 2017 01:14
just checked it
Erick Lopez
@erick83
Jun 18 2017 01:15
I was that issue to, but i can't do anything about it. I press Ctrl+0 and nothing
isabellabeltran
@isabellabeltran
Jun 18 2017 01:16
Can someone help me turning my a element to a dead link?
Kyle Holm
@thekholm80
Jun 18 2017 01:16
@Manish-Giri x
isabellabeltran
@isabellabeltran
Jun 18 2017 01:16
where am I supposed to put #
Kyle Holm
@thekholm80
Jun 18 2017 01:17
replace the url with # so the link takes you nowhere
isabellabeltran
@isabellabeltran
Jun 18 2017 01:17
so I erase the url?
Kyle Holm
@thekholm80
Jun 18 2017 01:18
yes
Erick Lopez
@erick83
Jun 18 2017 01:18
<a href="#">ASDASDASD </a>
GSGV
@GSGV
Jun 18 2017 01:18

Nest all of your radio buttons inside one div with the class row.
Nest each of your radio buttons inside its own div with the class col-xs-6.

<div class="row">
<div class="col-xs-6">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-6">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-6">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>

Someone take a look at this and tell me what i'm missing

Kyle Holm
@thekholm80
Jun 18 2017 01:18
you're missing radio buttons
isabellabeltran
@isabellabeltran
Jun 18 2017 01:18
@thekholm80 @erick83 AWESOME!
Manish Giri
@Manish-Giri
Jun 18 2017 01:19
@thekholm80 lol that doggo is like "get that thing outta my face hooman what is wrong with you"
Kyle Holm
@thekholm80
Jun 18 2017 01:19
lol
GSGV
@GSGV
Jun 18 2017 01:19
oh jk... it's a vocabulary issue lol
Kyle Holm
@thekholm80
Jun 18 2017 01:20
<input type='radio' ...> that's what radio buttons look like
Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 01:25
my radio button say "stop" and "play"
Marc James Ford
@mf9940
Jun 18 2017 01:28
Your h2 element should be red.
Anyone can help?
CSS class to style elements
Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 01:29
@mf9940 what you have done so far?
Marc James Ford
@mf9940
Jun 18 2017 01:31
<h2> class="red-text">CatPhotoApp</h2>
Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 01:32
it is good
but you have the class defined in your style?
Kyle Holm
@thekholm80
Jun 18 2017 01:32
not good
Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 01:32
plus, <h2 class="">
Kyle Holm
@thekholm80
Jun 18 2017 01:32
there you go
Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 01:33
you are putting it like content, and having 2 closing > aat the start
Marc James Ford
@mf9940
Jun 18 2017 01:33
Thanks!!!! I got it!! Much appreciated friend
Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 01:34
good job
no problem
Julianne Cho
@jucho893
Jun 18 2017 01:37
@coymeetsworld Didn't seem like it worked, so I walked away from the computer for awhile haha
Kyle Holm
@thekholm80
Jun 18 2017 01:37
sometimes that's best lol
Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 01:38
yeah, make the code to want you, he will get more friendly
Nikolay Nikolov
@nlazarvn
Jun 18 2017 01:38
hi
pls hlep
helo

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

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

}

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

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

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

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

NMusey
@NMusey
Jun 18 2017 01:40

<p data-height="265" data-theme-id="0" data-slug-hash="dRNKdX" data-default-tab="html,result" data-user="carnivalofcrows" data-embed-version="2" data-pen-title="weather app" class="codepen">See the Pen <a href="https://codepen.io/carnivalofcrows/pen/dRNKdX/">weather app</a> by Nick Musey (<a href="https://codepen.io/carnivalofcrows">@carnivalofcrows</a>) on <a href="https://codepen.io">CodePen</a>.</p>

<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>

Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 01:40
on your style, you have several }that doesn't match anything
@nlazarvn
Nikolay Nikolov
@nlazarvn
Jun 18 2017 01:41
i just sow that but still don't work

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

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

}

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

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

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

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

Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 01:41
you still have one left
Nikolay Nikolov
@nlazarvn
Jun 18 2017 01:41

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

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

}

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

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

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

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

Matthew Mehrtens
@Mattkx9
Jun 18 2017 01:42
After the .red-text class declaration @nlazarvn
barthoor
@barthoor
Jun 18 2017 01:42
Hey guys, I'm having a little trouble solving the challenge 34, I can't figure how to nest a text field in a form
Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 01:42
@barthoor
<element>
         <nestedelement>
</element>
@nlazarvn what the test says after removing the }
Nikolay Nikolov
@nlazarvn
Jun 18 2017 01:43
Your image should be 100 pixels wide. Browser zoom should be at 100%.
still the same
Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 01:44
@nlazarvn its .smaller-image
@nlazarvn you have a space after the dot
barthoor
@barthoor
Jun 18 2017 01:44
@NahuelOvejero thanks man!
CamperBot
@camperbot
Jun 18 2017 01:44
barthoor sends brownie points to @nahuelovejero :sparkles: :thumbsup: :sparkles:
:cookie: 681 | @nahuelovejero |http://www.freecodecamp.com/nahuelovejero
Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 01:45
no problem!
Nikolay Nikolov
@nlazarvn
Jun 18 2017 01:45
waw
@NahuelOvejero ty
CamperBot
@camperbot
Jun 18 2017 01:45
nlazarvn sends brownie points to @nahuelovejero :sparkles: :thumbsup: :sparkles:
:cookie: 682 | @nahuelovejero |http://www.freecodecamp.com/nahuelovejero
Nayan pokhrel
@Nayanpokhrel
Jun 18 2017 01:46
i couldnot change the image size smaller image 100px browser zoom is at 100% and nothing is hapenning
Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 01:46
@Nayanpokhrel what you have so far?
no problem
Nayan pokhrel
@Nayanpokhrel
Jun 18 2017 01:47

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

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

h2 {
font-family: Lobster, Monospace;
}

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

</style>

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

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

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

<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
this is what i've done so far

Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 01:48
@Nayanpokhrel you are not applying correctly your class
@Nayanpokhrel check how is named at style, and how you use it at your img tag
Fuzzy175
@Fuzzy175
Jun 18 2017 01:49
hey guys, im having trouble with challenge 42 where you have to make a silver background for your div element, this is what I'm doing under style and it is simply not working:
div .silver-background
{background-color:silver;}
Nayan pokhrel
@Nayanpokhrel
Jun 18 2017 01:50
@NahuelOvejero thanks a lot
CamperBot
@camperbot
Jun 18 2017 01:50
nayanpokhrel sends brownie points to @nahuelovejero :sparkles: :thumbsup: :sparkles:
:cookie: 683 | @nahuelovejero |http://www.freecodecamp.com/nahuelovejero
Gulsvi
@gulsvi
Jun 18 2017 01:50
@Fuzzy175 Try removing div
.silver-background {
  background-color: silver;
}
Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 01:51
@Fuzzy175 you need to apply them like you did with red text
no problem Nayan
isabellabeltran
@isabellabeltran
Jun 18 2017 01:51
I'm having trouble nesting my text field in a form element ?
Fuzzy175
@Fuzzy175
Jun 18 2017 01:51
.silver-background {
background-color: silver;}
still doesnt work
Gulsvi
@gulsvi
Jun 18 2017 01:52
Have you applied the class to your <div> so you see a silver background on the cat photo web app?
Similar to how you have red-text applied to your <h2>
<h2 class="red-text">CatPhotoApp</h2>
Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 01:52
@isabellabeltran
<element>
         <nestedelement>
</element>`
Fuzzy175
@Fuzzy175
Jun 18 2017 01:52
no i havent created a class, that's most likely the issue
Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 01:54
@Fuzzy175 but what you pasted there is the creation of the silver-background class
isabellabeltran
@isabellabeltran
Jun 18 2017 01:55
@NahuelOvejero it says I have to nest my text input element within a form element?

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

<form action="/submit-cat-photo"></form>

I'm not to sure what to do?
Fuzzy175
@Fuzzy175
Jun 18 2017 01:56
im confused about how to create a class for div, is it something like this
<div class="silver background">background-color</div
Gulsvi
@gulsvi
Jun 18 2017 01:56
@Fuzzy175 It needs to have the same name as your CSS silver-background
You have two words, which would be two classes silver and background
Just like they used red-text in the <h2> element: <h2 class="red-text">CatPhotoApp</h2>. Same technique, only with a <div> and a different class name.
Fuzzy175
@Fuzzy175
Jun 18 2017 01:58
thank you so much! it's so funny that I have been trying this for the past 15 minutes and i was missing a dash, the irony!
Gulsvi
@gulsvi
Jun 18 2017 01:58
:)
Glad you got it
NMusey
@NMusey
Jun 18 2017 01:58
Seems like most coding errors are something as small as that
Gulsvi
@gulsvi
Jun 18 2017 01:59
yesterday, someone's entire web page was blue text because of one missing > at the end of a tag :)
Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 01:59
@isabellabeltran put inside the input element, between the form tags
Fuzzy175
@Fuzzy175
Jun 18 2017 01:59
haha thats so funny
Gulsvi
@gulsvi
Jun 18 2017 01:59
took forever to find it
Boby Y.
@Boobsled
Jun 18 2017 02:07
hey guys
did anyone else have trouble centering or moving images around in CodePen?
Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 02:08
@Boobsled not me at least
Boby Y.
@Boobsled
Jun 18 2017 02:08
@NahuelOvejero How'd you center images?
Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 02:08
most probably is you are forgetting something that codepen failing
the most common is at style margin: 0 auto;
Boby Y.
@Boobsled
Jun 18 2017 02:08
probably
A few ways to do it in codepen ^^
Boby Y.
@Boobsled
Jun 18 2017 02:11
@SkyC0der Thanks!
Gulsvi
@gulsvi
Jun 18 2017 02:11
No problem
IggySmith
@IggySmith
Jun 18 2017 02:11
Hello, maybe its too late in the night or something but i don't know what this instruction is telling me to do ''Use the hex code for the color red instead of the word red.'' tried replacing the word itself with the hex code, nothing happens
Ashish Kumar Sangwan
@KsangwanA
Jun 18 2017 02:12
@IggySmith show your code
Matthew Mehrtens
@Mattkx9
Jun 18 2017 02:12
Did you remember the # @IggySmith ?
Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 02:12
how you did replace it?
IggySmith
@IggySmith
Jun 18 2017 02:12

<style>
.red-text {
color: FF0000;
}
.green-text {
color: 00FF00;
}
.dodger-blue-text {
color: 2998E4;
}
.orange-text {
color: FFA500;
}
</style>

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

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

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

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

Matthew Mehrtens
@Mattkx9
Jun 18 2017 02:13
You need the # in front of the hex number ;) @IggySmith
isabellabeltran
@isabellabeltran
Jun 18 2017 02:13
I might be tired but I still don't get it
<form action="/submit-cat-photo" input type="text" placeholder="cat photo URL"></form>
Ashish Kumar Sangwan
@KsangwanA
Jun 18 2017 02:13
Color: # ff0000
Matthew Mehrtens
@Mattkx9
Jun 18 2017 02:14
Close @isabellabeltran Try this:
<form action="/submit-cat-photo"><input type="text" placeholder="cat photo URL"></form>
IggySmith
@IggySmith
Jun 18 2017 02:14
@Mattkx9 @KsangwanA thanks.. it is too late in the night lol
CamperBot
@camperbot
Jun 18 2017 02:14
iggysmith sends brownie points to @mattkx9 and @ksangwana :sparkles: :thumbsup: :sparkles:
:cookie: 104 | @ksangwana |http://www.freecodecamp.com/ksangwana
:cookie: 125 | @mattkx9 |http://www.freecodecamp.com/mattkx9
Ashish Kumar Sangwan
@KsangwanA
Jun 18 2017 02:15
@IggySmith it's a bright summer day in India b
isabellabeltran
@isabellabeltran
Jun 18 2017 02:15
@Mattkx9 that's it! Thank you!
CamperBot
@camperbot
Jun 18 2017 02:15
isabellabeltran sends brownie points to @mattkx9 :sparkles: :thumbsup: :sparkles:
:cookie: 126 | @mattkx9 |http://www.freecodecamp.com/mattkx9
Matthew Mehrtens
@Mattkx9
Jun 18 2017 02:15
You tried putting the <input> element inside the declaration for your <form> element. The <input> is a whole new element that needs to be nested inside the <form> element.
Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 02:15
x)
Matthew Mehrtens
@Mattkx9
Jun 18 2017 02:15
No problem :) Good luck! @isabellabeltran
isabellabeltran
@isabellabeltran
Jun 18 2017 02:20
Thank you! @Mattkx9 and @NahuelOvejero
CamperBot
@camperbot
Jun 18 2017 02:20
isabellabeltran sends brownie points to @mattkx9 and @nahuelovejero :sparkles: :thumbsup: :sparkles:
:warning: isabellabeltran already gave mattkx9 points
:cookie: 684 | @nahuelovejero |http://www.freecodecamp.com/nahuelovejero
Matthew Mehrtens
@Mattkx9
Jun 18 2017 02:27
I need some help... I'm making a mistake somewhere, but I'm not sure where the problem lies due to a lack of understanding in the code I'm writing.

https://codepen.io/Mattkx4/pen/VWPxMN?editors=1100

Can someone explain why the <p> element I have is resizing the div instead of wrapping?

Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 02:29
@Mattkx9 you need to put the div a fixed width / heigth to make the p wrapping inside the div
Matthew Mehrtens
@Mattkx9
Jun 18 2017 02:30
See... That's what I was afraid of. There has to be a workaround. I need the width of <div> to be intrinsically set to the width of the image. @NahuelOvejero
Is there a way to fix the width of the <div> to the width of the image?
Ehidin
@eabg
Jun 18 2017 02:31
hey all
need help
Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 02:31
if a div just contain the image, it will be the same width/height at the img
Ehidin
@eabg
Jun 18 2017 02:31
first off how to i post a photo on here. :X
Manish Giri
@Manish-Giri
Jun 18 2017 02:32
@eabg drag and drop
Matthew Mehrtens
@Mattkx9
Jun 18 2017 02:32
Right, I get that, but I have two elements in this div. I need the width of the div to be equal to the width of the first element, but not the second.
Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 02:33
get the size of the image and put it in the div size
Matthew Mehrtens
@Mattkx9
Jun 18 2017 02:33
Nooooo wait
I have an idea.
I'll put another div inside that one.
Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 02:33
maybe there is a more elegant way to do it, but well
@eabg I saw it ;P
Ehidin
@eabg
Jun 18 2017 02:33
well you know that didn't work :(
not use to macs
Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 02:34
It works for me
@eabg just drag the image, and drop it in the chat
Kfootman01
@Kfootman01
Jun 18 2017 02:35
ok so i am trying to create a class called smaller image with a width of 100 but it keeps telling me error.
.smaller-image {width: 100px;}
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 02:36
@Kfootman01 you also need to add the class to your <img> tag
Kfootman01
@Kfootman01
Jun 18 2017 02:37
ok how do i do that? @ravikishorethella
Ehidin
@eabg
Jun 18 2017 02:37
<div class="col-xs-4">
<a href="#">
<img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
</a>
</div>
</div>
Nahuel Ovejero
@NahuelOvejero
Jun 18 2017 02:37
@Kfootman01 like you did it with red text
Ehidin
@eabg
Jun 18 2017 02:37
that will work
I need to find a closing div
it says I'm missing it
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 02:37
@Kfootman01 <img class="className" src="" alt="">
This message was deleted
Ehidin
@eabg
Jun 18 2017 02:38

<div class="row">

<div class="col-xs-8">
<h2 class="text-primary text-center">CatPhotoApp</h2> </div>

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

</div>

don't get it. I don't see a missing div closing tag
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 02:39
@eabg code looks ok. reload the browser
Ehidin
@eabg
Jun 18 2017 02:40
nope
Kfootman01
@Kfootman01
Jun 18 2017 02:40
THANK YOU @ravikishorethella
CamperBot
@camperbot
Jun 18 2017 02:40
kfootman01 sends brownie points to @ravikishorethella :sparkles: :thumbsup: :sparkles:
:cookie: 687 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ehidin
@eabg
Jun 18 2017 02:40
imma reset it.
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 02:40
@Kfootman01 :thumbsup:
@eabg what are the instructions?
Ehidin
@eabg
Jun 18 2017 02:40
Your h2 element and topmost img element should both be nested together within a div element with the class row.
Nest your topmost img element within a div with the class col-xs-4.
Nest your h2 element within a div with the class col-xs-8.
Make sure each of your div elements has a closing tag.
|:[
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 02:42
@eabg try again, I don't see any mistake in the code
Ehidin
@eabg
Jun 18 2017 02:42
if i reset it would it just do this challenge or reset everything.
I'm thinking just this
just want to be sure
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 02:43
@eabg just reset this challenge
@eabg copy the code, reset, paste the code and reload
Roocha Surma
@rsurma
Jun 18 2017 02:43
hi everyone! i'm completely new to coding. i wanted to ask if keeping a notebook with example code is advised. Or if you guys have any tips on how you are following along with all the challenges, that'd be great. thanks!
Manish Giri
@Manish-Giri
Jun 18 2017 02:44
@rsurma I always make notes..
helps review things much faster later on..
Ricky McCallum
@rickymccallum87
Jun 18 2017 02:44
@rsurma If you learn something interesting that you want to commit to memory, definitely write it down. I like to use Anki https://apps.ankiweb.net/
Ehidin
@eabg
Jun 18 2017 02:45
got it. deleted a div placed before the new one, thinking i had to replace it with the new one.
thanks for the help
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 02:45
@eabg :smile: :clap:
MonneyMan
@MonneyMan
Jun 18 2017 02:49
i need help
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 02:49
@MonneyMan ?
MonneyMan
@MonneyMan
Jun 18 2017 02:50
it says Your "img element should have the class smaller-image." i do now know what that is
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 02:50
@MonneyMan you need to add class="smaller-image" to your <img> tag
MonneyMan
@MonneyMan
Jun 18 2017 02:51
thank you i got the challenge done
Ravi Kishore Thella
@ravikishorethella
Jun 18 2017 02:52
@MonneyMan :+1:
MonneyMan
@MonneyMan
Jun 18 2017 02:55
now it says Your img element should have the class thick-green-border. and i am trying to add it but im not sure if i can have 2 classes at the same time
wait i was not reading
im stupid
Ashish Kumar Sangwan
@KsangwanA
Jun 18 2017 03:01
<Img class="class1 class2"> @MonneyMan
MonneyMan
@MonneyMan
Jun 18 2017 03:02
i figured it out, but thank you anyway
Joshua McCune
@racoon1
Jun 18 2017 03:05
result = "your "+myNoun+" "+myAdjective+" "+myVerb+" "+myAdverb+"" can someone explain to me what the '+' at the beginning and end of each variable is doing?
Kyle Holm
@thekholm80
Jun 18 2017 03:06
concatenating the string
Joshua McCune
@racoon1
Jun 18 2017 03:06
but why does there need to be one at the beggining and the end?
Kyle Holm
@thekholm80
Jun 18 2017 03:06
because you're not adding the beginning or end to anything
var noun = "cat";
var verb = "runs";

console.log(noun + " " + verb) // logs "cat runs"
Joshua McCune
@racoon1
Jun 18 2017 03:09
@thekholm80 hmm, I think im getting it. ty
CamperBot
@camperbot
Jun 18 2017 03:09
racoon1 sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1095 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Joshua McCune
@racoon1
Jun 18 2017 03:09
just kind of confusing
Kyle Holm
@thekholm80
Jun 18 2017 03:09
the more you use it the more sense it will make
Joshua McCune
@racoon1
Jun 18 2017 03:11
cool, yea I'll just retain what I can and move on. Thanks again
Kyle Holm
@thekholm80
Jun 18 2017 03:11
:+1:
GSGV
@GSGV
Jun 18 2017 03:12

Only add one class with each of your three selectors.
Your #target1 element should have the classes animated‚ shake and btn-primary.

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

Am i missing something? any typos?

Kyle Holm
@thekholm80
Jun 18 2017 03:12
missing lots of ;
well, 3
3 is lots isn't it?
Jessica Anderson
@constantdoublepie
Jun 18 2017 03:13
yes
GSGV
@GSGV
Jun 18 2017 03:13
well when there's three functions... yep
Jessica Anderson
@constantdoublepie
Jun 18 2017 03:13
One is a lot when it foils the execution :D
Kyle Holm
@thekholm80
Jun 18 2017 03:13
hehe fair enough
GSGV
@GSGV
Jun 18 2017 03:15
problem... I'm not getting any results with them following the closing )
am i misplacing
Kyle Holm
@thekholm80
Jun 18 2017 03:16
show us?
GSGV
@GSGV
Jun 18 2017 03:16
<script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("shake");
$("#target1").addClasss("btn-primary");
});
</script>
Matthew Mehrtens
@Mattkx9
Jun 18 2017 03:17
Triple s
On the last .addClass function
Kyle Holm
@thekholm80
Jun 18 2017 03:17
$("#target1").addClasss("btn-primary");
GSGV
@GSGV
Jun 18 2017 03:17
got it
Kyle Holm
@thekholm80
Jun 18 2017 03:17
congratsss!
Jessica Anderson
@constantdoublepie
Jun 18 2017 03:17
Great!
Kyle Holm
@thekholm80
Jun 18 2017 03:25
oooh new, new favorite thing
Matthew Mehrtens
@Mattkx9
Jun 18 2017 03:27
?
Kyle Holm
@thekholm80
Jun 18 2017 03:29
playing around with react-router-dom, if you include the router on a component it gives you access to a prop called history. you can use this.props.history.push() to navigate programmatically for the user
Robert Arthur Williams
@elpretentio
Jun 18 2017 03:29
hey everyone. i'm working on the portfolio page and trying to figure out the best way to float the list nav elements to the right like the example. i looked through the css in the example but couldn't see anything obvious that did it. is it just the webkit that does it? should we try to make it just like the example, or just something similar?
Kyle Holm
@thekholm80
Jun 18 2017 03:30
you should have a picture and a link to an external page. the rest is up to you
Ricky McCallum
@rickymccallum87
Jun 18 2017 03:30
@elpretentio Nice navigation examples here: https://www.w3schools.com/css/css_navbar.asp
Robert Arthur Williams
@elpretentio
Jun 18 2017 03:30
ok thanks @thekholm80 . if you can help, i would like to know how to properly shift those elements to the right
CamperBot
@camperbot
Jun 18 2017 03:30
:star2: 1096 | @thekholm80 |http://www.freecodecamp.com/thekholm80
elpretentio sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
Kyle Holm
@thekholm80
Jun 18 2017 03:30
@elpretentio sorry, for some reason I read "tribute page" not portfolio page
the user stories are a little different, one sec

User Story: I can access all of the portfolio webpage's content just by scrolling.

User Story: I can click different buttons that will take me to the portfolio creator's different social media pages.

User Story: I can see thumbnail images of different projects the portfolio creator has built (if you haven't built any websites before, use placeholders.)

User Story: I navigate to different sections of the webpage by clicking buttons in the navigation.

that's all they require you to do, how you do it is up to you
@elpretentio can you paste the link to your pen so we can see what you mean?
Robert Arthur Williams
@elpretentio
Jun 18 2017 03:33
when i float: right it removes the padding on the bottom
i know all the user stories of course, i just want to get it close to the example so i can learn more advanced stuff
Kyle Holm
@thekholm80
Jun 18 2017 03:35
@elpretentio since you're not using bootstrap what I would suggest is adding this to your class nav:
display: flex;
flex-direction: row-reverse;
then you can remove the float from your <li>
sailahari05
@sailahari05
Jun 18 2017 03:36
how to add silver background to your div element using css?
Kyle Holm
@thekholm80
Jun 18 2017 03:36
@sailahari05 what have you tried?
sailahari05
@sailahari05
Jun 18 2017 03:37
<div class="silver-background" .silver-background{ background-color: silver; } >
Robert Arthur Williams
@elpretentio
Jun 18 2017 03:37
@thekholm80 ok thanks. and then should i just put the elements in reverse order?
CamperBot
@camperbot
Jun 18 2017 03:37
elpretentio sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:warning: elpretentio already gave thekholm80 points
Kyle Holm
@thekholm80
Jun 18 2017 03:37
image.png
this is how it looked when I did it
sailahari05
@sailahari05
Jun 18 2017 03:38
@thekholm80 does that code work?
Robert Arthur Williams
@elpretentio
Jun 18 2017 03:38
yeah the first element is 'about'
so yeah, i'll just put them in reverse order in the html
Kyle Holm
@thekholm80
Jun 18 2017 03:38
@elpretentio you can either re-order them in your html or I can give you a bunch of css to do it
I'm pretty lazy, i hope you pick the html option
Manish Giri
@Manish-Giri
Jun 18 2017 03:39
Robert Arthur Williams
@elpretentio
Jun 18 2017 03:39
hah alright. well i am curious about the css but i don't want to be a bother
Kyle Holm
@thekholm80
Jun 18 2017 03:39
flexbox is pretty awesome
Manish Giri
@Manish-Giri
Jun 18 2017 03:40
why's there no flexboxdoge.com
Ricky McCallum
@rickymccallum87
Jun 18 2017 03:40
@thekholm80 I have a footer with some list items on left, some on right. Is there a similar solution using display: flex for that? My float: right's stop working the moment I try to position: absolute their parent.
Manish Giri
@Manish-Giri
Jun 18 2017 03:40
or flexboxdoggo.com
Varun Pandey
@varun30300
Jun 18 2017 03:40

body {
background-color: black;
}

Why is'nt this code giving black background colour to the body ?

Kyle Holm
@thekholm80
Jun 18 2017 03:40
@sailahari05 .silver-background{ background-color: silver; } goes in your style tags, not in the html element
@rickymccallum87 yes, you can do that with flexbox
Robert Arthur Williams
@elpretentio
Jun 18 2017 03:41
@thekholm80 ok, cheers
Ricky McCallum
@rickymccallum87
Jun 18 2017 03:42
@thekholm80 I guess the froggy will show me the way, thank you for the links.
CamperBot
@camperbot
Jun 18 2017 03:42
rickymccallum87 sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1097 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Kyle Holm
@thekholm80
Jun 18 2017 03:42
@Manish-Giri damn you that's not a real thing
@rickymccallum87 :+1: they're pretty fun
Jeremy Anderson
@onecreativegeek
Jun 18 2017 03:43
@varun30300 - That CSS looks correct. However, is it asking you to change the black color with a hexidecimal value or RGB value by chance?
Varun Pandey
@varun30300
Jun 18 2017 03:45
@onecreativegeek actually i forgot to put it in the style tag
Jeremy Anderson
@onecreativegeek
Jun 18 2017 03:46
That makes sense! Glad you were able to find it @varun30300. I think it is always rewarding when we discover our little mistakes. Makes you a better coder! :)
Lazar Lazarevic
@lazarlaki
Jun 18 2017 03:46
how to make an a element that links to a web page
Kyle Holm
@thekholm80
Jun 18 2017 03:46
with an anchor element
Jeremy Anderson
@onecreativegeek
Jun 18 2017 03:47
@lazarlaki - Are you talking <a></a> by chance?
Lazar Lazarevic
@lazarlaki
Jun 18 2017 03:47

like thiseverywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff. <a href="http//freecatphotoapp.com"> cat photos </a> </p>

<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, she

yeah
Manish Giri
@Manish-Giri
Jun 18 2017 03:47
href="pornhub.com"
Jeremy Anderson
@onecreativegeek
Jun 18 2017 03:47
@lazarlaki - You are missing a colon after your http.
http://
Lazar Lazarevic
@lazarlaki
Jun 18 2017 03:48
oh woow
the small things
Jeremy Anderson
@onecreativegeek
Jun 18 2017 03:48
Always the small things!
Lazar Lazarevic
@lazarlaki
Jun 18 2017 03:48
thank you very much
Jeremy Anderson
@onecreativegeek
Jun 18 2017 03:48
Of course!
Manish Giri
@Manish-Giri
Jun 18 2017 03:49
@thekholm80 the good thing about being the only 1 to know one or 2 things about code is that you can do bad things :smiling_imp:
like this one time a group of my friends were supposed to give a demo about a tiny web app, of course they copy-pasted most of the things from internet, so I went in and quietly changed one of the hrefs to that link above, and let the anchor text remain as it is
imagine how the demo went :smiling_imp:
Kyle Holm
@thekholm80
Jun 18 2017 03:49
that's pretty brutal
Manish Giri
@Manish-Giri
Jun 18 2017 03:50
:feelsgood:
Kyle Holm
@thekholm80
Jun 18 2017 03:50
remind me to never let you near my code
Manish Giri
@Manish-Giri
Jun 18 2017 03:50
:smiling_imp:
Kyle Holm
@thekholm80
Jun 18 2017 03:51
brb writing bot to reject all github prs from you
Manish Giri
@Manish-Giri
Jun 18 2017 03:51
:joy:
Varun Pandey
@varun30300
Jun 18 2017 03:51
@Manish-Giri bhai pura indian hai tu
Manish Giri
@Manish-Giri
Jun 18 2017 03:51
lol
Kyle Holm
@thekholm80
Jun 18 2017 03:51
i told tiggy she should make prs to your repos and fill them full of greek question marks
Manish Giri
@Manish-Giri
Jun 18 2017 03:51
:scream:
Kyle Holm
@thekholm80
Jun 18 2017 03:52
I wonder if anyone's made an atom package for finding those?
Manish Giri
@Manish-Giri
Jun 18 2017 03:52
prolly not
there are a lot of duplicate atom packages
20 packages to do 1 thing
Kyle Holm
@thekholm80
Jun 18 2017 03:53
npm is the same way
claire8ear
@claire8ear
Jun 18 2017 03:54
What is the difference between a class and an element... basic question I know... sorry.
Kyle Holm
@thekholm80
Jun 18 2017 03:55
elements are the building blocks of html, class is an attribute we give to elements that allows us to use custom css from our style sheets in multiple places
Jeremy Anderson
@onecreativegeek
Jun 18 2017 03:57
Generally speaking @claire8ear - Elements = HTML Tags. Class = Attributes used inside HTML Tag.
Nayan pokhrel
@Nayanpokhrel
Jun 18 2017 03:57
how to get a element that will link to http:/freecatphotoapp.com i need help for it
Jeremy Anderson
@onecreativegeek
Jun 18 2017 03:57
Better description is what @thekholm80 said.
@Nayanpokhrel - First, you are missing a forward slash from your http…needs to be http://
Then the element is the anchor or <a></a>
heroiczero
@heroiczero
Jun 18 2017 03:59
@Nayanpokhrel there should be an example on the left
Jeremy Anderson
@onecreativegeek
Jun 18 2017 03:59
Don’t forget to include the proper attributes as well.
Nayan pokhrel
@Nayanpokhrel
Jun 18 2017 03:59
@onecreativegeek hoo i made a silly mistake
claire8ear
@claire8ear
Jun 18 2017 04:00
@thekholm80 @onecreativegeek thank you!!
CamperBot
@camperbot
Jun 18 2017 04:00
claire8ear sends brownie points to @thekholm80 and @onecreativegeek :sparkles: :thumbsup: :sparkles:
:cookie: 106 | @onecreativegeek |http://www.freecodecamp.com/onecreativegeek
:star2: 1098 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Nayan pokhrel
@Nayanpokhrel
Jun 18 2017 04:00

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. ">
<a href= "http://llfreecatphotoapp.com">cat photos</a>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the <a href=google.com>red dot</a>, 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>this is what i've done where is the mistake

Manish Giri
@Manish-Giri
Jun 18 2017 04:01
@Nayanpokhrel "http://llfreecatphotoapp.com"
here
Nayan pokhrel
@Nayanpokhrel
Jun 18 2017 04:02
thak you @onecreativegeek i've found it
@Manish-Giri i got it
Jeremy Anderson
@onecreativegeek
Jun 18 2017 04:02
@Nayanpokhrel - First thing that I see is the missing < before your h2
Nayan pokhrel
@Nayanpokhrel
Jun 18 2017 04:02
and done it right
thank you for you help man
Jeremy Anderson
@onecreativegeek
Jun 18 2017 04:02
Anytime!
Nayan pokhrel
@Nayanpokhrel
Jun 18 2017 04:03
because i didn't copy it that's the reason you're not seeing it <
Varun Pandey
@varun30300
Jun 18 2017 04:04
How can we give the body element a colour element of green ?
Jeremy Anderson
@onecreativegeek
Jun 18 2017 04:05
OK. Just making sure!
heroiczero
@heroiczero
Jun 18 2017 04:05
@varun30300 use color
@varun30300 not colour
Jeremy Anderson
@onecreativegeek
Jun 18 2017 04:05
@varun30300 - color: green;
Varun Pandey
@varun30300
Jun 18 2017 04:06

body {
.green-text{color: green;}
}

</style>

i did this

Jeremy Anderson
@onecreativegeek
Jun 18 2017 04:06
body {
.green-text{color: green;}
}
</style>
.green-text {
color: green;
}
Manish Giri
@Manish-Giri
Jun 18 2017 04:07
@varun30300 you should just add color: green to the body selector..
Jeremy Anderson
@onecreativegeek
Jun 18 2017 04:07
Sorry about the first one, it was me copying/pasting yours
Manish Giri
@Manish-Giri
Jun 18 2017 04:07
no need of a class
body {
...
}
Jeremy Anderson
@onecreativegeek
Jun 18 2017 04:07
If it asks for it in the body, then replace your .green-text with body
Varun Pandey
@varun30300
Jun 18 2017 04:08

<style>
body {
.green-text{color: green;}
}

</style>

<h1>Hello World</h1>

this is the full thing , but it is not working

Manish Giri
@Manish-Giri
Jun 18 2017 04:08
no need of a class
body {
...
}
@varun30300
Jeremy Anderson
@onecreativegeek
Jun 18 2017 04:08
<style>
body {
color: green;}
</style>
Brian Quiroz
@brianquiroz216
Jun 18 2017 04:08
hello, I'm doing the first project. Trying to center the image with class="img-responsive" but its not working. Can anyone help me?
Manish Giri
@Manish-Giri
Jun 18 2017 04:08
@brianquiroz216 are you using bootstrap 3?
Exeptshunal
@Exeptshunal
Jun 18 2017 04:09

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

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

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

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

<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
<img class="smaller-image">https://bit.ly/fcc-relaxing-cat</img>

Manish Giri
@Manish-Giri
Jun 18 2017 04:09
@Exeptshunal <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
add class to this img
not a new one
Varun Pandey
@varun30300
Jun 18 2017 04:09
oh it worked , thanks @onecreativegeek and @Manish-Giri
CamperBot
@camperbot
Jun 18 2017 04:09
varun30300 sends brownie points to @onecreativegeek and @manish-giri :sparkles: :thumbsup: :sparkles:
:cookie: 107 | @onecreativegeek |http://www.freecodecamp.com/onecreativegeek
:star2: 6021 | @manish-giri |http://www.freecodecamp.com/manish-giri
Exeptshunal
@Exeptshunal
Jun 18 2017 04:09
theres an error in my last closing line and I cant figure out why, would appreciate the help lol
Brian Quiroz
@brianquiroz216
Jun 18 2017 04:09
@Manish-Giri Im using bootstrap 4
Manish Giri
@Manish-Giri
Jun 18 2017 04:09
@brianquiroz216 img-responsive is a bootstrap 3 class, as far as I'm aware.
Brian Quiroz
@brianquiroz216
Jun 18 2017 04:10
@Manish-Giri So should I do my projects in boostrap 3? because the course taught us to use img-responsive
heroiczero
@heroiczero
Jun 18 2017 04:11
@brianquiroz216 bootstrap 4 is img-fluid
Manish Giri
@Manish-Giri
Jun 18 2017 04:11
@brianquiroz216 yes, BS 3 for the classes you were taught..
otherwise you need to search for the corresponding classes in v4.
Brian Quiroz
@brianquiroz216
Jun 18 2017 04:11
@Manish-Giri thanks
CamperBot
@camperbot
Jun 18 2017 04:11
brianquiroz216 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6022 | @manish-giri |http://www.freecodecamp.com/manish-giri
Brian Quiroz
@brianquiroz216
Jun 18 2017 04:11
@heroiczero thanks
CamperBot
@camperbot
Jun 18 2017 04:11
brianquiroz216 sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1394 | @heroiczero |http://www.freecodecamp.com/heroiczero
heroiczero
@heroiczero
Jun 18 2017 04:11
TJames1985
@TJames1985
Jun 18 2017 04:11
Can i get a quick review from someone, I want to make sure i got everything right https://codepen.io/TJ_James/pen/mwRxoa
heroiczero
@heroiczero
Jun 18 2017 04:12
@TJames1985 nice job :+1:
TJames1985
@TJames1985
Jun 18 2017 04:12
@heroiczero Thank you
CamperBot
@camperbot
Jun 18 2017 04:12
tjames1985 sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 1395 | @heroiczero |http://www.freecodecamp.com/heroiczero
Kyle Holm
@thekholm80
Jun 18 2017 04:12
@TJames1985 well done
TJames1985
@TJames1985
Jun 18 2017 04:13
@thekholm80 Thanks
CamperBot
@camperbot
Jun 18 2017 04:13
:star2: 1099 | @thekholm80 |http://www.freecodecamp.com/thekholm80
tjames1985 sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
German Gamboa Gonzalez
@germangamboa95
Jun 18 2017 04:13
@TJames1985 It looks good. I would make it responsive for a bit of practice. The image doenst scale
Kyle Holm
@thekholm80
Jun 18 2017 04:14
@TJames1985 class="cantainer-fluid think you meant container-fluid
Tigran
@Tigranhambardzumyan
Jun 18 2017 04:14

<h1>Hello World</h1>

<style>
body {

font-family: Monospace;
background-color: black;
}

</style>

I MUST
Give your body element the color property of green.
Varun Pandey
@varun30300
Jun 18 2017 04:14

<style>
body
{color: green;}
{font-family:monospace;}
</style>

<h1>Hello World</h1>

hey , one more thing , i am using this to give the body element the font-family property of Monospace so the h1 element should inherit the font Monospace from your body element, what's going wrong ?

TJames1985
@TJames1985
Jun 18 2017 04:14
@thekholm80 oh ok
Tigran
@Tigranhambardzumyan
Jun 18 2017 04:15
But I don't understand what I must to do
Manish Giri
@Manish-Giri
Jun 18 2017 04:15
@varun30300 a selector can have multiple property-values clubbed in one set of { }
Jeremy Anderson
@onecreativegeek
Jun 18 2017 04:15
@Tigranhambardzumyan - Add color: green; to the body selector.
TJames1985
@TJames1985
Jun 18 2017 04:15
@germangamboa95 @thekholm80 @heroiczero Thanks for the input guys
CamperBot
@camperbot
Jun 18 2017 04:15
:warning: tjames1985 already gave thekholm80 points
:warning: @germangamboa95's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
:warning: tjames1985 already gave heroiczero points
tjames1985 sends brownie points to @germangamboa95 and @thekholm80 and @heroiczero :sparkles: :thumbsup: :sparkles:
Manish Giri
@Manish-Giri
Jun 18 2017 04:15
so like
body {
color: ...;
font: ....;
background: ....;
etc
}
@varun30300
Varun Pandey
@varun30300
Jun 18 2017 04:16
oh thanks again @Manish-Giri
CamperBot
@camperbot
Jun 18 2017 04:16
varun30300 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:warning: varun30300 already gave manish-giri points
Tigran
@Tigranhambardzumyan
Jun 18 2017 04:16
@onecreativegeek Thaky you
Jeremy Anderson
@onecreativegeek
Jun 18 2017 04:16
No problem!
martinuschen
@martinuschen
Jun 18 2017 04:20

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

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

Jeremy Anderson
@onecreativegeek
Jun 18 2017 04:20
<h2 asdsadas /h2> should not be in your style element
martinuschen
@martinuschen
Jun 18 2017 04:20
how to make my h2 to collor red
oh isee
Jeremy Anderson
@onecreativegeek
Jun 18 2017 04:21
It should read:
h2 {
color: red;
}
between the style tags
Then, you should actually have the h2 tags inside the document, above the paragraph.
Make sure you properly open the h2 element with <h2> and properly close that h2 element with </h2>
martinuschen
@martinuschen
Jun 18 2017 04:24
ok,thanks sensei
Jeremy Anderson
@onecreativegeek
Jun 18 2017 04:24
@martinuschen - Did you get it working?
ahyang92
@ahyang92
Jun 18 2017 04:28

Hi guys, i am having problem with this. It does not show the streamer's name correctly even though i have tried implementing a placeholder var. The outcome is, it both show "ESL_SC2".
var streamUsers = ["FreeCodeCamp","ESL_SC2"];
for (i=0;i<streamUsers.length;i++) {
var twitchAPI = "https://wind-bow.glitch.me/twitch-api/streams/" + streamUsers[i]
var currentStreamer = streamUsers[i];

$.getJSON (twitchAPI,function(data) {

if (data.stream===null) {
$(".twitch-list").append('<li><div style="display:flex;"><div class="streamUser">'+currentStreamer+'</div><div class="streamTitle">-None-</div><div class="streamStatus">OFFLINE</div></div></li>');
console.log(currentStreamer)

}

else {

$(".twitch-list").append('<li><div style="display:flex;"><div class="streamUser">'+currentStreamer+'</div><div class="streamTitle"><a href="'+data.stream.channel.url+'">'+data.stream.channel.status+'</a></div><div class="streamStatus">ONLINE</div></div></li>');
}
// console.log(data.stream.channel.url);
});

Narin S.
@ricopella
Jun 18 2017 04:31

Hey Campers! Having trouble with a click event and google maps geolocation anyone can help?

var geocoder;
var map;
var address;
var lat;
var lng;

function geocodeAddress(geocoder, userInput) {
    geocoder = new google.maps.Geocoder();
    address = userInput;
    geocoder.geocode({ 'address': address }, function(results, status) {
        if (status === 'OK') {
            lat = results[0].geometry.location.lat();
            lng = results[0].geometry.location.lng();
            console.log("address: " + address + " lat: " + lat + " lng: " + lng);
        } else {
            alert('Geocode was not successful for the following reason: ' + status);
        }
    });
}

$("#user-submit").on("click", function() {

    search = $("#search-subject").val();


    var geoResults = geocodeAddress(geocoder, $("#search-address").val());

    console.log("lat: " + lat);
});

I'm having trouble pulling the lat and lng from the geocodeAddress function

Haroon2000
@Haroon2000
Jun 18 2017 04:34
yw.jpg
what should i do to finish this challenge??
NielEXXCRO
@EkweviIkeobi
Jun 18 2017 04:36
can some one help me with a code?
Narin S.
@ricopella
Jun 18 2017 04:37
@Haroon2000 tough to say without the instructions, but it's based off your a tag in your final p
Haroon2000
@Haroon2000
Jun 18 2017 04:39
can you explane more plz ??
**explain
CamperBot
@camperbot
Jun 18 2017 04:40

freeCodeCamp Wiki:

:point_right: The freeCodeCamp wiki can be found on our forum.
Please follow the link and search there.
Koleen BP
@KBPsystem777
Jun 18 2017 04:41
Happy Sunday guys!!!!
Leonardo
@codingForlife12
Jun 18 2017 04:48
hey guys so im learning about css class to style element
and im having a bit of trouble

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

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

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

is their anything wrong with my code?
penguio
@penguio
Jun 18 2017 04:49
@codingForlife12 what test are you failing?
also did you try refreshing your browser, and submitting. cause it looks okay
Leonardo
@codingForlife12
Jun 18 2017 04:49
the one titled use a css to style and element and ill try that thanks
it says this Your h2 element should be red.
Your h2 element should have the class red-text
Wyut-Yi
@Wyut-Yi
Jun 18 2017 04:51
penguio
@penguio when i passed over 164 levels ,my challenge level still stop at 164 level .What can i do? please help me!
Leonardo
@codingForlife12
Jun 18 2017 04:51
can someone help
Alvin Lau
@lausk97
Jun 18 2017 04:52
Do have a general question... What exactly jQuery used for? Thanks in advance!
martinuschen
@martinuschen
Jun 18 2017 04:53
@onecreativegeek yup,thanks
CamperBot
@camperbot
Jun 18 2017 04:53
martinuschen sends brownie points to @onecreativegeek :sparkles: :thumbsup: :sparkles:
:cookie: 110 | @onecreativegeek |http://www.freecodecamp.com/onecreativegeek
Haroon2000
@Haroon2000
Jun 18 2017 04:54
qqqq.jpg
what is the Problem؟؟
Wyut-Yi
@Wyut-Yi
Jun 18 2017 04:55
Leonardo
@codingForlife12
<h2 class="red-text"></h2> and you should write for red-text class like >> .red-text{ color:red;} class name should be in double code
Alvin Lau
@lausk97
Jun 18 2017 04:56

@Haroon2000 maybe you can try something like

<p>
<a>...</a>
</p>

with spacebar in front of a
Manish Giri
@Manish-Giri
Jun 18 2017 04:57
@Haroon2000 look at your line 36
penguio
@penguio
Jun 18 2017 04:57
@Wyut-Yi im confused
Manish Giri
@Manish-Giri
Jun 18 2017 04:57
you can't just put any random word
they need specific text
Ccs99817
@ccs99817
Jun 18 2017 05:00
So confused!!!! I am trying to align a row of three images in the center of my website. But, i dunno how to do it. I have tried solving it for 1 hours ==; HELP!!!
electr1c
@electr1c
Jun 18 2017 05:02
to make dead links using the hash symbol, dont i just replace "href" within the <a> tag with "#" ?
Manish Giri
@Manish-Giri
Jun 18 2017 05:02
@electr1c replace VALUE of href
not href itself
electr1c
@electr1c
Jun 18 2017 05:02
oh i see
Manish Giri
@Manish-Giri
Jun 18 2017 05:02
@ccs99817 your code?
Manish Giri
@Manish-Giri
Jun 18 2017 05:03
@ccs99817 https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css
delete this in your css libraries
Haroon2000
@Haroon2000
Jun 18 2017 05:03
thanks for the help i just pass the challenge !!
Wyut-Yi
@Wyut-Yi
Jun 18 2017 05:03
how can i say?? i passed many levels 165,166,167..but this challenge level show only 164 level . @penguio do you understand? sorry for my english skill
Kyle Holm
@thekholm80
Jun 18 2017 05:04
the challenges aren't numbered
Ccs99817
@ccs99817
Jun 18 2017 05:04
@Manish-Giri I deleted
Kyle Holm
@thekholm80
Jun 18 2017 05:04
they are named, but not numbered
Manish Giri
@Manish-Giri
Jun 18 2017 05:04
@ccs99817 and?
Ccs99817
@ccs99817
Jun 18 2017 05:05
@Manish-Giri The row of images is still not align to the center
I dunno how to do it with CSS
Aboda Walter
@wallywald
Jun 18 2017 05:06
Anyone to help me out with some advice here- not code related
Manish Giri
@Manish-Giri
Jun 18 2017 05:11
@ccs99817 try this
#img_row{
  text-align: center;
  margin: 0 auto;
}
David Schreiter
@dschreiter
Jun 18 2017 05:11
@codingForlife12 <h2 class='red- text'>CatPhotoApp</h2>
do you see the space after red-"space"text
take that away
red-text
Ccs99817
@ccs99817
Jun 18 2017 05:12
@Manish-Giri It works absolutely!!! WHY? AMAZING MAN!
Manish Giri
@Manish-Giri
Jun 18 2017 05:13
:+1:
Kyle Holm
@thekholm80
Jun 18 2017 05:13
:sparkles: magic :sparkles:
Manish Giri
@Manish-Giri
Jun 18 2017 05:13
:smiling_imp:
Kyle Holm
@thekholm80
Jun 18 2017 05:13
yer a wizzard manish
Manish Giri
@Manish-Giri
Jun 18 2017 05:14
yeah such a wizzard I generated a bar chart just now with d3, except there are no bars
smh
Kyle Holm
@thekholm80
Jun 18 2017 05:14
did you put the thing in the thing?
gotta put the thing in the thing
Manish Giri
@Manish-Giri
Jun 18 2017 05:14
I put so many things in so many things now I don't know which thing goes where
:thought_balloon:
Ccs99817
@ccs99817
Jun 18 2017 05:14
@Manish-Giri THANK YOU!!!
CamperBot
@camperbot
Jun 18 2017 05:14
ccs99817 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6023 | @manish-giri |http://www.freecodecamp.com/manish-giri
Kyle Holm
@thekholm80
Jun 18 2017 05:14
using svgs?
Manish Giri
@Manish-Giri
Jun 18 2017 05:15
@ccs99817 :+1:
yep
svg
Kyle Holm
@thekholm80
Jun 18 2017 05:15
data in an array?
Manish Giri
@Manish-Giri
Jun 18 2017 05:15
I'll start over
data was an array of objects
or so I think
anthonygallina1
@anthonygallina1
Jun 18 2017 05:15
@mstellaluna thank you
CamperBot
@camperbot
Jun 18 2017 05:15
anthonygallina1 sends brownie points to @mstellaluna :sparkles: :thumbsup: :sparkles:
:star2: 1732 | @mstellaluna |http://www.freecodecamp.com/mstellaluna
Kyle Holm
@thekholm80
Jun 18 2017 05:15
ooh, tricky
@anthonygallina1 thank you
CamperBot
@camperbot
Jun 18 2017 05:15
thekholm80 sends brownie points to @anthonygallina1 :sparkles: :thumbsup: :sparkles:
:star2: 5463 | @anthonygallina1 |http://www.freecodecamp.com/anthonygallina1
mstellaluna
@mstellaluna
Jun 18 2017 05:16
@anthonygallina1 @thekholm80 ty
CamperBot
@camperbot
Jun 18 2017 05:16
mstellaluna sends brownie points to @anthonygallina1 and @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1100 | @thekholm80 |http://www.freecodecamp.com/thekholm80
:star2: 5464 | @anthonygallina1 |http://www.freecodecamp.com/anthonygallina1
Manish Giri
@Manish-Giri
Jun 18 2017 05:16
does it need to be a pure array?
@thekholm80
Kyle Holm
@thekholm80
Jun 18 2017 05:16
@mstellaluna ooh 1100! thank you!
CamperBot
@camperbot
Jun 18 2017 05:16
thekholm80 sends brownie points to @mstellaluna :sparkles: :thumbsup: :sparkles:
:star2: 1733 | @mstellaluna |http://www.freecodecamp.com/mstellaluna
mstellaluna
@mstellaluna
Jun 18 2017 05:16
lol
do I get a prize?
Manish Giri
@Manish-Giri
Jun 18 2017 05:16
:cake:
Kyle Holm
@thekholm80
Jun 18 2017 05:16
:moneybag:
mstellaluna
@mstellaluna
Jun 18 2017 05:16
@Manish-Giri :wave: ty
CamperBot
@camperbot
Jun 18 2017 05:16
mstellaluna sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6024 | @manish-giri |http://www.freecodecamp.com/manish-giri
Kyle Holm
@thekholm80
Jun 18 2017 05:16
I know what she likes
mstellaluna
@mstellaluna
Jun 18 2017 05:16
lol
cookie spam
Kyle Holm
@thekholm80
Jun 18 2017 05:16
bags of money
Manish Giri
@Manish-Giri
Jun 18 2017 05:16
@mstellaluna ty
CamperBot
@camperbot
Jun 18 2017 05:16
manish-giri sends brownie points to @mstellaluna :sparkles: :thumbsup: :sparkles:
:star2: 1734 | @mstellaluna |http://www.freecodecamp.com/mstellaluna
anthonygallina1
@anthonygallina1
Jun 18 2017 05:16
:)
mstellaluna
@mstellaluna
Jun 18 2017 05:16
nah I'm a coffee girl .. except starbucks.. you buy me starbucks you on my black list
Kyle Holm
@thekholm80
Jun 18 2017 05:17
(kidding)
mstellaluna
@mstellaluna
Jun 18 2017 05:17
?
AMARTYA AISHWARYA
@AMARTYA149
Jun 18 2017 05:17
can anyone please tel how to nest all html elements in any class?
mstellaluna
@mstellaluna
Jun 18 2017 05:17
what u talking about
David Schreiter
@dschreiter
Jun 18 2017 05:17
@codingForlife12 Did it work for you?
Manish Giri
@Manish-Giri
Jun 18 2017 05:17
I wonder why starbucks do not give refills on chai
:unamused:
mstellaluna
@mstellaluna
Jun 18 2017 05:17
@thekholm80 :eyes:
lol
Kyle Holm
@thekholm80
Jun 18 2017 05:17
last time I went to starbucks they burned the milk
AMARTYA AISHWARYA
@AMARTYA149
Jun 18 2017 05:17
can anyone please tel how to nest all html elements in any class?
what is thee syntax?
Kyle Holm
@thekholm80
Jun 18 2017 05:18
@AMARTYA149 I think they want you to nest all your html in a <div> element with the class container-fluid
electr1c
@electr1c
Jun 18 2017 05:18
what is wrong with this nesting?
<form action="/submit-cat-photo>"<input type="text" placeholder="cat photo URL"></form>
AMARTYA AISHWARYA
@AMARTYA149
Jun 18 2017 05:19
@thekholm80 yeah right... but i dont the syntax
*know
Kyle Holm
@thekholm80
Jun 18 2017 05:19
<div class="yourClass">
  all your html
</div>
kapilverma1
@kapilverma1
Jun 18 2017 05:19
@electr1c <form action="/submit-cat-photo"> ... try this
Manish Giri
@Manish-Giri
Jun 18 2017 05:20
@thekholm80 x
Sergii
@sergii-zhuravel
Jun 18 2017 05:20
@AMARTYA149 Copy all HTML you alredy have and paste it into
<div class="container-fluid">
... your html..
</div>
zaiah103
@zaiah103
Jun 18 2017 05:20
<p>Click here for <a #="http://www.freecatphotoapp.com">cat photos</a>.</p>
how do you dead a link
Sergii
@sergii-zhuravel
Jun 18 2017 05:21
@zaiah103 <a href="#"
Kyle Holm
@thekholm80
Jun 18 2017 05:21
@Manish-Giri lol
Manish Giri
@Manish-Giri
Jun 18 2017 05:21
henlo?
kapilverma1
@kapilverma1
Jun 18 2017 05:21
@zaiah103 <a href = "#">cat photos</a>
Ronny
@MrBone11
Jun 18 2017 05:21
How do you do nesting?
Kyle Holm
@thekholm80
Jun 18 2017 05:22
I do it frequently and with great vigour
Sergii
@sergii-zhuravel
Jun 18 2017 05:22
@MrBone11
<div class="container">
  <div> nested div </div>
  <div> another nested div </div>
</div>
zaiah103
@zaiah103
Jun 18 2017 05:23
@kapilverma1 @sergey-zhuravel thank you both alot
CamperBot
@camperbot
Jun 18 2017 05:23
zaiah103 sends brownie points to @kapilverma1 and @sergey-zhuravel :sparkles: :thumbsup: :sparkles:
:cookie: 64 | @kapilverma1 |http://www.freecodecamp.com/kapilverma1
:cookie: 465 | @sergey-zhuravel |http://www.freecodecamp.com/sergey-zhuravel
Momina Zahid
@minaZee
Jun 18 2017 05:23
hi guys, i have a problem with my portfolio, the navigation bar is not showing in codepen. but when i copy paste the code somewhere else, it does
Sunny Wong
@swong194
Jun 18 2017 05:24
@minaZee post the code
Kyle Holm
@thekholm80
Jun 18 2017 05:24
@Manish-Giri i'm really starting to hate conditional rendering
Manish Giri
@Manish-Giri
Jun 18 2017 05:25
hehe
about time
:smiling_imp:
mstellaluna
@mstellaluna
Jun 18 2017 05:25
@minaZee did you add bootstrap to your codepen settings? also, you need to be aware codepen adds bootstrap v4. you need to delete it and reaplce it with this link https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css
Momina Zahid
@minaZee
Jun 18 2017 05:25
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">

    <div class="navbar-header">
        <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a href="#" class="navbar-brand">Mina</a>
    </div>

    <div id="navbarCollapse" class="collapse navbar-collapse">
        <ul class="nav navbar-nav">
            <li class="active"><a href="#intro">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#projects">Projects</a></li>
            <li><a href="#contact">Contact</a></li>
        </ul>

    </div>
</div>
</nav>
Ronny
@MrBone11
Jun 18 2017 05:26
@sergey-zhuravel I want to make an existing a element within a new p element. How do I do that?
Kyle Holm
@thekholm80
Jun 18 2017 05:26
@Manish-Giri you adjust something in the css & save, the project recompiles and you have to click through a billion things again to get the conditions right to make what you changed render ... just to find out you need to change it again.
Manish Giri
@Manish-Giri
Jun 18 2017 05:26
yikes
sounds painful
Kyle Holm
@thekholm80
Jun 18 2017 05:26
well, maybe not a billion
million and a half, tops
Abdallah Ramadan Awwad
@arawwad
Jun 18 2017 05:27
@minaZee make sure you have the right version of bootstrap
Sergii
@sergii-zhuravel
Jun 18 2017 05:27
@MrBone11
<p> 
   <a></a>
</p>
Manish Giri
@Manish-Giri
Jun 18 2017 05:27
lol
AIT ASSOU
@toscanoGithub
Jun 18 2017 05:28
Hello everybody
Momina Zahid
@minaZee
Jun 18 2017 05:28
@arawwad ohh i ll check
electr1c
@electr1c
Jun 18 2017 05:28
i think i am confused about how to next properly
<label><button> <input type="radio" name="indoor-outdoor">Indoor</button></label>
David Schreiter
@dschreiter
Jun 18 2017 05:28
hello!
Ray McGee
@AoiTaichou
Jun 18 2017 05:28
Hello WOrld
Sergii
@sergii-zhuravel
Jun 18 2017 05:28
@minaZee They start to add Bootstrap 4 by default, you should manually update it to Bootstrap 3
Momina Zahid
@minaZee
Jun 18 2017 05:28
@arawwad which one is the right version
Abdallah Ramadan Awwad
@arawwad
Jun 18 2017 05:29
version 3
version 4 is still in alpha
Ruben Debbarma
@Rubendebbarma
Jun 18 2017 05:29
@arawwad yep
AIT ASSOU
@toscanoGithub
Jun 18 2017 05:29
Roman Numeral Converter challenge. Any hint is appreciated
Momina Zahid
@minaZee
Jun 18 2017 05:30
@arawwad ohh i get you
thank you
CamperBot
@camperbot
Jun 18 2017 05:30
minazee sends brownie points to @arawwad :sparkles: :thumbsup: :sparkles:
:cookie: 328 | @arawwad |http://www.freecodecamp.com/arawwad
Abdallah Ramadan Awwad
@arawwad
Jun 18 2017 05:30
also make sure to include jquery before bootstrap @minaZee
:thumbsup:
Sergii
@sergii-zhuravel
Jun 18 2017 05:30
@toscanoGithub Check the algorithms of the conversion. If you want, I can give a link to examples of the solution
AIT ASSOU
@toscanoGithub
Jun 18 2017 05:31
Thank you, i prefer a link to clear algorithm in order to figure it out myself.
Kyle Holm
@thekholm80
Jun 18 2017 05:32
@toscanoGithub i found the modulo % operator really helpful in that challenge
electr1c
@electr1c
Jun 18 2017 05:32
can anyone help? i think i am confused about nesting
Sergii
@sergii-zhuravel
Jun 18 2017 05:32
@toscanoGithub First of all you can play with the converter and figure out the algo for youself http://www.onlineconversion.com/roman_numerals_advanced.htm
electr1c
@electr1c
Jun 18 2017 05:32
<label><button> <input type="radio" name="indoor-outdoor">Outdoor</button></label>
AIT ASSOU
@toscanoGithub
Jun 18 2017 05:33
@sergey-zhuravel I'll give it a try. many thanks
CamperBot
@camperbot
Jun 18 2017 05:33
:cookie: 466 | @sergey-zhuravel |http://www.freecodecamp.com/sergey-zhuravel
toscanogithub sends brownie points to @sergey-zhuravel :sparkles: :thumbsup: :sparkles:
Sergii
@sergii-zhuravel
Jun 18 2017 05:33
np
@toscanoGithub One of the simplest way - use conversion tables. (just a hint)
Ronny
@MrBone11
Jun 18 2017 05:35
@sergey-zhuravel Thanks
CamperBot
@camperbot
Jun 18 2017 05:35
mrbone11 sends brownie points to @sergey-zhuravel :sparkles: :thumbsup: :sparkles:
:cookie: 467 | @sergey-zhuravel |http://www.freecodecamp.com/sergey-zhuravel
AIT ASSOU
@toscanoGithub
Jun 18 2017 05:35
Thank you @sergey-zhuravel
CamperBot
@camperbot
Jun 18 2017 05:35
toscanogithub sends brownie points to @sergey-zhuravel :sparkles: :thumbsup: :sparkles:
:warning: toscanogithub already gave sergey-zhuravel points
Brianna
@brisourceful
Jun 18 2017 05:35
Who's ready for another Code Wars Kata?!?
Kyle Holm
@thekholm80
Jun 18 2017 05:36
@brisourceful me me
@Manish-Giri isn't going to embarrass me today
Manish Giri
@Manish-Giri
Jun 18 2017 05:36
:smiling_imp:
Brianna
@brisourceful
Jun 18 2017 05:36
This is a hard one. I just started it. (watch as @Manish-Giri gets it in like two minutes) https://www.codewars.com/kata/find-the-odd-int/train/javascript
Manish Giri
@Manish-Giri
Jun 18 2017 05:36
ooh this is fun
Kyle Holm
@thekholm80
Jun 18 2017 05:36
I'll embarrass myself thank you
Manish Giri
@Manish-Giri
Jun 18 2017 05:36
lel
John
@jchritton
Jun 18 2017 05:37
Hey, so I'm trying to practice good habits right off the bat and set up my coding environment to work with Git/Github and follow best practices...is there generally a "best way" to organize your file structure for HTML/CSS/JS? Haven't got to the frameworks yet but not sure if that changes things too
Used to Java now being like...really strict about that lol
Brianna
@brisourceful
Jun 18 2017 05:38
@JaxomofRuatha yes John, there is absolutely a best practice for file structure. Take a look at any of my repos for references.
Although I will say, that there is some lead way on best practice but generally there are some rule of thumbs depending on what you are working on.
@Manish-Giri @thekholm80 soooooo I have no idea where to start with that question but I figured I'd call .sort() on the arr first.
Raymond
@blurry123
Jun 18 2017 05:41
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%. can anyone give me an example ? D:
Manish Giri
@Manish-Giri
Jun 18 2017 05:43
I think it worked
yep it worked
John
@jchritton
Jun 18 2017 05:43
@brisourceful haven't gotten to node.js stuff yet, but that gives me a general idea, thanks! Is there kind of a breakdown of that somewhere? Not sure where you started with that...
CamperBot
@camperbot
Jun 18 2017 05:43
jaxomofruatha sends brownie points to @brisourceful :sparkles: :thumbsup: :sparkles:
:cookie: 42 | @brisourceful |http://www.freecodecamp.com/brisourceful
Manish Giri
@Manish-Giri
Jun 18 2017 05:43
altho code is not pretty
@brisourceful
Brianna
@brisourceful
Jun 18 2017 05:44
can you give me a hint on how you went about solving without giving me the answer, yet @Manish-Giri
Manish Giri
@Manish-Giri
Jun 18 2017 05:44
yup
so I created an empty object at first.
then I loop through the array of integers
for each number, I check if the object already has this number as it's property, if it doesn't, I set it as a new property on the object and set the value to 1
Kyle Holm
@thekholm80
Jun 18 2017 05:45
bleh
Manish Giri
@Manish-Giri
Jun 18 2017 05:45
But if it does have it as prop, I increase it's value by 1
what this does is it creates a key-value pair for each number and how many times it's present in the array
Brianna
@brisourceful
Jun 18 2017 05:46
@JaxomofRuatha I went to a coding bootcamp which is how I learned best practices so I can't say if there is a breakdown of that info but I'm sure it's online somewhere. For CSS, look into SMACSS https://smacss.com/book/categorizing
For HTML and JS that really depends if you are using Node and Angular or React.
Manish Giri
@Manish-Giri
Jun 18 2017 05:46
last part is to loop through the object properties and return the property whose value is an odd number
that's the answer
Kyle Holm
@thekholm80
Jun 18 2017 05:47
that's pretty much where I was headed, now I need to find a better way lol
Manish Giri
@Manish-Giri
Jun 18 2017 05:47
lol
find it and give it to me :smiling_imp:
CamperBot
@camperbot
Jun 18 2017 05:48
find it and give it to me smiling_imp
nothing found
Brianna
@brisourceful
Jun 18 2017 05:48
Okay I don't feel that dumb because my initial idea was to iterate over the array and put the numbers into a Map object so I could have key value pairs.
Manish Giri
@Manish-Giri
Jun 18 2017 05:48
now trying sth else like filter()
Brianna
@brisourceful
Jun 18 2017 05:52
@Manish-Giri @thekholm80 do you guys have any recommendations about how to get better at solving problems like this? Should I be reading some materials or keep practicing katas?
Kyle Holm
@thekholm80
Jun 18 2017 05:52
@brisourceful practice, practice, practice
thought i had it in 3 lines
dang it
Brianna
@brisourceful
Jun 18 2017 05:53
3 lines?!?!
Kyle Holm
@thekholm80
Jun 18 2017 05:53
well, i could stick it all on one
Passed: 4 Failed: 2 Errors: 1
it's so pretty though
pretty should count
Manish Giri
@Manish-Giri
Jun 18 2017 05:55
did you use XOR?
Kyle Holm
@thekholm80
Jun 18 2017 05:55
nope
for (let i in A) {if (A.filter( num => num == i).length % 2 > 0) return parseInt(i)}
not passing all the tests though
Brianna
@brisourceful
Jun 18 2017 05:56
what is XOR?
Kyle Holm
@thekholm80
Jun 18 2017 05:56
exclusive or
Ene Catalin
@EneCatalin
Jun 18 2017 05:56
which is ?
Brianna
@brisourceful
Jun 18 2017 05:56
MDN link please
Kyle Holm
@thekholm80
Jun 18 2017 05:56
means it has to be one or the other, it can't be both
Ene Catalin
@EneCatalin
Jun 18 2017 05:56
I think it's diff if they are both true
and true otheriwse
Brianna
@brisourceful
Jun 18 2017 05:57
like a ternary operator?
Ene Catalin
@EneCatalin
Jun 18 2017 05:57
I mean false if both true*
fuck can't believe I forgot xor
Manish Giri
@Manish-Giri
Jun 18 2017 05:57
got it
Brianna
@brisourceful
Jun 18 2017 05:57
whats the return for XOR? A boolean?
Manish Giri
@Manish-Giri
Jun 18 2017 05:57
XOR
Ene Catalin
@EneCatalin
Jun 18 2017 05:57
yes
it's a boolean rel
Manish Giri
@Manish-Giri
Jun 18 2017 05:57
let res = 0;
  for(let i = 0; i < A.length; i++) {
    res = res ^ A[i];
  }
  return res;
Ene Catalin
@EneCatalin
Jun 18 2017 05:57
ima show you the truth table
wait
Kyle Holm
@thekholm80
Jun 18 2017 05:58
the truth table! I feel like we're in a kid's fantasy novel
Ene Catalin
@EneCatalin
Jun 18 2017 05:58
so false if both the same
true otherwise
Leon Chen
@LeonIsNothing
Jun 18 2017 05:58
hello
Ene Catalin
@EneCatalin
Jun 18 2017 05:59
what do you need to do with a xor gate anyway ?
Kyle Holm
@thekholm80
Jun 18 2017 05:59
@LeonIsNothing hi
Leon Chen
@LeonIsNothing
Jun 18 2017 05:59
xD
Kyle Holm
@thekholm80
Jun 18 2017 05:59
@Manish-Giri that's pretty clever
manish: 2 kyle: 0
Manish Giri
@Manish-Giri
Jun 18 2017 06:00
:smiling_imp:
lol
Kyle Holm
@thekholm80
Jun 18 2017 06:00
race you to Vegas
I need an easy win
Manish Giri
@Manish-Giri
Jun 18 2017 06:00
d3 and back end and full stack -Kyle: 10000 Manish: -1
:sob:
Kyle Holm
@thekholm80
Jun 18 2017 06:01
yeah if we only compare FCC stuff maybe
mr getting his masters, java ninja and hero of the impossible databases
oh and swift, some of the C languages
pretty sure I'm not winning lol
Brianna
@brisourceful
Jun 18 2017 06:02
comparison is the thief of joy
Manish Giri
@Manish-Giri
Jun 18 2017 06:03
omg rofl
Kyle Holm
@thekholm80
Jun 18 2017 06:03
:joy_cat:
Manish Giri
@Manish-Giri
Jun 18 2017 06:03
java, swift, c lol
Kyle Holm
@thekholm80
Jun 18 2017 06:03
have it
Manish Giri
@Manish-Giri
Jun 18 2017 06:03
Is there any way to debug on jsbin?
Kyle Holm
@thekholm80
Jun 18 2017 06:04
try debugger; then open dev tools?
Manish Giri
@Manish-Giri
Jun 18 2017 06:05
nice
worked
ty @thekholm80
CamperBot
@camperbot
Jun 18 2017 06:05
manish-giri sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:star2: 1101 | @thekholm80 |http://www.freecodecamp.com/thekholm80
Kyle Holm
@thekholm80
Jun 18 2017 06:05
one of my favs
Brianna
@brisourceful
Jun 18 2017 06:06
@Manish-Giri do you sleep? Isn't it like 2:06am your time?
Kyle Holm
@thekholm80
Jun 18 2017 06:07
ask him what time he started this morning
Manish Giri
@Manish-Giri
Jun 18 2017 06:07
@brisourceful It is..I'm trying to get through some d3.js stuff that seems like mission impossible: don't even try to me..
lol
kazo35
@kazo35
Jun 18 2017 06:07
Hi
Brianna
@brisourceful
Jun 18 2017 06:08
@Manish-Giri ahhhh d3 good luck with that :)
Kyle Holm
@thekholm80
Jun 18 2017 06:08
I'm going to buy stock in red bull, manish is gonna make me rich
Manish Giri
@Manish-Giri
Jun 18 2017 06:08
lol
yiss :smiling_imp:
do that
Brianna
@brisourceful
Jun 18 2017 06:08
pretty sure that's how monster is still in business
Kyle Holm
@thekholm80
Jun 18 2017 06:08
they bought stock in red bull?
Brianna
@brisourceful
Jun 18 2017 06:09
nooooo. monster energy drink is still in business because of software devs
that's all I see people drink at my coding school
Kyle Holm
@thekholm80
Jun 18 2017 06:09
oh, i thought Monster was the official non-beer of the nascar crowd
seems like I see lots of rednecks with monster swag
Brianna
@brisourceful
Jun 18 2017 06:09
maybe, idk. It probably is
Kyle Holm
@thekholm80
Jun 18 2017 06:10
:shrug:
bleh still no shrug emoji
Brianna
@brisourceful
Jun 18 2017 06:10
i'm off to sleep and dream about my coding anxiety :sob:
Manish Giri
@Manish-Giri
Jun 18 2017 06:10
I've tried 3 diff monster drinks so far
all tasted like p---
Kyle Holm
@thekholm80
Jun 18 2017 06:11
@brisourceful g'night
Brianna
@brisourceful
Jun 18 2017 06:11
good night all
Manish Giri
@Manish-Giri
Jun 18 2017 06:11
@brisourceful sleep well
thuynh0055
@thuynh0055
Jun 18 2017 06:11
i'm new to this, how can i delete my h1 element?
Kyle Holm
@thekholm80
Jun 18 2017 06:11
backspace key?
Sahil kulshreshtha
@sahilkulshreshtha
Jun 18 2017 06:12
how to set browser zoom at 100%
?
Aakriti
@Aakriti94
Jun 18 2017 06:12
@thekholm80 lol
Sergii
@sergii-zhuravel
Jun 18 2017 06:12
@sahilkulshreshtha Ctrl + 0
Aakriti
@Aakriti94
Jun 18 2017 06:12
@sahilkulshreshtha normal 100% using mouse i guess
thuynh0055
@thuynh0055
Jun 18 2017 06:13
i did the backspace key, it didn't work
Kyle Holm
@thekholm80
Jun 18 2017 06:13
oh dear
chesternimitz
@chesternimitz
Jun 18 2017 06:13
how do I include a Google font in an element
?
Manish Giri
@Manish-Giri
Jun 18 2017 06:13
@thekholm80 debugging on jsbin sux
Sahil kulshreshtha
@sahilkulshreshtha
Jun 18 2017 06:13
they said - set the image of the cat to width to 100px and browser zoom should be at 100%
Manish Giri
@Manish-Giri
Jun 18 2017 06:13
it has all kinds of loop protect stuff
that mess with debugging
Kyle Holm
@thekholm80
Jun 18 2017 06:14
i bet
noob loops crash servers
Botenga
@Botenga
Jun 18 2017 06:14
hey guys i need help with my portfolio page. I am trying to put my link for one of my projects but i want to put it in as an image which if clicked on would be a link
Sahil kulshreshtha
@sahilkulshreshtha
Jun 18 2017 06:14
@chesternimitz
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
use this link
Viktor Tiutiun
@vittorioVT
Jun 18 2017 06:14
@chesternimitz look at example in instruction
Sergii
@sergii-zhuravel
Jun 18 2017 06:14
@thuynh0055 Find tags <h1> </h1> and remove them with the text inside this tag
Sahil kulshreshtha
@sahilkulshreshtha
Jun 18 2017 06:14
add this to your code
Sergii
@sergii-zhuravel
Jun 18 2017 06:15
@Botenga <a> <img /> </a>
Sahil kulshreshtha
@sahilkulshreshtha
Jun 18 2017 06:15
for lobster font
chesternimitz
@chesternimitz
Jun 18 2017 06:15
I have that at the top of my editor
Ateeq Khan
@ez12024
Jun 18 2017 06:15
hi
how do you nest all html elements in .container-fluid?
chesternimitz
@chesternimitz
Jun 18 2017 06:15
I am being asked to make my h2 element use the lobster font. What do I add in the h2 element to make that happen?
Sahil kulshreshtha
@sahilkulshreshtha
Jun 18 2017 06:15
to which of the element you want to add the google font
Ateeq Khan
@ez12024
Jun 18 2017 06:15
i have this atm:

</style>

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

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

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

Sahil kulshreshtha
@sahilkulshreshtha
Jun 18 2017 06:16
h2{font-family:lobster;}
Ateeq Khan
@ez12024
Jun 18 2017 06:16
what are HTML elements?
Sahil kulshreshtha
@sahilkulshreshtha
Jun 18 2017 06:16
add this
kapilverma1
@kapilverma1
Jun 18 2017 06:16
@chesternimitz use.... font-family: Lobster; in your style element
Aakriti
@Aakriti94
Jun 18 2017 06:16

@ez12024
```

<div class = "container">

chesternimitz
@chesternimitz
Jun 18 2017 06:16
is that in between the style tags or in the element?
Sahil kulshreshtha
@sahilkulshreshtha
Jun 18 2017 06:16
yes
style
tags
Botenga
@Botenga
Jun 18 2017 06:16
@sergey-zhuravel i have already done that
kapilverma1
@kapilverma1
Jun 18 2017 06:17
share your code
Aakriti
@Aakriti94
Jun 18 2017 06:17
@ez12024
<div class = "container">
  <h2 class="red-text">CatPhotoApp</h2>
<div class = "container-fluid"></div>
<p>Click here for <a href="#">cat photos.</a></p>
</div>
chesternimitz
@chesternimitz
Jun 18 2017 06:17

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

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

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

</style>

<h2 class="red-text">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>

thuynh0055
@thuynh0055
Jun 18 2017 06:17
i backspace the whole h1 element already, it works! thanks Kyle
chesternimitz
@chesternimitz
Jun 18 2017 06:17
sorry
first day
Sahil kulshreshtha
@sahilkulshreshtha
Jun 18 2017 06:18
add
h2{font-family:lobster;} in style
tags
Ateeq Khan
@ez12024
Jun 18 2017 06:19
@Aakriti94 it looks good for <div class = "container-fluid"></div> but i just dont know what HTML elements it means
a @Aakriti94 ah ok. thanks
CamperBot
@camperbot
Jun 18 2017 06:19
ez12024 sends brownie points to @aakriti94 :sparkles: :thumbsup: :sparkles:
:cookie: 313 | @aakriti94 |http://www.freecodecamp.com/aakriti94
Aakriti
@Aakriti94
Jun 18 2017 06:19
@ez12024 u got it?
Sergii
@sergii-zhuravel
Jun 18 2017 06:20
@Botenga Just don't forget that for codepen you need target="_blank" for the A tag
Ateeq Khan
@ez12024
Jun 18 2017 06:20
yh got it
Ateeq Khan
@ez12024
Jun 18 2017 06:26
@Aakriti94 actually ...sorry no. Didn't get it
why do you have container and then container-fluid ?
and then there's <div> tag twice?
is this all below </style? is this why i'm getting the third checkbox wrong? Under the <a href link> ?
ARJIT MOHAN
@arjitmohan
Jun 18 2017 06:37
how to give a form element a background colour
?
Sahil kulshreshtha
@sahilkulshreshtha
Jun 18 2017 06:42
<form style="background-color:red"></form>
@arjitmohan done?
MuhdDin
@MuhdDin
Jun 18 2017 06:44
Add a div element with the class well inside each of your div elements with the class "col-xs-6"
what does this mean?
Episs2man
@Episs2man
Jun 18 2017 06:44
How to give a div element background color?
David Schreiter
@dschreiter
Jun 18 2017 06:44
div{}
Sahil kulshreshtha
@sahilkulshreshtha
Jun 18 2017 06:45
@Episs2man <style></style>
David Schreiter
@dschreiter
Jun 18 2017 06:45
div{background-color:red;}
Sahil kulshreshtha
@sahilkulshreshtha
Jun 18 2017 06:45
add
this
<style> div{background-color:red;}</style>
use this
John Gabriel Simmons
@sosmaniac-FCC
Jun 18 2017 06:46
@MuhdDin Do you already have <div class="col-xs-6></div> set up?
Episs2man
@Episs2man
Jun 18 2017 06:48
No
I need to create a class for the div element.
MuhdDin
@MuhdDin
Jun 18 2017 06:49
@sosmaniac-FCC yeah
John Gabriel Simmons
@sosmaniac-FCC
Jun 18 2017 06:50
@MuhammadGad So within what you already have set up, create another <div></div> with class well just as the <div></div> outside has a class col-xs-6
David Schreiter
@dschreiter
Jun 18 2017 06:50
@Episs2man <style> .DivClassName{background-color:red;} </style>
John Gabriel Simmons
@sosmaniac-FCC
Jun 18 2017 06:50
@MuhdDin **
David Schreiter
@dschreiter
Jun 18 2017 06:50
<div class="DivClassName">Content here</div>
MuhdDin
@MuhdDin
Jun 18 2017 06:52
@sosmaniac-FCC thanks
CamperBot
@camperbot
Jun 18 2017 06:52
muhddin sends brownie points to @sosmaniac-fcc :sparkles: :thumbsup: :sparkles:
:cookie: 303 | @sosmaniac-fcc |http://www.freecodecamp.com/sosmaniac-fcc
nepoleon
@nepoleon
Jun 18 2017 06:52
"Your image should have a src attribute that points to the kitten image."-how can I do that?
Episs2man
@Episs2man
Jun 18 2017 06:53
Where do I put the div class?
ARJIT MOHAN
@arjitmohan
Jun 18 2017 06:53
@sahilkulshreshtha Hey buddy how to do it using id's
nepoleon
@nepoleon
Jun 18 2017 06:53
<img scr="https://bit.ly/fcc-relaxing-cat" alt="relaxing-cat"> Is it correct?
John Gabriel Simmons
@sosmaniac-FCC
Jun 18 2017 06:53
@nepoleon do you already have <img/> set up?
nepoleon
@nepoleon
Jun 18 2017 06:54
Yeah
Yuling
@Summerflowerling
Jun 18 2017 06:55
hello, can anyone tell me what is nth here short for? target:nth-child(n)
John Gabriel Simmons
@sosmaniac-FCC
Jun 18 2017 06:55
@nepoleon is that an image that you have to import first using the link rel feature, or is it just readily available for html imaging?
Ene Catalin
@EneCatalin
Jun 18 2017 06:55
targets the "n"th child
where n is probs a number ? Not sure
ARJIT MOHAN
@arjitmohan
Jun 18 2017 06:56
how to give a form element a background color using id's?
nepoleon
@nepoleon
Jun 18 2017 06:56
@sosmaniac-FCC it is an image I need to import
Ene Catalin
@EneCatalin
Jun 18 2017 06:56
you give it an id
then style the id in css
John Gabriel Simmons
@sosmaniac-FCC
Jun 18 2017 06:57
@nepoleon oh wait, you misspelled src
you put scr
ARJIT MOHAN
@arjitmohan
Jun 18 2017 06:57
okay let me see...thanks
Yuling
@Summerflowerling
Jun 18 2017 06:57
hum...ok. thank you
Alexander Køpke
@alexanderkopke
Jun 18 2017 06:58
np
nice nick name. Summerflowerling
nepoleon
@nepoleon
Jun 18 2017 07:00
@sosmaniac-FCC yeah thanx buddy
CamperBot
@camperbot
Jun 18 2017 07:00
nepoleon sends brownie points to @sosmaniac-fcc :sparkles: :thumbsup: :sparkles:
:cookie: 304 | @sosmaniac-fcc |http://www.freecodecamp.com/sosmaniac-fcc
David Schreiter
@dschreiter
Jun 18 2017 07:00

<form id="IDNameHere">

</form>

<style>
#IDNameHere{
background-color:red;
}
</style>

Sagar Khuteta
@sagark123
Jun 18 2017 07:08
@ravikishorethella no
ARJIT MOHAN
@arjitmohan
Jun 18 2017 07:12
@dschreiter done...thanks bro
CamperBot
@camperbot
Jun 18 2017 07:12
arjitmohan sends brownie points to @dschreiter :sparkles: :thumbsup: :sparkles:
:warning: @dschreiter's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Josh
@mochis15
Jun 18 2017 07:14
having a hard time about adding a background color to a div element can somebody elaborate a little more on that?
Manish Giri
@Manish-Giri
Jun 18 2017 07:15
@mochis15 did you do the smaller-image challenge?
Pang
@ben10chia
Jun 18 2017 07:15

anyone know how to solve this? (If firstName does not correspond to any contacts then return "No such contact"

If prop does not correspond to any valid properties then return "No such property")

Yonatan
@Yonatan1
Jun 18 2017 07:16
How do I lower text in html??? Kind of like pressing "enter" a few times in a word document.
chesternimitz
@chesternimitz
Jun 18 2017 07:16
How can I nest my text input in a form element
?
Manish Giri
@Manish-Giri
Jun 18 2017 07:16
put it inside the 2 form tags
@chesternimitz
John Gabriel Simmons
@sosmaniac-FCC
Jun 18 2017 07:17
chesternimitz
@chesternimitz
Jun 18 2017 07:17
<form> </form>?
Alvin Lau
@lausk97
Jun 18 2017 07:18
<form>
space <input.....>
</form>
that's called a nest
David Schreiter
@dschreiter
Jun 18 2017 07:18
<form>
<input type=“text">
</form>
Yonatan
@Yonatan1
Jun 18 2017 07:18
@sosmaniac-FCC Thanks
CamperBot
@camperbot
Jun 18 2017 07:18
yonatan1 sends brownie points to @sosmaniac-fcc :sparkles: :thumbsup: :sparkles:
:cookie: 305 | @sosmaniac-fcc |http://www.freecodecamp.com/sosmaniac-fcc
chesternimitz
@chesternimitz
Jun 18 2017 07:20
<form>
<input type="text" placeholder="cat photo URL"><form action="/submit-cat-photo">
</form>
Alvin Lau
@lausk97
Jun 18 2017 07:20
the action thingy should be within form
Josh
@mochis15
Jun 18 2017 07:22
@Manish-Giri thank you figured it out
CamperBot
@camperbot
Jun 18 2017 07:22
mochis15 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 6025 | @manish-giri |http://www.freecodecamp.com/manish-giri
Alvin Lau
@lausk97
Jun 18 2017 07:22
@chesternimitz what i meant is you need to delete your <form action...> then put the action... into your first line
John Gabriel Simmons
@sosmaniac-FCC
Jun 18 2017 07:32
For anyone familiar with javascript animations, can you trigger an animation's play state from a method separate from the one where the animation is declared and initially set in motion?
Ehidin
@eabg
Jun 18 2017 07:33
hey all. help please..
John Gabriel Simmons
@sosmaniac-FCC
Jun 18 2017 07:33
assuming the object being animated is declared publicly
Ccs99817
@ccs99817
Jun 18 2017 07:33
Can anyone help me to find what's wrong with my Nav Bar? I want to make a horizontal nav bar!! not Vertical !!
https://codepen.io/ccs99817/full/YQNvgV/
Ehidin
@eabg
Jun 18 2017 07:34
directions: Give the submit button in your form the classes btn btn-primary.
Add a <i class="fa fa-paper-plane"></i> within your submit button element.
Give the text input in your form the class form-control.
Tobi
@tobiowopetu
Jun 18 2017 07:34
pls what do i need to do to declare a red text class and have the colour in red
Ehidin
@eabg
Jun 18 2017 07:34
what i did :
<i class="btn btn-primary">
<input type="text" placeholder="cat photo URL" required>
<button type="submit"><i class="fa fa-paper-plane">Submit</i></button>
</i>
not sure if its asking to replace the "input type"
I'm trying to figure out what they mean by : give the text input in your form the class form-control
Manish Giri
@Manish-Giri
Jun 18 2017 07:36
@eabg just add the class
to the input
no replacing anything
Ehidin
@eabg
Jun 18 2017 07:37
in the type="form-control"?
gottttt ittttt
actually no
John Gabriel Simmons
@sosmaniac-FCC
Jun 18 2017 07:41
@ccs99817 https://codepen.io/sosmaniac/pen/BZpOgp does this work?
Ehidin
@eabg
Jun 18 2017 07:41
i guess ill figure it out myself
wahaj sheikh
@wahajs00
Jun 18 2017 07:42
hello guys cananyone help me

<style>

div{
border-radius: 20px;
width: 70%;
height: 400px;
margin: 50 auto;
background: linear-gradient(35deg, red, yellow, rgb(255, 204, 204));
}

</style>

<div></div>

in this code
i want to complete this challenge
but i think there is a bug
can any one confirmit
Manish Giri
@Manish-Giri
Jun 18 2017 07:44
there's no bug
wahaj sheikh
@wahajs00
Jun 18 2017 07:45
so are you able to compelteit
Manish Giri
@Manish-Giri
Jun 18 2017 07:45
yes
wahaj sheikh
@wahajs00
Jun 18 2017 07:46
can you tell me what wrong in my code
Viktor Tiutiun
@vittorioVT
Jun 18 2017 07:46
@wahajs00 background: linear-gradient(35deg, #CCFFFF, #FFCCCC);
wahaj sheikh
@wahajs00
Jun 18 2017 07:46
ok wait let me check
Manish Giri
@Manish-Giri
Jun 18 2017 07:46
why are you using the example colors?
background: linear-gradient(35deg, red, yellow, rgb(255, 204, 204));
wahaj sheikh
@wahajs00
Jun 18 2017 07:47
thanks you very much @vittorioVT all the time i doing it wrong
CamperBot
@camperbot
Jun 18 2017 07:47
wahajs00 sends brownie points to @vittoriovt :sparkles: :thumbsup: :sparkles:
:cookie: 709 | @vittoriovt |http://www.freecodecamp.com/vittoriovt
wahaj sheikh
@wahajs00
Jun 18 2017 07:47
@Manish-Giri dont know
Viktor Tiutiun
@vittorioVT
Jun 18 2017 07:48
@wahajs00 just you should do h