These are chat archives for FreeCodeCamp/Help

23rd
Feb 2017
LilyPreciado
@LilyPreciado
Feb 23 2017 00:00
Thanks for the help everybody :smile:
Rachel
@leepdx
Feb 23 2017 00:00

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

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

I'm at the start of my challenges, so it's super simple so far
Tyler Stoddard
@TylerStoddard
Feb 23 2017 00:00
has anyone tried treehouse?
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 00:00
@leepdx You have a <p> instead of a <h2>
penguio
@penguio
Feb 23 2017 00:00
@leepdx wheres your h2
Rachel
@leepdx
Feb 23 2017 00:00
oh got it! Thanks!
Josue
@spanglishgamer
Feb 23 2017 00:01
:)
LilyPreciado
@LilyPreciado
Feb 23 2017 00:05
I cant do this part:
Make sure your form has an action attribute which is set to /submit-cat-photo
Can somebody help me?
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 00:05
<form action="">
Ana Paula Barbosa
@anapaulabarbosa
Feb 23 2017 00:05
Hi guys, did anyone had problems with codepen recognizing bootstrap (after quick-adding it)?
I can't make it work on my Pen
Shai Aharoni
@internetbird
Feb 23 2017 00:07
@anapaulabarbosa Can you provide a link to your Pen?
Ana Paula Barbosa
@anapaulabarbosa
Feb 23 2017 00:09
Shai Aharoni
@internetbird
Feb 23 2017 00:12
@anapaulabarbosa you can add Bootstrap in the Pen's HTML settings
blob
4
Mara LeFevre
@maralefevre28
Feb 23 2017 00:18
Can anyone please help me...I am working through the beginner challenges and can not seem to get my text to become blue. I am following the directions but it is not working. Incite please..?
Shai Aharoni
@internetbird
Feb 23 2017 00:19
@maralefevre28 What have you tried?
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 00:19
@maralefevre28 Copy your code
Mara LeFevre
@maralefevre28
Feb 23 2017 00:19
like URL?
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 00:19
cut and paste
err copy and paste
no the code not the url
Mara LeFevre
@maralefevre28
Feb 23 2017 00:21
where is that at...? sorry I am very new to this
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 00:21

copy something like this:

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

Gregory
@SyncKid
Feb 23 2017 00:21
how do i class a div element?
Mara LeFevre
@maralefevre28
Feb 23 2017 00:22
<style>
h2 {color: red;}
</style>
ElliesM0m
@ElliesM0m
Feb 23 2017 00:22
Hi guys I'm brand new to this and I'm trying to apply a class. the directions are telling me to "give your h2 element the class attribute with a value of 'red-text', not sure where I enter that
Shai Aharoni
@internetbird
Feb 23 2017 00:22
@maralefevre28 you deleted you h2 element. This is why the selector is not working
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 00:22
@maralefevre28 Do you have an h2 on the page?
ElliesM0m
@ElliesM0m
Feb 23 2017 00:22

this is the code I've been given.

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

<h2>CatPhotoApp</h2>

Shai Aharoni
@internetbird
Feb 23 2017 00:22

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

<h2>CatPhotoApp</h2>

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

Anthony
@Ant0SR
Feb 23 2017 00:23
can someone have a look at my code, i have no idea why the color #218380 runs all the way down to "Contact"????? http://codepen.io/Ant2Code/pen/XMroPr
ElliesM0m
@ElliesM0m
Feb 23 2017 00:23
it says to: "Inside your style element, change the h2 selector to .red-text and update the color's value from blue to red."
how do I do that?
I mean where do I put the ".red-text"?
Car
@Health-in-Happiness
Feb 23 2017 00:24
@ElliesM0m can you share your entire code here? So we can see what you already have.
ElliesM0m
@ElliesM0m
Feb 23 2017 00:24

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

<h2>CatPhotoApp</h2>

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

Anthony
@Ant0SR
Feb 23 2017 00:25
.red-text {}
.red-text { color:red }
sorry forgot semi Col
Car
@Health-in-Happiness
Feb 23 2017 00:26
@ElliesM0m You need to define a class within your style tag. then add the defined class with your opening h2. Example:
<style>
.red-text {
color: red;
}
</style>
<h2 class="red-text"> Ipsum </h2>
ElliesM0m
@ElliesM0m
Feb 23 2017 00:26
I did that it says this: Your h2 element should be red.
Your h2 element should have the class red-text.
Anthony
@Ant0SR
Feb 23 2017 00:26

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

<h2>CatPhotoApp</h2>

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

Akash Jain
@aj20010319
Feb 23 2017 00:27
Assign your h2 the class red-text
epzclock
@epzclock
Feb 23 2017 00:27
<h2 class = "...">
Akash Jain
@aj20010319
Feb 23 2017 00:27
^
ElliesM0m
@ElliesM0m
Feb 23 2017 00:28
got it! Thank you! :)
Anthony
@Ant0SR
Feb 23 2017 00:28
can someone have a look at my code, i have no idea why the color #218380 runs all the way down to "Contact"????? http://codepen.io/Ant2Code/pen/XMroPr
Gregory
@SyncKid
Feb 23 2017 00:28
i dont quite understand ...
Your div element should have the class container-fluid
tanyatiem
@tanyatiem
Feb 23 2017 00:28
Hi All! Can someone better explain these instructions?
Nest your text field in a form element. Add the action="/submit-cat-photo" attribute to this form element.
Gregory
@SyncKid
Feb 23 2017 00:29
is it supposed to have an attribute?
tanyatiem
@tanyatiem
Feb 23 2017 00:29
Yes, "/submit-cat-photo
I'm not certain where to nest the form action
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 00:30
@tanyatiem action attribute goes in the forms opening tag: <form action="">
Akash Jain
@aj20010319
Feb 23 2017 00:30
@SyncKid <div class="...">
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 00:30
@tanyatiem the text field goes between the forms opening and closing tags
Akash Jain
@aj20010319
Feb 23 2017 00:30
It is saying you to assign div the class container-fluid
Gregory
@SyncKid
Feb 23 2017 00:31
gotcha gotcha
tanyatiem
@tanyatiem
Feb 23 2017 00:32
still not getting it...skinner
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 00:32
@tanyatiem What part do you not understand?
Andrew Shieh
@andrewlikes
Feb 23 2017 00:32
Show code
tanyatiem
@tanyatiem
Feb 23 2017 00:32
the text field
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 00:32
@SkinnerSweet7 Do you know how to add a text field?
ok
<input type="text" />
tanyatiem
@tanyatiem
Feb 23 2017 00:32
<input type="text" placeholder="cat photo URL"<form action="/submit-cat-photo"></form>
Brittany
@unchantedDoom
Feb 23 2017 00:33
so i need help[
Andrew Shieh
@andrewlikes
Feb 23 2017 00:33
Input element has the text field
Brittany
@unchantedDoom
Feb 23 2017 00:33
<p>veiw more
<a href="http://www.freecatphotoapp.com">cat photos</a>
</p>
<img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
it sauys my p elemt should have a space
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 00:33
so the input needs to go between the <form> <-- Add your text input here --> </form>
Andrew Shieh
@andrewlikes
Feb 23 2017 00:33
Text field is another way of saying input element in that case
BroDash
@BroDash
Feb 23 2017 00:33
can any one help me figure out how to nest all of my HTML in a div element with the class container-fluid?
Car
@Health-in-Happiness
Feb 23 2017 00:34
@Ant0SR Have you tried adding a bottom padding to your .intro?
Andrew Shieh
@andrewlikes
Feb 23 2017 00:34
View is spelled wrong @unchantedDoom
Brittany
@unchantedDoom
Feb 23 2017 00:34
hahahah! where gonna pretend like this never happened slowly backs away.
Car
@Health-in-Happiness
Feb 23 2017 00:35
@BroDash just add the container-fluid class inside your very first div element and don't forget to close it out at the end.
Andrew Shieh
@andrewlikes
Feb 23 2017 00:37
@unchantedDoom in bringing it up at every party we attend
Im
Geekomatic
@Geekomatic
Feb 23 2017 00:38

@BroDash

<div class="container-fluid">
Your html here
</div>

roger quiroz
@redroger
Feb 23 2017 00:39

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

<style>
.smaller-image {
width:500px;
}
</style>
<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>

Kodak Free
@BlackKodak
Feb 23 2017 00:40
anyone knows how to do footer on code pen
i have been struggling for hours.
BroDash
@BroDash
Feb 23 2017 00:41
thanks yall I got it
penguio
@penguio
Feb 23 2017 00:41
@BroDash <footer></footer>
@BlackKodak what do you mean by making a footer though, you can use bootstrap to style the footer too
Kodak Free
@BlackKodak
Feb 23 2017 00:43
here is my code:
@penguio ```
<footer class="w3-row">
    <div class=" w3-third w3-margin" ><p>Copyright • Jean-Yves Ezra • 2017</p>
    </div>      
    <div class=" w3-tothird w3-margin">
      <a href="#" class="fa fa-facebook-official"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-pinterest"></a>
<a href="#" class="fa fa-snapchat-ghost"></a>
<a href="#" class="fa fa-instagram"></a>
      </div>
    </footer>
@penguio for some reason its not working
penguio
@penguio
Feb 23 2017 00:44
@BlackKodak what are you aiming for?
Kodak Free
@BlackKodak
Feb 23 2017 00:45
@penguio I want my footer to be at the bottom of the page with the copyright info on the left and the social link on the right
penguio
@penguio
Feb 23 2017 00:45
You should use a list
are you using bootstrap by any chance to or writing styles
ElliesM0m
@ElliesM0m
Feb 23 2017 00:47

ok another question...here's my code:

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

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

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

instructions are to: Create a second p element after the existing p element with the following kitty ipsum text: Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.
ziamen
@ziamen
Feb 23 2017 00:47
Guys im in the Convert JSON data to HTML exercise and they tell me to put this in
json.forEach(function(val) {
var keys = Object.keys(val);
html += "<div class = 'cat'>";
keys.forEach(function(key) {
html += "<strong>" + key + "</strong>: " + val[key] + "<br>";
});
html += "</div><br>";
});
ElliesM0m
@ElliesM0m
Feb 23 2017 00:47
where do I put the p element?
ziamen
@ziamen
Feb 23 2017 00:47
but any of this make any sense for me
ABDELAZIZ IDDOUCH
@az-iddouch
Feb 23 2017 00:47

```/ header/

header{
background: url(../images/image_banner.png) no-repeat top center;
position: relative;
width: 100%;
height: 642px;

}
header a.logo{
position: absolute;
display: block;
background: url(../images/logo.png ) no-repeat ;
z-index: 1;
width: 160px;
height: 51px;
left: 20px;
top: 15px;
}
header div{
position: relative;
width: 42%;
top: 110px;
left: 28%;
}```

ziamen
@ziamen
Feb 23 2017 00:47
and they dont explained at all
ABDELAZIZ IDDOUCH
@az-iddouch
Feb 23 2017 00:47

/ header/

header{
background: url(../images/image_banner.png) no-repeat top center;
position: relative;
width: 100%;
height: 642px;

}
header a.logo{
position: absolute;
display: block;
background: url(../images/logo.png ) no-repeat ;
z-index: 1;
width: 160px;
height: 51px;
left: 20px;
top: 15px;
}
header div{
position: relative;
width: 42%;
top: 110px;
left: 28%;
}

SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 00:47
@ElliesM0m after the closing tag, </p>, of the first p element
Car
@Health-in-Happiness
Feb 23 2017 00:48
@ElliesM0m You create the second p element after your first p element then just make sure to start it with the Kitty Ipsum then the rest of the text.
ElliesM0m
@ElliesM0m
Feb 23 2017 00:48
ooh ok thanks!
ABDELAZIZ IDDOUCH
@az-iddouch
Feb 23 2017 00:49
after i give the header logo a position absolute it automatically give my whole body margin_top af like 15px
does some
body know how i can fix that
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 00:49
link?
ElliesM0m
@ElliesM0m
Feb 23 2017 00:49
so this is what I put in: <p Kitty Ipsum Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched. </p>
but it's telling me that: You need 2 p elements with Kitty Ipsum text.
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 00:49
@ElliesM0m <p>
not <p Kitty
missing the >
ElliesM0m
@ElliesM0m
Feb 23 2017 00:50
OH! Thank you!!
lol it's the smallest things I get caught up on!
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 00:51
Yeah, you'll get use to it.
penguio
@penguio
Feb 23 2017 00:53
<style>
    body > .container {
     padding-top: 60px;
}
</style>
<footer>
  <ul class="nav navbar-nav">
       <li class="pull-right"><small>Copyright Jean-Yves Ezra 2017</li></li>
        <li><a href="#" class="fa fa-facebook-official"></a></li>
       <li> <a href="#" class="fa fa-twitter"></a></li>
        <li><a href="#" class="fa fa-pinterest"></a></li>
        <li><a href="#" class="fa fa-snapchat-ghost"></a></li>
        <li><a href="#" class="fa fa-instagram"></a></li>
   </ul>
</footer>
ABDELAZIZ IDDOUCH
@az-iddouch
Feb 23 2017 00:53
header{
    background: url(../images/image_banner.png) no-repeat top center;
    position: relative;
    width: 100%;
    height: 642px;

}
header a.logo{

    position: absolute;
    display: block;
    background: url(../images/logo.png ) no-repeat ;
    z-index: 1;
    width: 160px;
    height: 51px;
    left: 20px;
    top: 15px;
}
when ii give the header logo absolute position it automatically give my whole body a margin-top of like 20px
penguio
@penguio
Feb 23 2017 00:54
Gah i hate this code editing thing :'(
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 00:54
@az-iddouch You have the logo set to top:15px;
That's going to move it down 15px
Geekomatic
@Geekomatic
Feb 23 2017 00:54
@penguio <li><a href="#"><i class="fa fa-facebook-official"></i></a></li>
penguio
@penguio
Feb 23 2017 00:55
@Geekomatic i was editing the guys code, and accidently hit enter that wasnt for me
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 00:55
<li class="pull-right"><small>Copyright Jean-Yves Ezra 2017</li></li>
Geekomatic
@Geekomatic
Feb 23 2017 00:55
oh my bad @penguio
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 00:55
you have two closing li tags
and no closing small tag
penguio
@penguio
Feb 23 2017 00:55
@Geekomatic thanks though
CamperBot
@camperbot
Feb 23 2017 00:55
penguio sends brownie points to @geekomatic :sparkles: :thumbsup: :sparkles:
:cookie: 327 | @geekomatic |http://www.freecodecamp.com/geekomatic
penguio
@penguio
Feb 23 2017 00:55
@SkinnerSweet7 i know, i accidently hit enter... i was editing a guys code
ABDELAZIZ IDDOUCH
@az-iddouch
Feb 23 2017 00:55
@SkinnerSweet7 even when i delete it didn't fix the problem
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 00:56
@az-iddouch did you set it to top:0; ?
Is there a margin on the body or the header?
ABDELAZIZ IDDOUCH
@az-iddouch
Feb 23 2017 00:57
@SkinnerSweet7 yep it didn't work , no there is no margin or padding given to the body or the header
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 00:58
@az-iddouch If you have a codepen link I can inspect it
ABDELAZIZ IDDOUCH
@az-iddouch
Feb 23 2017 00:59
nope i don't have a code pen , if you can wait i can create it rn
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 00:59
@az-iddouch Go for it
ABDELAZIZ IDDOUCH
@az-iddouch
Feb 23 2017 00:59
cool it ll take a sec
hazmagic
@hazmagic
Feb 23 2017 01:02
Can anyone help me with the <style> tag because i need to make the <h2> blue and I can't
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 01:03
<style>
h2 {
<style>
h2 {
color:blue;
}
</style>
Ignore the top part I accidently hit enter

Here's how it should be:

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

Saydo Kaba
@majuba123
Feb 23 2017 01:06

I need help: Create two tables:

Items (itemID, itemPrice, itemDescription, vendorID, quantityOnHand)
OrderItems (orderID, itemID, discountPercentage, quantity)

Andrew Overshiner
@andrewlo3
Feb 23 2017 01:07
can anyone help me figure out why my image isn’t centering? https://codepen.io/andrewlo3/pen/pezZGp
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 01:08

Here's one example

<table>

<thead><th>header item 1</th> <th>header item 2</th>

<tbody>

<tr>

<td>table item 1</td> <td>table item 2</td>
</tr>
</tbody>
</table> @majuba123

@andrewlo3 set col-xs-12 to width:100%; and the images parent element to text-align:center;
cwoodyard
@Cwoodyard
Feb 23 2017 01:12
how is everyone?
Per Arne Dahl Kristiansen
@ItsaPerryBob
Feb 23 2017 01:12
<fine>
cwoodyard
@Cwoodyard
Feb 23 2017 01:12
cool
Andrew Overshiner
@andrewlo3
Feb 23 2017 01:13
@SkinnerSweet7 thank you. how would I handle the image decreasing in size when the screen is made smaller?
CamperBot
@camperbot
Feb 23 2017 01:13
andrewlo3 sends brownie points to @skinnersweet7 :sparkles: :thumbsup: :sparkles:
:cookie: 58 | @skinnersweet7 |http://www.freecodecamp.com/skinnersweet7
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 01:15
@andrewlo3 What's the issue?
Andrew Overshiner
@andrewlo3
Feb 23 2017 01:16
@SkinnerSweet7 the image doesn’t adjust it’s size to fit on smaller screens
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 01:16
add max-width:100%; it will make it so the image doesn't extend past its container
army2willis
@army2willis
Feb 23 2017 01:16

trying to figure out where exactly my code is wrong or conflicting...help please : <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>

<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>
under style my code should read as to add a limiter on the image at 100px or pixels but somewhere i'm wrong
Andrew Overshiner
@andrewlo3
Feb 23 2017 01:18
@SkinnerSweet7 perfect. thank you. although I am curious how to example project managed it without any css or html style outside of bootstrap
CamperBot
@camperbot
Feb 23 2017 01:18
andrewlo3 sends brownie points to @skinnersweet7 :sparkles: :thumbsup: :sparkles:
:warning: andrewlo3 already gave skinnersweet7 points
Manish Giri
@Manish-Giri
Feb 23 2017 01:18
@army2willis why do you have this twice?
@army2willis

<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>
<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>
army2willis
@army2willis
Feb 23 2017 01:19
accident
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 01:19
@andrewlo3 I don't understand.
ABDELAZIZ IDDOUCH
@az-iddouch
Feb 23 2017 01:20
can we upload images in codepen
??
Andrew Overshiner
@andrewlo3
Feb 23 2017 01:20
@SkinnerSweet7 in the freecodecamp example tribute, he uses no max-width properties yet his picture readjusts based upon browser size https://codepen.io/freeCodeCamp/pen/NNvBQW
army2willis
@army2willis
Feb 23 2017 01:21
@Manish-Giri besides the fact that I send the last line twice can you see where the error is on the code and why the image has not shrunk to 100px?
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 01:21
@andrewlo3 There is a max-width of 100%;
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
display: block;
max-width: 100%;
height: auto;
}
Manish Giri
@Manish-Giri
Feb 23 2017 01:22
@army2willis no it seems fine to me
if it doesn't work still
post your challenge URL here, click "run tests" first
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 01:23
@andrewlo3 If you use chrome you can right click on an element and hit inspect, which will bring up the developer tools. This way you can see the html and styles easier.
army2willis
@army2willis
Feb 23 2017 01:23
well it's telling me that i'm missing something on the training. It still has an x there under Your image should be 100 pixels wide. Browser zoom should be at 100%
Andrew Overshiner
@andrewlo3
Feb 23 2017 01:24
@SkinnerSweet7 is that something added behind the scenes through bootstrap? in the project’s codepen html, there is nothing about that
Manish Giri
@Manish-Giri
Feb 23 2017 01:24
@army2willis post your challenge URL here, click "run tests" first
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 01:26
@andrewlo3 Yeah, that's part of bootstrap. Here's a link to the bootstrap style sheet that's in use: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css
ABDELAZIZ IDDOUCH
@az-iddouch
Feb 23 2017 01:27
@SkinnerSweet7 can we upload images to codepen
??
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 01:28
@az-iddouch I'm not sure, I'm doing the javascript training not the website building.
cwoodyard
@Cwoodyard
Feb 23 2017 01:29
i found a neat github link for the tutorial if you get stuck: https://github.com/Rafase282/My-FreeCodeCamp-Code/wiki/HTML-&-CSS
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 01:29
@az-iddouch You can post it without the images first and I can probably figure it out
ABDELAZIZ IDDOUCH
@az-iddouch
Feb 23 2017 01:29
@SkinnerSweet7 okay
Andrew Overshiner
@andrewlo3
Feb 23 2017 01:29
@SkinnerSweet7 it’s interesting because if I copy that example’s project’s exact coed into my codepen, nothing resizes itself. However, everything works fine in his codepen.
Lucas Scalzo
@Lu314
Feb 23 2017 01:29
i need help with 72
ABDELAZIZ IDDOUCH
@az-iddouch
Feb 23 2017 01:31
@SkinnerSweet7 http://codepen.io/az-iddouch/pen/NpKoBQ here's the link let me know what you think
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 01:31
@andrewlo3 That's odd it probably didn't copy over the bootstrap styles for some reason.
@az-iddouch Alright, let me take a look
cwoodyard
@Cwoodyard
Feb 23 2017 01:33
@Lu314 could you try making a new div element and coing by what is sais?
ABDELAZIZ IDDOUCH
@az-iddouch
Feb 23 2017 01:33
@SkinnerSweet7 okay thanks
CamperBot
@camperbot
Feb 23 2017 01:33
az-iddouch sends brownie points to @skinnersweet7 :sparkles: :thumbsup: :sparkles:
:cookie: 63 | @skinnersweet7 |http://www.freecodecamp.com/skinnersweet7
hazmagic
@hazmagic
Feb 23 2017 01:34
help my h2 element has to be blue how can i do that?
<style>
h2{color:blue;}
</style>
Luique Cruz
@Luiquecruz
Feb 23 2017 01:35
@az-iddouch do you want a nice tip that saved me a lot of times?
copy all your HTML code, then past it here >>> https://validator.w3.org/#validate_by_input
tka16
@tka16
Feb 23 2017 01:35
how can i enhance my skills
Andrew Overshiner
@andrewlo3
Feb 23 2017 01:35
@SkinnerSweet7 any idea how I can fix it? I tried making an entirely new pen and reimporting bootstrap, but it still didn’t work
Vered Rekanati
@veredrec
Feb 23 2017 01:35
@hazmagic it seems correct. Can you please copy&paste the rest of the code?
Lucas Scalzo
@Lu314
Feb 23 2017 01:35
@Cwoodyard "Each of your Bootstrap buttons should be nested within its own div element with the class col-xs-4." this is the part that i dont understand
hazmagic
@hazmagic
Feb 23 2017 01:35

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

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

Chris Jobs
@ChrisJobsWork
Feb 23 2017 01:35
Hello everyone! Does anyone know how to turn this blue?

<style>
<h2 {color: blue;}CatPhotoApp</h2>
</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>

I'm stuck
hazmagic
@hazmagic
Feb 23 2017 01:35
same problem chris
Lucas Scalzo
@Lu314
Feb 23 2017 01:36
should I make a div element for every buton??
Luique Cruz
@Luiquecruz
Feb 23 2017 01:36
@ChrisJobsWork ok i'll help
Chris Jobs
@ChrisJobsWork
Feb 23 2017 01:36
yes @hazmagic
ABDELAZIZ IDDOUCH
@az-iddouch
Feb 23 2017 01:36
@Luiquecruz okay i'll check it out , thanks man
CamperBot
@camperbot
Feb 23 2017 01:36
:cookie: 254 | @luiquecruz |http://www.freecodecamp.com/luiquecruz
az-iddouch sends brownie points to @luiquecruz :sparkles: :thumbsup: :sparkles:
Chris Jobs
@ChrisJobsWork
Feb 23 2017 01:36
Thanks Luique
Vered Rekanati
@veredrec
Feb 23 2017 01:36
@hazmagic and @ChrisJobsWork seperate the style and put it on top of the html
Lucas Scalzo
@Lu314
Feb 23 2017 01:36
within another div elemnt?
Andrew Overshiner
@andrewlo3
Feb 23 2017 01:36
@ChrisJobsWork <h2 style=“color: blue;”>CatPhotoApp</h2>
Chris Jobs
@ChrisJobsWork
Feb 23 2017 01:37
Thanks @andrewlo3
CamperBot
@camperbot
Feb 23 2017 01:37
chrisjobswork sends brownie points to @andrewlo3 :sparkles: :thumbsup: :sparkles:
:cookie: 119 | @andrewlo3 |http://www.freecodecamp.com/andrewlo3
Vered Rekanati
@veredrec
Feb 23 2017 01:37
@hazmagic that's another way of doing it :)
hazmagic
@hazmagic
Feb 23 2017 01:37
ok
Atiwari330
@Atiwari330
Feb 23 2017 01:37
having trouble setting the id of a form element. i believe i have the right syntax but cant get it to work
rosebabiie
@rosebabiie
Feb 23 2017 01:37
I had the same issue earlier too xD So I feel the pain I did what Andrew wrote
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 01:37
@andrewlo3 Not sure
Luique Cruz
@Luiquecruz
Feb 23 2017 01:37
@ChrisJobsWork
remove your h2 tag from style tag.
then put it outside adding the class name, like this
<style>
  .blue{color: blue;}
</style>
<h2 class="blue">cat photo app</h2>
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
I'm stuck
Vered Rekanati
@veredrec
Feb 23 2017 01:37
@hazmagic does it work now?
Chris Jobs
@ChrisJobsWork
Feb 23 2017 01:38
Thanks @veredrec
CamperBot
@camperbot
Feb 23 2017 01:38
chrisjobswork sends brownie points to @veredrec :sparkles: :thumbsup: :sparkles:
:cookie: 297 | @veredrec |http://www.freecodecamp.com/veredrec
Vered Rekanati
@veredrec
Feb 23 2017 01:38
no problem!
rosebabiie
@rosebabiie
Feb 23 2017 01:38

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

<h2> CatPhotoApp</h2>

Atiwari330
@Atiwari330
Feb 23 2017 01:39
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
army2willis
@army2willis
Feb 23 2017 01:39

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

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

h2 {
font-family: Lobster, Monospace;
}
<style>
.smaller-image {
width: 100px;
}
</style>
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>
that's the code as it sits

hazmagic
@hazmagic
Feb 23 2017 01:39
thanks @rosebabiie and @Luiquecruz
CamperBot
@camperbot
Feb 23 2017 01:39
hazmagic sends brownie points to @rosebabiie and @luiquecruz :sparkles: :thumbsup: :sparkles:
:cookie: 255 | @luiquecruz |http://www.freecodecamp.com/luiquecruz
:cookie: 17 | @rosebabiie |http://www.freecodecamp.com/rosebabiie
Atiwari330
@Atiwari330
Feb 23 2017 01:39
how would i set the id of this element ?
Vered Rekanati
@veredrec
Feb 23 2017 01:39
@Atiwari330 where would you like to put the id?
Chris Jobs
@ChrisJobsWork
Feb 23 2017 01:40
Thanks @Luiquecruz
CamperBot
@camperbot
Feb 23 2017 01:40
chrisjobswork sends brownie points to @luiquecruz :sparkles: :thumbsup: :sparkles:
:cookie: 256 | @luiquecruz |http://www.freecodecamp.com/luiquecruz
Luique Cruz
@Luiquecruz
Feb 23 2017 01:40
@Atiwari330 try something like this
<tag id="yourIdHere"></tag>
Vered Rekanati
@veredrec
Feb 23 2017 01:41
@Atiwari330 if you want it to be for the form, you can put it before the action, so it would be: <form id="something" action="...">
Sahil Khetarpal
@sahilkpal
Feb 23 2017 01:41
Need help with: Target the same element with multiple jQuery Selectors
Luique Cruz
@Luiquecruz
Feb 23 2017 01:41
@sahilkpal past your code here
Yu-Jin
@keyboardbreaker
Feb 23 2017 01:41
need help with C# and web entity framework deployed to azure if anyone can help
Sahil Khetarpal
@sahilkpal
Feb 23 2017 01:41
how do you past the code like above?
paste*
Yu-Jin
@keyboardbreaker
Feb 23 2017 01:41
it's for an interview for today.
penguio
@penguio
Feb 23 2017 01:42
@sahilkpal you have the three selectors button .class and #target3
dpr1992
@dpr1992
Feb 23 2017 01:42

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

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

i could not allow it to submit
Luique Cruz
@Luiquecruz
Feb 23 2017 01:42
click on markdown help at right side of chat bar
Atiwari330
@Atiwari330
Feb 23 2017 01:42
@veredrec thank you so much!
CamperBot
@camperbot
Feb 23 2017 01:42
atiwari330 sends brownie points to @veredrec :sparkles: :thumbsup: :sparkles:
:cookie: 298 | @veredrec |http://www.freecodecamp.com/veredrec
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 01:42
@az-iddouch So some of the stuff copied into codepen but if you set { margin:0; } it looks like the top spacing goes away. The selector targets every element. You can also try and use a reset style sheet: http://meyerweb.com/eric/tools/css/reset/ just make sure that you add it before all your normal styles
penguio
@penguio
Feb 23 2017 01:42
@sahilkpal that's what they mean, button .class #id
Atiwari330
@Atiwari330
Feb 23 2017 01:42
thank you @Luiquecruz
CamperBot
@camperbot
Feb 23 2017 01:42
atiwari330 sends brownie points to @luiquecruz :sparkles: :thumbsup: :sparkles:
:cookie: 257 | @luiquecruz |http://www.freecodecamp.com/luiquecruz
Vered Rekanati
@veredrec
Feb 23 2017 01:42
@Atiwari330 No problem :)
Luique Cruz
@Luiquecruz
Feb 23 2017 01:43
@Atiwari330 ;)
Sahil Khetarpal
@sahilkpal
Feb 23 2017 01:43
test
<script>
  $(document).ready(function() {
  $("button").addClass("animated");
  $(".btn").addClass("animated shake");
  $("#target1").addClass("btn-primary");  
  });
</script>
is what i have
dpr1992
@dpr1992
Feb 23 2017 01:44
can some one help me with that issue..i am not allowed to submit "the pink test"one
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 01:44
* { margin:0; } @az-iddouch It removed it from my previous somment
Luique Cruz
@Luiquecruz
Feb 23 2017 01:44
@sahilkpal if you want to target the same element, you shoud use the same selector for all that apply
Kim
@cruzk
Feb 23 2017 01:44
Hi everyone. I'm a complete newbie here, so please don't shoot me down! I'm on one of the tasks at the very beginning where I'm asked to add a thick green border around the image, and I'm just stumped. Help from anyone please?
Vered Rekanati
@veredrec
Feb 23 2017 01:45
@dpr1992 can you send the question or what the task is? Your code seems corrcet so I'm not sure
Luique Cruz
@Luiquecruz
Feb 23 2017 01:45
@sahilkpal like this
<script>
  $(document).ready(function() {
  $(".btn").addClass("animated");
  $(".btn").addClass("animated shake");
  $(".btn").addClass("btn-primary");  
  });
</script>
Manish Giri
@Manish-Giri
Feb 23 2017 01:45
@sahilkpal $(".btn").addClass("animated shake");
ABDELAZIZ IDDOUCH
@az-iddouch
Feb 23 2017 01:45
@SkinnerSweet7 okay i'll try doing that , thanks :smile:
dpr1992
@dpr1992
Feb 23 2017 01:45
@veredrec exactly, i could not find any mistake in my code
CamperBot
@camperbot
Feb 23 2017 01:45
az-iddouch sends brownie points to @skinnersweet7 :sparkles: :thumbsup: :sparkles:
:warning: az-iddouch already gave skinnersweet7 points
Manish Giri
@Manish-Giri
Feb 23 2017 01:45
this adds 2 classes
@sahilkpal
Vered Rekanati
@veredrec
Feb 23 2017 01:46
@dpr1992 but what was the question on FreeCodeCamp? can you copy&paste it?
cwoodyard
@Cwoodyard
Feb 23 2017 01:47
@Lu314 try <div class="row" class="col-xs-4">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info">Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger">Delete</button>
</div>
</div>
dpr1992
@dpr1992
Feb 23 2017 01:47

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

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

Luique Cruz
@Luiquecruz
Feb 23 2017 01:47
@sahilkpal it worked for you?
dpr1992
@dpr1992
Feb 23 2017 01:47
@veredrec ..there it is
Lucas Scalzo
@Lu314
Feb 23 2017 01:47
@Cwoodyard thanx it workewd
CamperBot
@camperbot
Feb 23 2017 01:47
lu314 sends brownie points to @cwoodyard :sparkles: :thumbsup: :sparkles:
:cookie: 56 | @cwoodyard |http://www.freecodecamp.com/cwoodyard
Sahil Khetarpal
@sahilkpal
Feb 23 2017 01:47
I haven't tried it yet, it might work. But I am trying to understand it still. I'm working it through my head and reading the instructions and what you wrote and what Manish wrote again.
Vered Rekanati
@veredrec
Feb 23 2017 01:47
@dpr1992 I meant - what did they ask you to do? What was the task?
dpr1992
@dpr1992
Feb 23 2017 01:48
@veredrec Your h1 element should have the class pink-text.
Your <style> should have a pink-text CSS class with its color set to pink.
Your h1 element should be pink.
cwoodyard
@Cwoodyard
Feb 23 2017 01:48
yay! happy it helped. it took me some time to figure it out @Lu314
Sahil Khetarpal
@sahilkpal
Feb 23 2017 01:48
I don't understand it because, in the instruction it asks: Add the btn-primary class to the button with id #target1. Where are you doing that in this?
Lucas Scalzo
@Lu314
Feb 23 2017 01:48
@Cwoodyard too many divs lol
Sahil Khetarpal
@sahilkpal
Feb 23 2017 01:48
  $(document).ready(function() {
  $(".btn").addClass("animated");
  $(".btn").addClass("animated shake");
  $(".btn").addClass("btn-primary");  
  });
</script>
dpr1992
@dpr1992
Feb 23 2017 01:48
@veredrec ..thats what they ve asked to do
Vered Rekanati
@veredrec
Feb 23 2017 01:49
@dpr1992 ok, give me a second :)
Luique Cruz
@Luiquecruz
Feb 23 2017 01:49
@sahilkpal basicaly if you want do add animations or whatever to you code, you just use it's selector and apply the properties you want
Manish Giri
@Manish-Giri
Feb 23 2017 01:49
@sahilkpal why are all the selectors .btn now?
Sahil Khetarpal
@sahilkpal
Feb 23 2017 01:49
oh
SkinnerSweet7
@SkinnerSweet7
Feb 23 2017 01:49
@sahilkpal $("#target1") that would select the button with the id target1
Sahil Khetarpal
@sahilkpal
Feb 23 2017 01:49
that is what he gave me
Manish Giri
@Manish-Giri
Feb 23 2017 01:49
anyway
ugh
cwoodyard
@Cwoodyard
Feb 23 2017 01:50
yea @Lu314
Manish Giri
@Manish-Giri
Feb 23 2017 01:50
you should use your own code @sahilkpal
Sahil Khetarpal
@sahilkpal
Feb 23 2017 01:50
what did I do wrong here?
Manish Giri
@Manish-Giri
Feb 23 2017 01:50
as for your question
Sahil Khetarpal
@sahilkpal
Feb 23 2017 01:50
  $(document).ready(function() {
  $("button").addClass("animated");
  $(".btn").addClass("animated shake");
  $("#target1").addClass("btn-primary");  
  });
</script>
Luique Cruz
@Luiquecruz
Feb 23 2017 01:50
@sahilkpal that was only an exemple, not the solution ;)
Manish Giri
@Manish-Giri
Feb 23 2017 01:50
all those selectors are targeting the same element
Kim
@cruzk
Feb 23 2017 01:50
Create a class called thick-green-border that puts a 10-pixel-wide green border with a style of solid around an HTML element, and apply that class to your cat photo.
Manish Giri
@Manish-Giri
Feb 23 2017 01:50
so if you add a class to selector a
and another class to selector b
Kim
@cruzk
Feb 23 2017 01:50
what am i doing wrong?

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

Manish Giri
@Manish-Giri
Feb 23 2017 01:51
and if both a and b are the same element
then you are basically adding classes a and b to the same element
@sahilkpal
dpr1992
@dpr1992
Feb 23 2017 01:51
@veredrec ...found anything?..:D
Manish Giri
@Manish-Giri
Feb 23 2017 01:51
@cruzk class="classA classB classC" is the syntax
you have one class keyword and separate class names with spaces
Luique Cruz
@Luiquecruz
Feb 23 2017 01:51
@cruzk you've added 'class' word 2 times
Vered Rekanati
@veredrec
Feb 23 2017 01:52
@dpr1992 I think you might have an extra space after the class name in the h1.
Chris Jobs
@ChrisJobsWork
Feb 23 2017 01:52
I keep getting this error @Luiquecruz Ensure that your stylesheet h2 declaration is valid with a semicolon and closing brace.
Luique Cruz
@Luiquecruz
Feb 23 2017 01:53
@ChrisJobsWork what is the challenge name?
Sahil Khetarpal
@sahilkpal
Feb 23 2017 01:53
  $(document).ready(function() {
  $("button").addClass("animated");
  $(".btn").addClass("shake");
  $("#target1").addClass("btn-primary");  
  });
</script>
Chris Jobs
@ChrisJobsWork
Feb 23 2017 01:53

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

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

dpr1992
@dpr1992
Feb 23 2017 01:53
@veredrec i dont think that matters..!! even if i remove the extra space, it doesnot allowing me to submit
Sahil Khetarpal
@sahilkpal
Feb 23 2017 01:53
that works
Chris Jobs
@ChrisJobsWork
Feb 23 2017 01:54
Use CSS Selectors to Style Elements @lui\
Kim
@cruzk
Feb 23 2017 01:54
@Manish-Giri Thanks!!!
CamperBot
@camperbot
Feb 23 2017 01:54
cruzk sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4391 | @manish-giri |http://www.freecodecamp.com/manish-giri
Chris Jobs
@ChrisJobsWork
Feb 23 2017 01:54
@Luiquecruz
Manish Giri
@Manish-Giri
Feb 23 2017 01:54
@dpr1992 post your challenge URL here, click "run tests" first
Vered Rekanati
@veredrec
Feb 23 2017 01:54
@dpr1992 I don't get it... can you send me the link to the problem?
Kim
@cruzk
Feb 23 2017 01:54
@Luiquecruz Thanks!!!
CamperBot
@camperbot
Feb 23 2017 01:54
cruzk sends brownie points to @luiquecruz :sparkles: :thumbsup: :sparkles:
:cookie: 258 | @luiquecruz |http://www.freecodecamp.com/luiquecruz
Luique Cruz
@Luiquecruz
Feb 23 2017 01:54
@ChrisJobsWork try this out
<style>
  h2 {
    color: blue;
  }
</style>

<h2>CatPhotoApp</h2>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
Manish Giri
@Manish-Giri
Feb 23 2017 01:54
@dpr1992 .pink-test
it's text not test
Sahil Khetarpal
@sahilkpal
Feb 23 2017 01:55
thank you all
Manish Giri
@Manish-Giri
Feb 23 2017 01:55
Give your h1 element the class of pink-text.
Vered Rekanati
@veredrec
Feb 23 2017 01:55
@dpr1992 it'
Luique Cruz
@Luiquecruz
Feb 23 2017 01:55
no problem
dpr1992
@dpr1992
Feb 23 2017 01:55
@Manish-Giri ..ooh noo, i could not able to figure out that silly mistake..:D
Vered Rekanati
@veredrec
Feb 23 2017 01:55
it's pink-text and not pink-test :)
dpr1992
@dpr1992
Feb 23 2017 01:56
@veredrec ..exactly, :D
Chris Jobs
@ChrisJobsWork
Feb 23 2017 01:56
Thanks @Luiquecruz
CamperBot
@camperbot
Feb 23 2017 01:56
chrisjobswork sends brownie points to @luiquecruz :sparkles: :thumbsup: :sparkles:
:warning: chrisjobswork already gave luiquecruz points
Vered Rekanati
@veredrec
Feb 23 2017 01:56
:)
Luique Cruz
@Luiquecruz
Feb 23 2017 01:56
@ChrisJobsWork ;)
Chris Jobs
@ChrisJobsWork
Feb 23 2017 01:57
You Rock @Luiquecruz
Luique Cruz
@Luiquecruz
Feb 23 2017 01:57
haha
dpr1992
@dpr1992
Feb 23 2017 01:57
anyway thanks @Manish-Giri , @veredrec ..!!..:)
CamperBot
@camperbot
Feb 23 2017 01:57
dpr1992 sends brownie points to @manish-giri and @veredrec :sparkles: :thumbsup: :sparkles:
:cookie: 299 | @veredrec |http://www.freecodecamp.com/veredrec
:star2: 4392 | @manish-giri |http://www.freecodecamp.com/manish-giri
Vered Rekanati
@veredrec
Feb 23 2017 01:57
@dpr1992 np!
Luique Cruz
@Luiquecruz
Feb 23 2017 01:58
Brock Gast
@bulltex95
Feb 23 2017 02:07
Hey guys, I was wondering how i pass the class .silver-background {
background-color: silver;
}
into a div element
Noah
@ntrem97
Feb 23 2017 02:08

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

<h2>CatPhotoApp</h2>

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
how do I make my h2 element red

Manish Giri
@Manish-Giri
Feb 23 2017 02:08
@ntrem97 add the class to the h2
and remove h2 here
.red-text {
color: red;
} h2
Noah
@ntrem97
Feb 23 2017 02:10
what does that mean? @Manish-Giri
Manish Giri
@Manish-Giri
Feb 23 2017 02:11

@ntrem97 it means

You can apply a class to an HTML element like this:

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

see how the class is applied in the example
Noah
@ntrem97
Feb 23 2017 02:11
understood thank you
Brock Gast
@bulltex95
Feb 23 2017 02:12
Can anyone help please
Manish Giri
@Manish-Giri
Feb 23 2017 02:12
@bulltex95 same thing
<h2 class="blue-text">CatPhotoApp</h2>
you need to apply the silver-background class to the div
Brock Gast
@bulltex95
Feb 23 2017 02:14
So would i just enter in the div field; class="silver-background"
Manish Giri
@Manish-Giri
Feb 23 2017 02:14
yes
Brock Gast
@bulltex95
Feb 23 2017 02:16
no luck, it just starts typing the text onto the screen instead of applying anything.
Manish Giri
@Manish-Giri
Feb 23 2017 02:16
huh?
Andrew Shieh
@andrewlikes
Feb 23 2017 02:17
Type delete and then reclick
penguio
@penguio
Feb 23 2017 02:18
Can anyone help me rotate the red x on the other side of the arrows in the number input.
Screenshot from 2017-02-22 19:12:45.png
Cause it's been bugging me for a while and cant find a fix :'(
Brock Gast
@bulltex95
Feb 23 2017 02:19
Still no luck. Onto google! Thanks though :)
Manish Giri
@Manish-Giri
Feb 23 2017 02:20
@bulltex95 post your challenge URL here, click "run tests" first
Brock Gast
@bulltex95
Feb 23 2017 02:22
https://www.freecodecamp.com/challenges/give-a-background-color-to-a-div-element#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%20%20.silver-background%20%7B%0A%20%20%20%20background-color%3A%20silver%3B%0A%20%20%7D%0A%20%20%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%3Cdiv%3E%0A%20%20%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%3C%2Fdiv%3E%0A%0A%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%20checked%3E%20Indoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%20checked%3E%20Loving%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Energetic%3C%2Flabel%3E%0A%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%3C%2Fform%3E%0A
jeez, im assuming that's what you wanted haha
Manish Giri
@Manish-Giri
Feb 23 2017 02:24
<div>
you didn't add anything
Brock Gast
@bulltex95
Feb 23 2017 02:24
oh, sorry, i forgot to re-add it before posting
Manish Giri
@Manish-Giri
Feb 23 2017 02:25
:disappointed:
Noah
@ntrem97
Feb 23 2017 02:25
Can someone post a comment of how to produce font size in style tags.
Brock Gast
@bulltex95
Feb 23 2017 02:25
https://www.freecodecamp.com/challenges/give-a-background-color-to-a-div-element#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%20%20.silver-background%20%7B%0A%20%20%20%20background-color%3A%20silver%3B%0A%20%20%7D%0A%20%20%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%3Cdiv%3E%20class%3D%22silver-background%22%0A%20%20%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%3C%2Fdiv%3E%0A%0A%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%20checked%3E%20Indoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%20checked%3E%20Loving%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Energetic%3C%2Flabel%3E%0A%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%3C%2Fform%3E%0A
Noah
@ntrem97
Feb 23 2017 02:25
<style>
.red-text {
color: red;
font-size: 16px;
}
</style>
Manish Giri
@Manish-Giri
Feb 23 2017 02:25
@bulltex95 <h2 class="red-text">CatPhotoApp</h2>
how did you add a class here?
<div> class="silver-background"
does this look right?
Brock Gast
@bulltex95
Feb 23 2017 02:26
yeah, but no luck with that
Manish Giri
@Manish-Giri
Feb 23 2017 02:27
so you changed it?
Brock Gast
@bulltex95
Feb 23 2017 02:27
Thats what i entered, but nothing happens.
Is that what it should look like?
Manish Giri
@Manish-Giri
Feb 23 2017 02:28
it worked for me
show me what you tried now
Abdelrahman Alkahwaji
@Alkahwaji
Feb 23 2017 02:28
how can I import lobster font from google I opened the link and add font family but the course don't accept that yet?
Brock Gast
@bulltex95
Feb 23 2017 02:29
Never mind, i got it.
<div class="silver-background">
Manish Giri
@Manish-Giri
Feb 23 2017 02:29
@Alkahwaji show code
Brock Gast
@bulltex95
Feb 23 2017 02:29
Thats what i needed to do i guess. Just needed to move the '>'
Anthony Contreras
@AmazeCPK
Feb 23 2017 02:30
Can someone help me with creating a fixed sidebar that takes up the entire height of the web page?
Anh Nguyen
@tiremon112
Feb 23 2017 02:30
@Manish-Giri i don't get this exercism question... Assert.That(HelloWorld.Hello(), Is.EqualTo("Hello, World!"));
O.o
Brock Gast
@bulltex95
Feb 23 2017 02:30
Thank you @Manish-Giri
CamperBot
@camperbot
Feb 23 2017 02:30
bulltex95 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4394 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Feb 23 2017 02:30
lol
looked like exorcism question!!
:ghost:
Anh Nguyen
@tiremon112
Feb 23 2017 02:31
it won't print no matter what
Manish Giri
@Manish-Giri
Feb 23 2017 02:31
assertions don't print
they just check the values
and they print only if the values don't match
like
Assert.That(HelloWorld.Hello(), Is.EqualTo("Hello, World!"), message: "Didn't match");
Anh Nguyen
@tiremon112
Feb 23 2017 02:33
using NUnit.Framework;

[TestFixture]
public class HelloWorldTest
{
    [Test]
    public void Say_hi()
    {
            Assert.That(HelloWorld.Hello(), Is.EqualTo("Hello, World!"));

    }
    public string Helloworld.Hello(string name ){

        return "Hello, World!";
    }

}
so how do i answer it
O.O
Manish Giri
@Manish-Giri
Feb 23 2017 02:34
O.o
Anh Nguyen
@tiremon112
Feb 23 2017 02:34
this website is indeed exercism
  • Write a function that says "Hello, World!".
  • Run the test suite and make sure that it succeeds.
  • Submit your solution and check it at the website.
lol
Manish Giri
@Manish-Giri
Feb 23 2017 02:34
you've got to call Say_hi() method
unless it somehow is run automatically by the framework
but I don't think so
Noah
@ntrem97
Feb 23 2017 02:36

how do I create an entry for font size inside of a <style> tag

<style>
.red-text {
color: red;
{p=font-size: 16px; }
}
</style>
this is what I have but its wrong

Anh Nguyen
@tiremon112
Feb 23 2017 02:36
public void Main(string[] args){
        HelloWorldTest.Hello ();
        Say_hi ();


    }
is this how i should call it?
Manish Giri
@Manish-Giri
Feb 23 2017 02:37
public void Main(string[] args){
        Say_hi ();
    }
just this
because say_hi() calls .hello()
Abdelrahman Alkahwaji
@Alkahwaji
Feb 23 2017 02:38
@Manish-Giri how can I SHOW you code?
Manish Giri
@Manish-Giri
Feb 23 2017 02:38
@Alkahwaji yes
Anh Nguyen
@tiremon112
Feb 23 2017 02:39
not even work this exercise is hardcore wtf
Chiu Yong
@chiuyong
Feb 23 2017 02:39
hello
I need help
Abdelrahman Alkahwaji
@Alkahwaji
Feb 23 2017 02:39
@Manish-Giri how?? I can
Alejandro López Almeida
@raky291
Feb 23 2017 02:40
Hello, can anyone help me with the "comment_form" method of wordpress?
Manish Giri
@Manish-Giri
Feb 23 2017 02:41
@Alkahwaji copy paste
Abdelrahman Alkahwaji
@Alkahwaji
Feb 23 2017 02:42

@Manish-Giri

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

p {
font-size: 16px;
font-family: Monospace;
}
h2{
font-family:lobster;
}
</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>

Manish Giri
@Manish-Giri
Feb 23 2017 02:43
@Alkahwaji where's the URL
Abdelrahman Alkahwaji
@Alkahwaji
Feb 23 2017 02:43
@Manish-Giri https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css"
Manish Giri
@Manish-Giri
Feb 23 2017 02:44
font-family:lobster;
L should be uppercase
Noah
@ntrem97
Feb 23 2017 02:46
How do I load Lobster font
Anh Nguyen
@tiremon112
Feb 23 2017 02:48
not sure if this exercism website, is for improving skill or punishing programmer
Manish Giri
@Manish-Giri
Feb 23 2017 02:48
lel
Jamison Wilson
@jamison8
Feb 23 2017 02:48
Create an a element that links to http://freecatphotoapp.com and has "cat photos" as its anchor text.
help
Anh Nguyen
@tiremon112
Feb 23 2017 02:49
I just can't pass the Hello World unreal
lol
:angry:
ejiroghene ifie
@ejiroifie
Feb 23 2017 02:50
same here nguyen lol
Manish Giri
@Manish-Giri
Feb 23 2017 02:50
see if you can share your code here
Koal Design
@koaldesign
Feb 23 2017 02:53
how would i set the width of an image with style?
using a class

<link class="smaller-image" 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

Anh Nguyen
@tiremon112
Feb 23 2017 02:56
https://dotnetfiddle.net/CzG9D2 it wants me to use their framework
or something
O.O
joshfer2000
@joshfer2000
Feb 23 2017 02:57
@koaldesign im not sure myself cause I'm new to coding, however google does a pretty good job of giving u that answer
d-alcala
@d-alcala
Feb 23 2017 02:59
@koal <img class="insertclassnamehere" src="bla bla bla" then at the <style> area do .insertclassnamehere { width: 100px; }
J.C.
@woojc
Feb 23 2017 03:00
does anyone know how to create a box like this image with the text box underneath it? https://codepen.io/freeCodeCamp/full/NNvBQW
d-alcala
@d-alcala
Feb 23 2017 03:01

you can use

<div>

<img> then <p> inside the div or you can use

<figure>

J.C.
@woojc
Feb 23 2017 03:02
@d-alcala thanks, ill try it out
CamperBot
@camperbot
Feb 23 2017 03:02
woojc sends brownie points to @d-alcala :sparkles: :thumbsup: :sparkles:
:cookie: 27 | @d-alcala |http://www.freecodecamp.com/d-alcala
d-alcala
@d-alcala
Feb 23 2017 03:02
<figure>
<img src="put image here" alt="my img"/>
<figcaption> Your text </figcaption>
</figure>
figure is probably better
Anh Nguyen
@tiremon112
Feb 23 2017 03:06
i just submit it to check other people solution, nobody got it right
Pamela guy
@219tenderlips
Feb 23 2017 03:08
<div class="row">
<div class="col-xs-4">
<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>
</div>
<div class="col-xs-4">
<div class="row">
<div class="col-xs-6">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
</div>
</div>
<div class="col-xs-4">
<div class="row">
<div class="col-xs-6">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
</div>
</div>
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.
Make sure each of your div elements has a closing tag.
can someone look at my code and tell me what i am doing wrong?
ZETROVSTILINSKI
@thechatroom
Feb 23 2017 03:09
new student of freecodecamp
Anh Nguyen
@tiremon112
Feb 23 2017 03:10
@219tenderlips keyword "radio"
Mike Boardley
@Boardley
Feb 23 2017 03:13
@219tenderlips
<div class="row">
    <div class="col-xs-6"><label><input type="radio" name="inside-outside" value="radio-1">Radio 1</label></div>
    <div class="col-xs-6"><label><input type="radio" name="inside-outside" value="radio-2">Radio 2</label></div>
    <div class="col-xs-6"><label><input type="radio" name="inside-outside" value="radio-3">Radio 3</label></div>
</div>
@219tenderlips
You might not need the label tag wrapped around
Andrew Shieh
@andrewlikes
Feb 23 2017 03:14
That value attribute
Car
@Health-in-Happiness
Feb 23 2017 03:14
@woojc You can apply Jumbotron then apply thumbnail to the image.
Manish Giri
@Manish-Giri
Feb 23 2017 03:16
@Boardley that's not right btw
you have 3*6 columns
Mike Boardley
@Boardley
Feb 23 2017 03:16
@Manish-Giri - I know.
@Manish-Giri - It should be col-xs-4
anishtamang
@anishtamang
Feb 23 2017 03:16
:)
Manish Giri
@Manish-Giri
Feb 23 2017 03:17
yeah
David McCormack
@davidmccormack
Feb 23 2017 03:17
hey guys, can someone help me with one of the intermediate algorithm challenges?
J.C.
@woojc
Feb 23 2017 03:17
@Health-in-Happiness looking into this right now, thanks!
CamperBot
@camperbot
Feb 23 2017 03:17
woojc sends brownie points to @health-in-happiness :sparkles: :thumbsup: :sparkles:
:cookie: 131 | @health-in-happiness |http://www.freecodecamp.com/health-in-happiness
Andrew Shieh
@andrewlikes
Feb 23 2017 03:19
about @davidmccormack
CamperBot
@camperbot
Feb 23 2017 03:19
:cookie: 264 | @davidmccormack |http://www.freecodecamp.com/davidmccormack
Mike Boardley
@Boardley
Feb 23 2017 03:19
@Manish-Giri - I fixed my emmet code. I have this saved because people ask this one alot. All you have to do it tab and there is your code;
.row|c>.col-xs-4*3>input[type="radio" name="inside-out" value="radio $"]|c
Andrew Shieh
@andrewlikes
Feb 23 2017 03:19
about @davidnodavid
CamperBot
@camperbot
Feb 23 2017 03:19
:cookie: 32 | @davidnodavid |http://www.freecodecamp.com/davidnodavid
David McCormack
@davidmccormack
Feb 23 2017 03:19
@andrewlikes the "Wherefore art thou" challenge
Andrew Shieh
@andrewlikes
Feb 23 2017 03:20
haha your name came before my friends
.row|c>.col-xs-4*3>input[type="radio" name="inside-out" value="radio $"]|c
Pamela guy
@219tenderlips
Feb 23 2017 03:22
I need help?
Pierre Marchand
@zimmerboom
Feb 23 2017 03:22
How to create a dead link in html?
Mike Boardley
@Boardley
Feb 23 2017 03:22
@219tenderlips - what is the issue?
Andrew Shieh
@andrewlikes
Feb 23 2017 03:22
set value of href to #
Pamela guy
@219tenderlips
Feb 23 2017 03:22
Trying to nest rows and cols to my radio buttons
Pierre Marchand
@zimmerboom
Feb 23 2017 03:22
thanks!
Mike Boardley
@Boardley
Feb 23 2017 03:23
You only need a a single row
Pierre Marchand
@zimmerboom
Feb 23 2017 03:23
how do I set the value?
Pamela guy
@219tenderlips
Feb 23 2017 03:24
Do i copy and paste my entire code or is another way for you can look at my code?
Andrew Shieh
@andrewlikes
Feb 23 2017 03:25
@zimmerboom you know how to assign a class?
Pierre Marchand
@zimmerboom
Feb 23 2017 03:25
yes!
Andrew Shieh
@andrewlikes
Feb 23 2017 03:26
so you know how class is the attribute, and the value is the name you give it
in this case, href is the attribute
and the value is whatever you give it
whether its a link or a deadlink
Mike Boardley
@Boardley
Feb 23 2017 03:26
@219tenderlips - I sent you a PM do you can copy and paste your code into the private chat and fill this page with your code
Pierre Marchand
@zimmerboom
Feb 23 2017 03:27
ohhhh got it! thanks again!
Pamela guy
@219tenderlips
Feb 23 2017 03:27
@Boardley yes thank you!
CamperBot
@camperbot
Feb 23 2017 03:27
219tenderlips sends brownie points to @boardley :sparkles: :thumbsup: :sparkles:
:cookie: 309 | @boardley |http://www.freecodecamp.com/boardley
Mike Boardley
@Boardley
Feb 23 2017 03:30
If anyone wants to see the cool power of Emmet, whether you're in CodePen or The FCC code editor, copy the line below and paste it in there. Right after you paste it in, press the TAB button on your keyboard.
.row|c>.col-xs-4*3>input[type="radio" name="inside-out" value="radio $"]|c
nigeldev
@nigeldev
Feb 23 2017 03:31

Hello World!

Mike Boardley
@Boardley
Feb 23 2017 03:32
@nigeldev - Hello
ejiroghene ifie
@ejiroifie
Feb 23 2017 03:32
<style> h2 {color: blue;} </style> i need help with this code
steve
@steveo1975
Feb 23 2017 03:33
hey guys I'm having problem setting my script ...i can get the last two steps .. just can't get the proper closing ..any help greatly appreciated
Andrew Shieh
@andrewlikes
Feb 23 2017 03:33
show da code
Mike Boardley
@Boardley
Feb 23 2017 03:35
@ejiroifie - what is the issue?
ejiroghene ifie
@ejiroifie
Feb 23 2017 03:37
oh i'm still in the first part trying to finish the challenge but i cant move to the next one
steve
@steveo1975
Feb 23 2017 03:37
<script $(document).ready(function(){ });</script>
ejiroghene ifie
@ejiroifie
Feb 23 2017 03:38
it gives me errors
Alex
@IL1337ERATE
Feb 23 2017 03:38
hello everyone, I am finishing the random quote generator but I've encoutered an issue with the tweet button.
I have tried making it into an onclick function but that didn't work, now I'm using an anchor with the share URL but I can't figure out how to add the quote in the tweet, I'm trying to set data-text to my random Quote variable but html doesn't read it and only writes "data-text" in twitter instead of the var
https://codepen.io/IL1337ERATE/pen/ggVrgE
ejiroghene ifie
@ejiroifie
Feb 23 2017 03:38
Delete your h2 element's style attribute and instead create a CSS style element. Add the necessary CSS to turn all h2 elements blue.
isnt that the right code for that?
h2 element isnt blue it's red instead
csoutherland11
@csoutherland11
Feb 23 2017 03:42
Does anyone have any tips on making the tribute page without just HTML and not CSS? I seem to be struggling to do anything without CSS
Claudio Restifo
@Marmiz
Feb 23 2017 03:42
@IL1337ERATE have you checked this documentation from Twitter?
@csoutherland11 you kinda need CSS. You can do without it, but the end result will be like a website from the '90 :)
David Martin Rehle
@daveyx
Feb 23 2017 03:44
@csoutherland11 why not use css?
PaulTheCreator
@PaulTheCreator
Feb 23 2017 03:44
Why does my p element say that I dont have the class "red-text"?
<style>
.red-text {
color: red;
}
</style>
<p> class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
Alex
@IL1337ERATE
Feb 23 2017 03:44
@Marmiz yes I have, but it only tells how to write predetermined text in the tweet
Claudio Restifo
@Marmiz
Feb 23 2017 03:44
@PaulTheCreator class delcaration goes inside <>
csoutherland11
@csoutherland11
Feb 23 2017 03:44
@daveyx @Marmiz Im on the part of making a tribute page, and in the video he says it is a HTML challenge and not to use CSS
Andrew Shieh
@andrewlikes
Feb 23 2017 03:44
any JavaScript heroes in here?
Anh Nguyen
@tiremon112
Feb 23 2017 03:45
only keyboard heroes
ejiroghene ifie
@ejiroifie
Feb 23 2017 03:45
i'm having same issues paul
Anh Nguyen
@tiremon112
Feb 23 2017 03:45
:trollface: l
Claudio Restifo
@Marmiz
Feb 23 2017 03:45
@csoutherland11 ???
sure you have read correctly?
David Martin Rehle
@daveyx
Feb 23 2017 03:45
@csoutherland11 i just finished it too, but a lot with css... i did not watched the video and in the textual desc it is not mentioned that css is forbidden
Andrew Shieh
@andrewlikes
Feb 23 2017 03:45
i'm having trouble grasping the logic behind the keyword "return"
PaulTheCreator
@PaulTheCreator
Feb 23 2017 03:45
@Marmiz Thanks so much
Claudio Restifo
@Marmiz
Feb 23 2017 03:46
@andrewlikes what about it?
Jaciel Cuzo
@xTwiseau5000
Feb 23 2017 03:46
I stuck at lesson 40

Here's an example of how you give your h2 element the id of cat-photo-app:

<h2 id="cat-photo-app">

csoutherland11
@csoutherland11
Feb 23 2017 03:46
@Marmiz @daveyx Weird... Well I guess I will use it. I didnt really think it would be able to look good at all without it
Claudio Restifo
@Marmiz
Feb 23 2017 03:46
it's a pretty useful concept, expecially since ES15 and React became popular
Andrew Shieh
@andrewlikes
Feb 23 2017 03:46
Why is it best practice to use return
David Martin Rehle
@daveyx
Feb 23 2017 03:47
@csoutherland11 YES... and in the course you should learn css, so better we use it :smile:
Andrew Shieh
@andrewlikes
Feb 23 2017 03:47

function getRemainder(numberOne, numberTwo) {
return numberOne % numberTwo;
}

console.log(getRemainder(365, 27));
// Output: 14

ejiroghene ifie
@ejiroifie
Feb 23 2017 03:47
i'm still stuck pls i need help?
Anh Nguyen
@tiremon112
Feb 23 2017 03:47
so it could end the function
Claudio Restifo
@Marmiz
Feb 23 2017 03:47
@andrewlikes 2 main reasons:
  • you want to programmatically stop the execution of a function.
  • you NEED some value to be returned from a function. By assiging a return you are explicit about which value
Anh Nguyen
@tiremon112
Feb 23 2017 03:47
When you use the return, after the code execute the code is gone
ejiroghene ifie
@ejiroifie
Feb 23 2017 03:48
isn't this right? <style> h2 {color: blue;} </style>
Veronika
@veronika-mcgrone
Feb 23 2017 03:48
How do i do the id attribute? Q
ejiroghene ifie
@ejiroifie
Feb 23 2017 03:48
i want h2 to be blue
Veronika
@veronika-mcgrone
Feb 23 2017 03:48
Q
Andrew Shieh
@andrewlikes
Feb 23 2017 03:48
so in my example, why would it be a bad idea to ditch return and just go straight to console.log ?
Claudio Restifo
@Marmiz
Feb 23 2017 03:49
@andrewlikes because you want to be explicit about which value that funciton "leave" behind.
In case you need it for something else
Veronika
@veronika-mcgrone
Feb 23 2017 03:49

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

<h1 id="orange-text">                                                                     Your h1 element should have the class pink-text.

Your h1 element should have the class blue-text.
Give your h1 element the id of orange-text.
Create a CSS declaration for your orange-text id
Do not give your h1 any style attributes.
Your h1 element should be orange.

Katy
@katylively
Feb 23 2017 03:50
How do I nest a text field into a form element?
Claudio Restifo
@Marmiz
Feb 23 2017 03:50
@veronika-mcgrone
<h6 id="my-id">
ejiroghene ifie
@ejiroifie
Feb 23 2017 03:50
this is my question pls help
Delete your h2 element's style attribute and instead create a CSS style element. Add the necessary CSS to turn all h2 elements blue
Andrew Shieh
@andrewlikes
Feb 23 2017 03:51
@Marmiz @tiremon112 thanks for the input guys, i'm gonna keep thinking hard about this
CamperBot
@camperbot
Feb 23 2017 03:51
andrewlikes sends brownie points to @marmiz and @tiremon112 :sparkles: :thumbsup: :sparkles:
:cookie: 673 | @marmiz |http://www.freecodecamp.com/marmiz
:cookie: 354 | @tiremon112 |http://www.freecodecamp.com/tiremon112
Claudio Restifo
@Marmiz
Feb 23 2017 03:51
@ejiroifie code so far?
ejiroghene ifie
@ejiroifie
Feb 23 2017 03:52
i sent it several times i didnt get any response
<style> h2 {color: blue;} </style>
Andrew Shieh
@andrewlikes
Feb 23 2017 03:52
actually if you can help explain this code to me:

var orderCount = 0;


function takeOrder(topping, crustType) {
  orderCount = orderCount + 1;
  console.log('Order: ' + crustType + ' crust topped with ' + topping);
}

function getSubTotal(itemCount) {
  return itemCount * 7.5;
}

takeOrder('bacon', 'thin');
takeOrder('pepperoni', 'regular');
takeOrder('pesto', 'thin');

console.log(getSubTotal(orderCount));
ejiroghene ifie
@ejiroifie
Feb 23 2017 03:52
it wont take me to next challenge i dont know why it seems right to me
Andrew Shieh
@andrewlikes
Feb 23 2017 03:53
the part i dont understand, is the itemCount part
is that the leftover value you are talking about?
Claudio Restifo
@Marmiz
Feb 23 2017 03:53
@ejiroifie where's your h2?
Veronika
@veronika-mcgrone
Feb 23 2017 03:53
@Marmiz what do you mean? do I write "my-id" instead of "orange-text"?
Claudio Restifo
@Marmiz
Feb 23 2017 03:54
@veronika-mcgrone sure. that was just a placeholder name. Use the one you need
ejiroghene ifie
@ejiroifie
Feb 23 2017 03:54
h2 is inside the code right?
but its not showing blue
Claudio Restifo
@Marmiz
Feb 23 2017 03:54
@andrewlikes have you written that code?
@ejiroifie nope, that's a declaration for CSS (the style)
you still need it inside HTML element
Andrew Shieh
@andrewlikes
Feb 23 2017 03:55
that's the code I wrote for codecademy
ejiroghene ifie
@ejiroifie
Feb 23 2017 03:55
ok i see i will give it a try now
Claudio Restifo
@Marmiz
Feb 23 2017 03:56
@andrewlikes itemCount is the argument of getSubTotal function.
That get passed here:
console.log(getSubTotal(orderCount));
Veronika
@veronika-mcgrone
Feb 23 2017 03:56

@Marmiz i'm still lost. this is my whole code<style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
.pink-text {
color: pink;
}
.blue-text {
color: blue;
}

.orange-text {
color: orange;
}

</style>

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

<h1 id="orange-text">
Claudio Restifo
@Marmiz
Feb 23 2017 03:56

@ejiroifie HTML is your element, Style is how they look.
You need the element to style it :)

hope it makes sense

Andrew Shieh
@andrewlikes
Feb 23 2017 03:57
i thought itemCount would be the Parameter since it's in the function block
and orderCount would be the argument since im calling it
ejiroghene ifie
@ejiroifie
Feb 23 2017 03:57
hmm not yet but it will make sense soon enough
Anh Nguyen
@tiremon112
Feb 23 2017 03:57
are you enjoying js?
tessafelisha
@tessafelisha
Feb 23 2017 03:58
@veronika-mcgrone there are too many classes in your h1 tag. Look at the instructions again
Andrew Shieh
@andrewlikes
Feb 23 2017 03:58
i'm enjoy js because it's more challenging and rewarding at the moment
but i'm still trying to wrap my head around it, trying to turn it into english
ejiroghene ifie
@ejiroifie
Feb 23 2017 03:58
oh yea i think i get what u mean claudio it was terminated anyway ive to move to next challenge
Claudio Restifo
@Marmiz
Feb 23 2017 03:58
@veronika-mcgrone ID, like classes, goes inside the element you want to have it.
So in this example I will give a P element an id of p-1 and a class of red:
<p class="red" id="p-1">I have a class and an id</p>
Anh Nguyen
@tiremon112
Feb 23 2017 03:58
Js is a true definition of spaghetti code :trollface:
Katy
@katylively
Feb 23 2017 03:59
I'm just starting out...can someone please tell me what I'm doing wrong? <form action="/submit-cat-photo" type="text" placeholder="cat photo URL"> </form>
Andrew Shieh
@andrewlikes
Feb 23 2017 03:59
and without being good at JS, i won't be able to get into cool things like Angular, React, Node etc
Katy
@katylively
Feb 23 2017 03:59
Trying to nest my text input element into a form element
ejiroghene ifie
@ejiroifie
Feb 23 2017 04:00
i understand now @Marmiz thanks
CamperBot
@camperbot
Feb 23 2017 04:00
ejiroifie sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 674 | @marmiz |http://www.freecodecamp.com/marmiz
h1tag
@h1tag
Feb 23 2017 04:00
@katylively if you want to nest element2 inside element1
<element1>
    <element2>
    </element2>
</element1>
Andrew Shieh
@andrewlikes
Feb 23 2017 04:00
"The return statement stops the execution of a function and returns a value from that function."
what does "returns a value" mean?
Anh Nguyen
@tiremon112
Feb 23 2017 04:00
@andrewlikes you should take some MOOC
Katy
@katylively
Feb 23 2017 04:01
Thank you...I keep overlooking the simplest things!
Anh Nguyen
@tiremon112
Feb 23 2017 04:01
i will do a full day MOOC tommorow :smile:
Andrew Shieh
@andrewlikes
Feb 23 2017 04:01
@tiremon112 is it free :P
Anh Nguyen
@tiremon112
Feb 23 2017 04:01
yes
i learnt almost everything from google, :+1:
Andrew Shieh
@andrewlikes
Feb 23 2017 04:03
ah interesting
Anh Nguyen
@tiremon112
Feb 23 2017 04:03
@andrewlikes try edx.org
Manish Giri
@Manish-Giri
Feb 23 2017 04:04
what does "returns a value" mean?
every function "returns" something
Anh Nguyen
@tiremon112
Feb 23 2017 04:04
late as heck
Manish Giri
@Manish-Giri
Feb 23 2017 04:04
returning means giving a value back to the caller
Anh Nguyen
@tiremon112
Feb 23 2017 04:04
:laughing:
Manish Giri
@Manish-Giri
Feb 23 2017 04:04
lol
just got here
and gtg too
Andrew Shieh
@andrewlikes
Feb 23 2017 04:04
return as in visibly showing up on the console?
Manish Giri
@Manish-Giri
Feb 23 2017 04:04
:stuck_out_tongue:
no that's console.log
it's as simple as you placing an order for a pizza
Andrew Shieh
@andrewlikes
Feb 23 2017 04:05
so even if it gives a value back, it doesn't mean it will be visible
Manish Giri
@Manish-Giri
Feb 23 2017 04:05
you pay some money
Andrew Shieh
@andrewlikes
Feb 23 2017 04:05
it's just information?
Manish Giri
@Manish-Giri
Feb 23 2017 04:05
and the shop "returns" you pizza
Car
@Health-in-Happiness
Feb 23 2017 04:05
@katylively I usually don't mash my text field within my form action. I split them up, for example:
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>
Anh Nguyen
@tiremon112
Feb 23 2017 04:05
you return the value then print it out with console, i believe so
Andrew Shieh
@andrewlikes
Feb 23 2017 04:05
hm
Anh Nguyen
@tiremon112
Feb 23 2017 04:05
idk im dead
too much coding for today
Manish Giri
@Manish-Giri
Feb 23 2017 04:06
function doShit() {
return 10;
}
if you just call this doShit()
you won't see anything
do a console.log(doShit());
then you'll see 10
Anh Nguyen
@tiremon112
Feb 23 2017 04:06
lol
Manish Giri
@Manish-Giri
Feb 23 2017 04:06
lol
Anh Nguyen
@tiremon112
Feb 23 2017 04:06
oh so i was right
:smile:
Manish Giri
@Manish-Giri
Feb 23 2017 04:06
yep
Andrew Shieh
@andrewlikes
Feb 23 2017 04:06
but why use return, when you could go straight to console.log?
Manish Giri
@Manish-Giri
Feb 23 2017 04:07
um..
well
if you buy a pizza
it wouldn't help much if the guy just dumps at it the counter, would it?
instead of giving it to you
Andrew Shieh
@andrewlikes
Feb 23 2017 04:08
OHHHH
eureka
@Manish-Giri thanks for that
CamperBot
@camperbot
Feb 23 2017 04:08
andrewlikes sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4398 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Feb 23 2017 04:08
:+1:
Anh Nguyen
@tiremon112
Feb 23 2017 04:08
i read a garbage collection article, it talk about leaking memories, not sure if this relate to that or not:trollface:
Manish Giri
@Manish-Giri
Feb 23 2017 04:08
lol
Katy
@katylively
Feb 23 2017 04:08
@Health-in-Happiness Thank you! That was very helpful!
CamperBot
@camperbot
Feb 23 2017 04:08
katylively sends brownie points to @health-in-happiness :sparkles: :thumbsup: :sparkles:
Anh Nguyen
@tiremon112
Feb 23 2017 04:08
:trolleybus:
CamperBot
@camperbot
Feb 23 2017 04:08
:cookie: 132 | @health-in-happiness |http://www.freecodecamp.com/health-in-happiness
Claudio Restifo
@Marmiz
Feb 23 2017 04:08
@andrewlikes because you may need that value around
function doShit() {
return 10;
}

function doShitPlus(){
    return doShit() + 1  
}

guess what doShitPlus return?
Andrew Shieh
@andrewlikes
Feb 23 2017 04:09
11?
Manish Giri
@Manish-Giri
Feb 23 2017 04:09
you need to worry about garbage collection if you do C/C++
doShitPlus
Claudio Restifo
@Marmiz
Feb 23 2017 04:09
@andrewlikes :sparkles: :sparkles: BINGO~
Manish Giri
@Manish-Giri
Feb 23 2017 04:09
:smiling_imp:
Anh Nguyen
@tiremon112
Feb 23 2017 04:09
:smile:
Andrew Shieh
@andrewlikes
Feb 23 2017 04:09
right because without return, you'll just have shit all over the place
Manish Giri
@Manish-Giri
Feb 23 2017 04:09
or shitPlusPlus
Claudio Restifo
@Marmiz
Feb 23 2017 04:09
@Manish-Giri capitalism buddy.
My function is premium $$$
Manish Giri
@Manish-Giri
Feb 23 2017 04:10
:stuck_out_tongue:
Claudio Restifo
@Marmiz
Feb 23 2017 04:12
@andrewlikes or I won't have anything:
function doShit() {
console.log(10)
}

function doShitPlus(){
    return doShit() + 1  
}

doShit() . //print in colsole 10, but return no value ==> return Undefined
doShitPlus() .  //ERROR EVERYWHERE!!!
Anh Nguyen
@tiremon112
Feb 23 2017 04:12
spread the shit
:poop:
Manish Giri
@Manish-Giri
Feb 23 2017 04:12
:shit: :shit:
Claudio Restifo
@Marmiz
Feb 23 2017 04:13
@tiremon112 we can always try to loop over an undefined function. I think you exceed the stacks an make the browser really sad.
Not sure since I've never actually done it
Manish Giri
@Manish-Giri
Feb 23 2017 04:14
I wonder how many loops it would take to crash the computer itself
not just the browser
Anh Nguyen
@tiremon112
Feb 23 2017 04:14
lol
Claudio Restifo
@Marmiz
Feb 23 2017 04:14
@Manish-Giri 2^32
Manish Giri
@Manish-Giri
Feb 23 2017 04:14
not many on a windows pc, for sure
lol
Claudio Restifo
@Marmiz
Feb 23 2017 04:14
a value that goes over 2^32
Stacks exceeded!
the computer don't crash, but the program / compiler does
Anh Nguyen
@tiremon112
Feb 23 2017 04:15
StackoverFLOW
Claudio Restifo
@Marmiz
Feb 23 2017 04:15
indeed
never coded in C @Manish-Giri ??
fun stuff
T_t
Manish Giri
@Manish-Giri
Feb 23 2017 04:15
@Marmiz I have
Katy
@katylively
Feb 23 2017 04:15
@camperbot I don't know how to send brownie points haha
Manish Giri
@Manish-Giri
Feb 23 2017 04:15
could never forget it
Claudio Restifo
@Marmiz
Feb 23 2017 04:16
@Manish-Giri and you never overflowed?
Manish Giri
@Manish-Giri
Feb 23 2017 04:16
malloc
calloc
segmentation fault
x
Andrew Shieh
@andrewlikes
Feb 23 2017 04:16

function getSubTotal(itemCount) {
  return itemCount * 7.5;
}

console.log(getSubTotal(orderCount));
Another noob question. Since orderCount is the argument here and itemCount is the parameter, the argument will be passed through to the parameter; orderCount essentially replacing itemCount??
Anh Nguyen
@tiremon112
Feb 23 2017 04:16
lol
Manish Giri
@Manish-Giri
Feb 23 2017 04:16
microsoft be like :trollface:
int* funcA(int n) {
 return &n;
}
or sth
@andrewlikes yes
Anh Nguyen
@tiremon112
Feb 23 2017 04:19
Wait there is window me
Andrew Shieh
@andrewlikes
Feb 23 2017 04:19
would it operate the same if functions were different?
nm
stupid question lol
Claudio Restifo
@Marmiz
Feb 23 2017 04:19

@andrewlikes I think you are misthinking about "parameter".... itemCount and orderCount are both function arguments.
each one of its respective function.

you could call them as you please

Andrew Shieh
@andrewlikes
Feb 23 2017 04:20
hm what would you call a parameter then?
Anh Nguyen
@tiremon112
Feb 23 2017 04:22
variable :trollface:
Manish Giri
@Manish-Giri
Feb 23 2017 04:22
lel
randc23
@randc23
Feb 23 2017 04:24
anyone know how to apply red-text class to p element?
Anh Nguyen
@tiremon112
Feb 23 2017 04:24
Idk should i get college degree or not i love this community, and doing my side project
:(
Manish Giri
@Manish-Giri
Feb 23 2017 04:25
lol
howdyjacko
@howdyjacko
Feb 23 2017 04:25

Assistance request for lesson: "Create a Custom Heading." Do any of you see a missing div elements closing tag ?

<div class="row">
<div class="container-fluid">
<div class="col-xs-8">


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

<div class="row">
<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>

<div class="row">
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">
</div>
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info">Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger">Delete</button>
</div>
</div>

Manish Giri
@Manish-Giri
Feb 23 2017 04:25
this community will get you squat in real life
Anh Nguyen
@tiremon112
Feb 23 2017 04:26
define squat
Claudio Restifo
@Marmiz
Feb 23 2017 04:27
@tiremon112 get your college degree! You'll regret in the future if you don't now
also make your bed (just in case...)
Joel
@MMK123
Feb 23 2017 04:28
<script $(document).ready(function() { });>
</script>
whats wrong with this?
Manish Giri
@Manish-Giri
Feb 23 2017 04:28
okay on that note
Claudio Restifo
@Marmiz
Feb 23 2017 04:28
@randc23
<p class="my-desired-class"></p>
Manish Giri
@Manish-Giri
Feb 23 2017 04:28
I have to head back to my research
ugh
Anh Nguyen
@tiremon112
Feb 23 2017 04:29
That what professor (she) said
:trollface:
Manish Giri
@Manish-Giri
Feb 23 2017 04:29
lol
Claudio Restifo
@Marmiz
Feb 23 2017 04:29
@MMK123 the function goes inside script tags:
<script>
//function here
</script>
Joel
@MMK123
Feb 23 2017 04:30
ok got it
thanks
Claudio Restifo
@Marmiz
Feb 23 2017 04:31

@howdyjacko
container goes above rows:

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

And the first row never get closed

@Manish-Giri @tiremon112 thanks guys
(random brownies)
CamperBot
@camperbot
Feb 23 2017 04:31
marmiz sends brownie points to @manish-giri and @tiremon112 :sparkles: :thumbsup: :sparkles:
:cookie: 355 | @tiremon112 |http://www.freecodecamp.com/tiremon112
:star2: 4399 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Feb 23 2017 04:31
@Marmiz ty
Anh Nguyen
@tiremon112
Feb 23 2017 04:31
@Marmiz ty
CamperBot
@camperbot
Feb 23 2017 04:31
tiremon112 sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 675 | @marmiz |http://www.freecodecamp.com/marmiz
Manish Giri
@Manish-Giri
Feb 23 2017 04:31
huh?
Anh Nguyen
@tiremon112
Feb 23 2017 04:32
lol
Manish Giri
@Manish-Giri
Feb 23 2017 04:32
@Marmiz ty
CamperBot
@camperbot
Feb 23 2017 04:32
manish-giri sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 676 | @marmiz |http://www.freecodecamp.com/marmiz
Anh Nguyen
@tiremon112
Feb 23 2017 04:32
camperbot :trolleybus:
:trollface:
Vicky Lai
@vickylai
Feb 23 2017 04:32

Hey everybody. Having trouble with Profile Lookup:


//Setup
var contacts = [
    {
        "firstName": "Akira",
        "lastName": "Laine",
        "number": "0543236543",
        "likes": ["Pizza", "Coding", "Brownie Points"]
    },
    {
        "firstName": "Harry",
        "lastName": "Potter",
        "number": "0994372684",
        "likes": ["Hogwarts", "Magic", "Hagrid"]
    },
    {
        "firstName": "Sherlock",
        "lastName": "Holmes",
        "number": "0487345643",
        "likes": ["Intriguing Cases", "Violin"]
    },
    {
        "firstName": "Kristian",
        "lastName": "Vos",
        "number": "unknown",
        "likes": ["Javascript", "Gaming", "Foxes"]
    }
];


function lookUpProfile(firstName, prop){
// Only change code below this line
for (var i = 0; i < contacts.length; i++) {
  if (contacts[i].firstName.hasOwnProperty(firstName)) {
    return contacts[i].firstName;
  } else return "No such contact";
}
for (var p = 0; p < contacts.length; p++) {
  if (contacts[p][prop].hasOwnProperty(prop)) {
    return contacts[p][prop];
  } else return "No such property";
}
// Only change code above this line
}

// Change these values to test your function
lookUpProfile("Akira", "likes");

Help?

I can't figure out the approach that makes sense.
Claudio Restifo
@Marmiz
Feb 23 2017 04:32
@camperbot hates me! I'll get my hands on your code one day :anger:
Time to do stuff at work :wave:
see you on the next coffee break
randc23
@randc23
Feb 23 2017 04:33
thank you @Marmiz
CamperBot
@camperbot
Feb 23 2017 04:33
randc23 sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:cookie: 677 | @marmiz |http://www.freecodecamp.com/marmiz
Anh Nguyen
@tiremon112
Feb 23 2017 04:33
no such contact too early you want that at the end
no such contact return too early
Pamela guy
@219tenderlips
Feb 23 2017 04:33
My code is still not working i am trying to create buttons the names are like, info, and delete. I have tried everything here is my code.
Coy Sanders
@coymeetsworld
Feb 23 2017 04:34
you only need one loop for that @vickylaixy, and the loop is used to go through each contact
Pamela guy
@219tenderlips
Feb 23 2017 04:34
<div class="row">
<div class="col-xs-4">
<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>
<div class="col-xs-4">
  <div class="col-xs-6">
  <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
  </div>


<div class="col-xs-4">
  <div class="col-xs-6">
  <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
  </div>
</div>
Manish Giri
@Manish-Giri
Feb 23 2017 04:34
@Marmiz :wave:
Coy Sanders
@coymeetsworld
Feb 23 2017 04:34
inside the loop you need to check for the name you're looking for, if you find it check for the property you're looking for. If the prop doesn't exist for that contact, return no such property
Vicky Lai
@vickylai
Feb 23 2017 04:34
@tiremon112 @coymeetsworld Ok, thanks for the tips! I'll give this another shot
CamperBot
@camperbot
Feb 23 2017 04:34
vickylaixy sends brownie points to @tiremon112 and @coymeetsworld :sparkles: :thumbsup: :sparkles:
:cookie: 356 | @tiremon112 |http://www.freecodecamp.com/tiremon112
:star2: 2169 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Feb 23 2017 04:35
if you've gone through all the contacts and don't find the one you're looking for, then theres no contact
gl
Anh Nguyen
@tiremon112
Feb 23 2017 04:35
Savior is here, ez solution :shipit:
Coy Sanders
@coymeetsworld
Feb 23 2017 04:35
@219tenderlips you shouldn't have so many nested columns and rows
Anh Nguyen
@tiremon112
Feb 23 2017 04:35
time for :zzz: bye all
Coy Sanders
@coymeetsworld
Feb 23 2017 04:35
columns should only be nested in rows
Pamela guy
@219tenderlips
Feb 23 2017 04:35
I have tried that is there anyway i could skip this lesson spending to much time on it?
Coy Sanders
@coymeetsworld
Feb 23 2017 04:35
columns shouldn't be nested in other columns
you could skip but I wouldn't
if you don't get what's going on here its going to be hard to do projects
Pamela guy
@219tenderlips
Feb 23 2017 04:36
<div class="row">
<div class="col-xs-4">
<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>
<div class="col-xs-4">
  <div class="col-xs-6">
  <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
  </div>


<div class="col-xs-4">
  <div class="col-xs-6">
  <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
  </div>
</div>
howdyjacko
@howdyjacko
Feb 23 2017 04:36
I made the change you recommended @Marmiz. How do I keep the first row open?
Pamela guy
@219tenderlips
Feb 23 2017 04:36
here is my code what am i doing wrong?
Coy Sanders
@coymeetsworld
Feb 23 2017 04:37
read what I wrote @219tenderlips
columns shouldn't be nested in other columns
column numbers in each row should at up to 12 too, and don't believe rows are nested in other rows either
Pamela guy
@219tenderlips
Feb 23 2017 04:37
ok add a closing div
Coy Sanders
@coymeetsworld
Feb 23 2017 04:37
every div needs a closing div yes
Pamela guy
@219tenderlips
Feb 23 2017 04:39
ok let me think about this
Coy Sanders
@coymeetsworld
Feb 23 2017 04:39
yes read instructions carefully
randc23
@randc23
Feb 23 2017 04:40
how to make the p element red?
Pamela guy
@219tenderlips
Feb 23 2017 04:40
@howdyjacko good point!
heroiczero
@heroiczero
Feb 23 2017 04:41
@randc23 does it provide a example on your left?
randc23
@randc23
Feb 23 2017 04:41
it does for the h2 element but im confused about the difference between the h2 and the p elements
Pamela guy
@219tenderlips
Feb 23 2017 04:42
my question how is your button included if you close the div?
__mifflin__
@cdrainxv
Feb 23 2017 04:42
thanks @Manish-Giri
CamperBot
@camperbot
Feb 23 2017 04:42
cdrainxv sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4400 | @manish-giri |http://www.freecodecamp.com/manish-giri
__mifflin__
@cdrainxv
Feb 23 2017 04:42

4400

penguio
@penguio
Feb 23 2017 04:43
@219tenderlips cause it's nested.
You have one <div class="row"></div> and how ever many they need nested in your row with <div class="col-sm-*"></div> but they have to equal 12
Then you nest your<button></button> inside your column
@coymeetsworld are you good with design? I have a question
Coy Sanders
@coymeetsworld
Feb 23 2017 04:46
im meh
penguio
@penguio
Feb 23 2017 04:47
Screenshot from 2017-02-22 19:12:45.png
Andrew Shieh
@andrewlikes
Feb 23 2017 04:47
about @davidnodavid
CamperBot
@camperbot
Feb 23 2017 04:47
:cookie: 32 | @davidnodavid |http://www.freecodecamp.com/davidnodavid
penguio
@penguio
Feb 23 2017 04:47
I just need help moving the red x to the left side instead of the right.
Cause it pushes my number input over
Coy Sanders
@coymeetsworld
Feb 23 2017 04:48
is the x nested in the input box?
Manish Giri
@Manish-Giri
Feb 23 2017 04:49
@cdrainxv ty
CamperBot
@camperbot
Feb 23 2017 04:49
manish-giri sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 2321 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Manish Giri
@Manish-Giri
Feb 23 2017 04:49

2321

:stuck_out_tongue:
howdyjacko
@howdyjacko
Feb 23 2017 04:49

@Marmiz

Do you see any issues still regarding div closing tags?

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

<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>
<div class="row">
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">
</div>
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info">Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger">Delete</button>
</div>
</div>

Coy Sanders
@coymeetsworld
Feb 23 2017 04:51
yup
penguio
@penguio
Feb 23 2017 04:52
@coymeetsworld it's not nested. this is what the piece of code looks like
<div class="col-md-3"> <label for="{{ form.limit_extinguishers.auto_id }}">Limit Extinguishers <span class="required">*</span></label> <div class="form-group {% if form.limit_extinguishers.errors %} has-error {% endif %} has-feedback"> {{ form.limit_extinguishers }} {% if form.limit_extinguishers.errors %} <span class="glyphicon glyphicon-remove form-control-feedback"></span> {% endif %} </div><!--/.form-group--> </div><!--/.col-md-3--> it not really nested, it just attaches it to the number input if theirs an error.
Vicky Lai
@vickylai
Feb 23 2017 04:52

Arrrgh. Still getting nothing with this for Profile Lookup:


//Setup
var contacts = [
    {
        "firstName": "Akira",
        "lastName": "Laine",
        "number": "0543236543",
        "likes": ["Pizza", "Coding", "Brownie Points"]
    },
    {
        "firstName": "Harry",
        "lastName": "Potter",
        "number": "0994372684",
        "likes": ["Hogwarts", "Magic", "Hagrid"]
    },
    {
        "firstName": "Sherlock",
        "lastName": "Holmes",
        "number": "0487345643",
        "likes": ["Intriguing Cases", "Violin"]
    },
    {
        "firstName": "Kristian",
        "lastName": "Vos",
        "number": "unknown",
        "likes": ["Javascript", "Gaming", "Foxes"]
    }
];


function lookUpProfile(firstName, prop){
// Only change code below this line
for (var i = 0; i < contacts.length; i++) {
  if (contacts[i].firstName.hasOwnProperty(firstName)) {
    if (contacts[i][prop].hasOwnProperty(prop)) {
      return contacts[i][prop];
    } else return "No such property";
  } else return "No such contact";
  }
// Only change code above this line
}

// Change these values to test your function
lookUpProfile("Akira", "likes");

Help please?

penguio
@penguio
Feb 23 2017 04:52
I used form-control-feedback and has-feedback to attach it
Coy Sanders
@coymeetsworld
Feb 23 2017 04:53
@vickylaixy couple of things
contacts[i].firstName isn't an object, its a property of an object
each element in the array is an object, for instance contacts[0].firstName would be Akira
Vicky Lai
@vickylai
Feb 23 2017 04:54
I should be doing == firstName?
Coy Sanders
@coymeetsworld
Feb 23 2017 04:54
yeah
Vicky Lai
@vickylai
Feb 23 2017 04:54
GAH
Right
Coy Sanders
@coymeetsworld
Feb 23 2017 04:54
and also hasOwnProperty is just run on the object
not contacts[i][prop]
also an issue w/ no such contact but work on the other stuff first
Vicky Lai
@vickylai
Feb 23 2017 04:55
Will do
Thank you @coymeetsworld
CamperBot
@camperbot
Feb 23 2017 04:55
vickylaixy sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:warning: vickylaixy already gave coymeetsworld points
Coy Sanders
@coymeetsworld
Feb 23 2017 04:55
@penguio is that Ruby?
yw @vickylaixy
penguio
@penguio
Feb 23 2017 04:55
No it's python I'm using django, with jinja templating
Coy Sanders
@coymeetsworld
Feb 23 2017 04:56
not really my wheelhouse, maybe move the span to a different location only thing i can think of
Pamela guy
@219tenderlips
Feb 23 2017 04:57
please someone help me here is my code

<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">

<div class="row">
<div class="col-xs-4">
</div>
<div class="row">
<div class="col-xs-6">
</div>
</div>

  <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>

</div>

<div class="col-xs-4">
    </div>
  <div class="row">
  <div class="col-xs-6">
    </div>

  <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>

</div>

<div class="col-xs-4">
    </div>
    <div class="row">
  <div class="col-xs-6">
    </div>

  <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
penguio
@penguio
Feb 23 2017 04:57
ill try that thanks @coymeetsworld
CamperBot
@camperbot
Feb 23 2017 04:57
penguio sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2170 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
penguio
@penguio
Feb 23 2017 04:57
@219tenderlips you should only have one <div class="row"></div>
jessicaesmithers
@jessicaesmithers
Feb 23 2017 05:01
having trouble with the "escape sequences in strings" challenge...unsure what i am supposed to do
Pamela guy
@219tenderlips
Feb 23 2017 05:01
ok only have one row now what can someone help me?

<div class="row">
<div class="col-xs-4">
</div>

  <div class="col-xs-6">
    </div>
  <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>


<div class="col-xs-4">
    </div>
  <div class="col-xs-6">
    </div>

  <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>    
   <div class="col-xs-4">
</div>
  <div class="col-xs-6">
    </div>
    <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>

</div>

Coy Sanders
@coymeetsworld
Feb 23 2017 05:02
@jessicaesmithers its basically a search and replace
howdyjacko
@howdyjacko
Feb 23 2017 05:02
@219tenderlips Which lesson are you on?
penguio
@penguio
Feb 23 2017 05:02
@219tenderlips get rid of all the columns, But keep your <button>s
Im going to explain to you how columns work
Coy Sanders
@coymeetsworld
Feb 23 2017 05:03
the words in red needs to be replaced with the escape sequence you see in the table. For instance newline would be \n
Pamela guy
@219tenderlips
Feb 23 2017 05:03
ok
i am ready
penguio
@penguio
Feb 23 2017 05:03
@219tenderlips you have your row, and your buttons nested inside right
Pamela guy
@219tenderlips
Feb 23 2017 05:03
yes
jessicaesmithers
@jessicaesmithers
Feb 23 2017 05:04
Coy-this is what I have:
var myStr = FirstLine \n \ SecondLine \ \r ThirdLine;
Coy Sanders
@coymeetsworld
Feb 23 2017 05:04
can you format the code @jessicaesmithers ?
put a set of `s between the lines
heroiczero
@heroiczero
Feb 23 2017 05:05
@jessicaesmithers
no spaces and escape \
Coy Sanders
@coymeetsworld
Feb 23 2017 05:05
she probably escaped them @heroiczero, but you need to format it first to see
\
see?
spaces should be removed though yeah
penguio
@penguio
Feb 23 2017 05:06
A <div class="row"></div> is a container that can align your items, like a row in a table. Then you add <div class="col-sm-*"></div> inside your row, which makes a column. You can only have up to 12 columns. Its Like a table.
<div class="row"> <div class="col-sm-3"></div><!--/.col-sm-3--> </div><!--/.row-->
jessicaesmithers
@jessicaesmithers
Feb 23 2017 05:06
ok...i'll try that...thanks!
heroiczero
@heroiczero
Feb 23 2017 05:06
@coymeetsworld nope she did not you can tell if you try "quoting" figured it out that way :)
Pamela guy
@219tenderlips
Feb 23 2017 05:06
@penguio i am ready keep explaining please thanks
CamperBot
@camperbot
Feb 23 2017 05:06
219tenderlips sends brownie points to @penguio :sparkles: :thumbsup: :sparkles:
:cookie: 201 | @penguio |http://www.freecodecamp.com/penguio
penguio
@penguio
Feb 23 2017 05:06
@219tenderlips if you read what i wrote, nest your buttons in between.... each column.
Abdelrahman Alkahwaji
@Alkahwaji
Feb 23 2017 05:06
@219tenderlips how you get code as it is in the web site without copy and paste it??
Coy Sanders
@coymeetsworld
Feb 23 2017 05:07
hmm i see
heroiczero
@heroiczero
Feb 23 2017 05:08
yeah i had a hard time figuring out some code, so i just quote it sometimes now :smile:
Pierre Marchand
@zimmerboom
Feb 23 2017 05:10
whats the code to input text?
penguio
@penguio
Feb 23 2017 05:11
`
3 back ticks on each side
Pierre Marchand
@zimmerboom
Feb 23 2017 05:12
for HTML?
Pamela guy
@219tenderlips
Feb 23 2017 05:12
ok i will try this thansk for your help
penguio
@penguio
Feb 23 2017 05:12
@zimmerboom no that was for the other guy
Pierre Marchand
@zimmerboom
Feb 23 2017 05:12
ohhh my bad lol
penguio
@penguio
Feb 23 2017 05:12
what do you input text
mean
like <input type="text">
heroiczero
@heroiczero
Feb 23 2017 05:12
he probably figured it out. maybe???
Cameron
@CamB17
Feb 23 2017 05:12

Ok so I have to make the img size 100px wide. What am I doing wrong? <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. ">

Pierre Marchand
@zimmerboom
Feb 23 2017 05:13
ohhhhh it's type not source...got it
heroiczero
@heroiczero
Feb 23 2017 05:13
@CamB17 what are you trying to make smaller-image
Coy Sanders
@coymeetsworld
Feb 23 2017 05:13
@CamB17 its a 2-step process
Vicky Lai
@vickylai
Feb 23 2017 05:13
Ok... I think I'm getting closer? It doesn't seem to find anything past contact[0].

//Setup
var contacts = [
    {
        "firstName": "Akira",
        "lastName": "Laine",
        "number": "0543236543",
        "likes": ["Pizza", "Coding", "Brownie Points"]
    },
    {
        "firstName": "Harry",
        "lastName": "Potter",
        "number": "0994372684",
        "likes": ["Hogwarts", "Magic", "Hagrid"]
    },
    {
        "firstName": "Sherlock",
        "lastName": "Holmes",
        "number": "0487345643",
        "likes": ["Intriguing Cases", "Violin"]
    },
    {
        "firstName": "Kristian",
        "lastName": "Vos",
        "number": "unknown",
        "likes": ["Javascript", "Gaming", "Foxes"]
    }
];


function lookUpProfile(firstName, prop){
// Only change code below this line

for (var i = 0; i <= contacts.length; i++) {
  if (contacts[i].firstName == firstName) {
    return contacts[i][prop];
  }  else  { return "No such property"; }
}
// Only change code above this line
}

// Change these values to test your function
lookUpProfile("Akira", "likes");
Coy Sanders
@coymeetsworld
Feb 23 2017 05:13
need to apply the class to the img tag
heroiczero
@heroiczero
Feb 23 2017 05:14
@CamB17 you are defining the class smaller-image but there is no target that it is applied to
Coy Sanders
@coymeetsworld
Feb 23 2017 05:14
because youre always returning something @vickylaixy
penguio
@penguio
Feb 23 2017 05:14
@vickylaixy you look like you're having fun :laughing:
Coy Sanders
@coymeetsworld
Feb 23 2017 05:14
you're missing the hasOwnProperty function
you only return the property if that function returns true
Vicky Lai
@vickylai
Feb 23 2017 05:15
Haven't gotten to No such contact yet... I'm struggling today
Coy Sanders
@coymeetsworld
Feb 23 2017 05:15
its ok its a big one
once you find the contact, then you need to see if it has the property first before you try to return it
Vicky Lai
@vickylai
Feb 23 2017 05:15
Ok
I can do this. :+1:
Coy Sanders
@coymeetsworld
Feb 23 2017 05:15
if the property you were looking for was wand for a person named Harry
Cameron
@CamB17
Feb 23 2017 05:16
Ok so I my target is <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Coy Sanders
@coymeetsworld
Feb 23 2017 05:16
youd find the contact Harry, then return contact[1]['wand'], but that would be an error because Harry doesn't have a wand property
thats what hasOwnProperty is needed for, to see if it exists first
if the prop exists, return it. If not, return no such property
heroiczero
@heroiczero
Feb 23 2017 05:16
@CamB17 remember how you used red-text to make your <h2> red do the same thing to make the image smaller
Pamela guy
@219tenderlips
Feb 23 2017 05:16
@penguio i am new at this otherwise i wouldn't need help this is a different world for me sorry you must be much smarter than me!
penguio
@penguio
Feb 23 2017 05:17
@219tenderlips no it's a lot to learn... it takes a bit to get used too
I'm still learning believe it or not.
Pamela guy
@219tenderlips
Feb 23 2017 05:18
@penguio if i told you to do a gradient echo do you know what that means?
heroiczero
@heroiczero
Feb 23 2017 05:18
@219tenderlips everyone has to start somewhere and it gets easier the more you do just like any language.
artjia
@artjia
Feb 23 2017 05:18
can someone help me with this css, how to remove extra color outside the circle? http://codepen.io/artjia/pen/vxBwJR
Pamela guy
@219tenderlips
Feb 23 2017 05:18
I been doing Mri for twenty not even close to coding so be patient!
I am very frustrated so i will leave it at that!
penguio
@penguio
Feb 23 2017 05:19
@219tenderlips i am being patient.... I'm trying to explain it you in other words so you understand
Manish Giri
@Manish-Giri
Feb 23 2017 05:19
@artjia try to use border-radius on the divs, to curve it in the circle..
Pamela guy
@219tenderlips
Feb 23 2017 05:20
sometimes seeing things help also!
Manish Giri
@Manish-Giri
Feb 23 2017 05:21
@219tenderlips where are you stuck?
Pamela guy
@219tenderlips
Feb 23 2017 05:22
I am stuck trying to wrap columns and a row around buttons.
huiming
@ncpocketmonster
Feb 23 2017 05:22
hello
heroiczero
@heroiczero
Feb 23 2017 05:22
@219tenderlips you have to remember you only have 12 units per row so the total should equal 12 in bootstrap
artjia
@artjia
Feb 23 2017 05:22
@Manish-Giri I try to use border radius, but it makes inner button become curve aswell
Manish Giri
@Manish-Giri
Feb 23 2017 05:23
@artjia then use it only on the one corner
which is sticking out
for each div
huiming
@ncpocketmonster
Feb 23 2017 05:23
你好 有中国朋友么 what will happen if I type in Chinese
Manish Giri
@Manish-Giri
Feb 23 2017 05:23
@219tenderlips post your code, let's see what you have..
Pamela guy
@219tenderlips
Feb 23 2017 05:23
i have a col-xs-4 and a col-xs-6 and trying to create three buttons like, info and delete.
Manish Giri
@Manish-Giri
Feb 23 2017 05:24
okay well
Pamela guy
@219tenderlips
Feb 23 2017 05:24
ok hold on please.
Manish Giri
@Manish-Giri
Feb 23 2017 05:24
here's some basic info you should know first -
okay.
heroiczero
@heroiczero
Feb 23 2017 05:24
@219tenderlips Looking at your code. Your objective is trying to get the buttons in one row. if you have three col-xs-6. that is 18
Pamela guy
@219tenderlips
Feb 23 2017 05:26
ens running towards the camera. ">
<div class="row">
<div class="col-xs-4">
<div class="col-xs-6">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
</div>
<div class="col-xs-4">
<div class="col-xs-6">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
</div>
<div class="col-xs-4">
<div class="col-xs-6">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
</div>
here it is.
Johnny vo
@jphivo
Feb 23 2017 05:26
Can someone help me with "give a background color to a Div element"?
penguio
@penguio
Feb 23 2017 05:26
@jphivo what's your issue
heroiczero
@heroiczero
Feb 23 2017 05:27
@219tenderlips http://getbootstrap.com/css/#grid try looking at this it gives you an example where it shows you the grid system
artjia
@artjia
Feb 23 2017 05:27
@Manish-Giri thanks, I didnt know we can that do before.
CamperBot
@camperbot
Feb 23 2017 05:27
artjia sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4401 | @manish-giri |http://www.freecodecamp.com/manish-giri
Pamela guy
@219tenderlips
Feb 23 2017 05:27
ok i will look thanks
Johnny vo
@jphivo
Feb 23 2017 05:28
@penguio I need to assign silver-background class to my Div
Coy Sanders
@coymeetsworld
Feb 23 2017 05:28
same thing youve been doing before with classes @jphivo
you define a class, and assign it to an element.
nothing too different here
Johnny vo
@jphivo
Feb 23 2017 05:29
@coymeetsworld Can you give me an example?
Coy Sanders
@coymeetsworld
Feb 23 2017 05:29
you should have them in your code already
look at red-text, smaller-image, thick-green-border, etc
doing the same thing here
Johnny vo
@jphivo
Feb 23 2017 05:30
oh got it. thank you @coymeetsworld
CamperBot
@camperbot
Feb 23 2017 05:30
jphivo sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:star2: 2171 | @coymeetsworld |http://www.freecodecamp.com/coymeetsworld
Coy Sanders
@coymeetsworld
Feb 23 2017 05:30
np
Pamela guy
@219tenderlips
Feb 23 2017 05:31
good-nite thanks for your help.
heroiczero
@heroiczero
Feb 23 2017 05:32
good night hope you solved it or at least figured it out :+1:
Cameron
@CamB17
Feb 23 2017 05:32

@heroiczero Ok made the img 100pixels, yet it still states my img elemnt should have the class smaller-image. <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>
<img class="smaller-image">

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

Gurwinder Singh
@gurwisingh
Feb 23 2017 05:32
Hi guys! My first day at FCC and trying to add a class to the img element
heroiczero
@heroiczero
Feb 23 2017 05:33
@CamB17 you said you are targeting <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> why make a new <img class="">
penguio
@penguio
Feb 23 2017 05:33
welcome @gurwisingh
emeraldtea
@emeraldtea
Feb 23 2017 05:33
put inside <img class="smaller-image" ... ...
Coy Sanders
@coymeetsworld
Feb 23 2017 05:33
@emeraldtea try not to give out answers in future please
heroiczero
@heroiczero
Feb 23 2017 05:33
@gurwisingh <img class="" src="" alt=""> class is just another attribute of the <img> html element
emeraldtea
@emeraldtea
Feb 23 2017 05:33
the same as cat
Coy Sanders
@coymeetsworld
Feb 23 2017 05:33
but yeah thats the right way
Vicky Lai
@vickylai
Feb 23 2017 05:34
Okay... so it seems to work except it doesn't get past contacts[0].

//Setup
var contacts = [
    {
        "firstName": "Akira",
        "lastName": "Laine",
        "number": "0543236543",
        "likes": ["Pizza", "Coding", "Brownie Points"]
    },
    {
        "firstName": "Harry",
        "lastName": "Potter",
        "number": "0994372684",
        "likes": ["Hogwarts", "Magic", "Hagrid"]
    },
    {
        "firstName": "Sherlock",
        "lastName": "Holmes",
        "number": "0487345643",
        "likes": ["Intriguing Cases", "Violin"]
    },
    {
        "firstName": "Kristian",
        "lastName": "Vos",
        "number": "unknown",
        "likes": ["Javascript", "Gaming", "Foxes"]
    }
];


function lookUpProfile(firstName, prop){
// Only change code below this line

for (var i = 0; i < contacts.length; i++) {
  if (contacts[i].firstName == firstName) {
    if (contacts[i].hasOwnProperty(prop)) {
      return contacts[i][prop];
    }  else  {
      return "No such property"; 
    }
  }
  else { return "No such contact"; }
}
// Only change code above this line
}

// Change these values to test your function
lookUpProfile("Harry", "likes");
Sorry for spamming yall.
Coy Sanders
@coymeetsworld
Feb 23 2017 05:34
looks good that should work right?
oh wait
Vicky Lai
@vickylai
Feb 23 2017 05:34
@coymeetsworld I'd think so but it doesn't seem to search contacts1, etc
Coy Sanders
@coymeetsworld
Feb 23 2017 05:34
the contact part needs fixing
property part is ok
fchen00
@fchen00
Feb 23 2017 05:35
else { return "No such contact"; should be outside the loop
Coy Sanders
@coymeetsworld
Feb 23 2017 05:35
@fchen00 please don't give out answers
fchen00
@fchen00
Feb 23 2017 05:35
sorry
Coy Sanders
@coymeetsworld
Feb 23 2017 05:35
and thats not exactly right either
Vicky Lai
@vickylai
Feb 23 2017 05:35
@fchen00 I tried that already, and yea, wasn't right
Coy Sanders
@coymeetsworld
Feb 23 2017 05:36
you would need to return the no such contact part after the loop though @vickylaixy
emeraldtea
@emeraldtea
Feb 23 2017 05:36
@coymeetsworld ?? please don't give out answers what are you talking about
Coy Sanders
@coymeetsworld
Feb 23 2017 05:36
just wouldn't have the else parts of it
Gurwinder Singh
@gurwisingh
Feb 23 2017 05:36
thanks @heroiczero! Where can I add the width to the new class?
CamperBot
@camperbot
Feb 23 2017 05:36
gurwisingh sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:cookie: 871 | @heroiczero |http://www.freecodecamp.com/heroiczero
Vicky Lai
@vickylai
Feb 23 2017 05:36
after the loop... ok let me see
Coy Sanders
@coymeetsworld
Feb 23 2017 05:36
once you get to the end of the loop you've already when through all contacts. If you haven't returned something by then that must mean you didn't find any contact you were looking for, so that's the logical place to put it
@emeraldtea when trying to help don't just give them something to copy and paste
heroiczero
@heroiczero
Feb 23 2017 05:37
@gurwisingh how did you make the text red in for red-text
fchen00
@fchen00
Feb 23 2017 05:37
you should know what i mean by that part out of the loop. I apologies for calling out lol
emeraldtea
@emeraldtea
Feb 23 2017 05:37
@coymeetsworld thats not what you're doing
@coymeetsworld don't tell me what to do
Manish Giri
@Manish-Giri
Feb 23 2017 05:37
wow
Coy Sanders
@coymeetsworld
Feb 23 2017 05:37
lol thats a first
Manish Giri
@Manish-Giri
Feb 23 2017 05:37
nope
Coy Sanders
@coymeetsworld
Feb 23 2017 05:37
@emeraldtea wasn't telling you to do anything, im not an admit
*admin
Manish Giri
@Manish-Giri
Feb 23 2017 05:37
I see that 6 times a day
Coy Sanders
@coymeetsworld
Feb 23 2017 05:38
i was asking, nicely
fchen00
@fchen00
Feb 23 2017 05:38
Lol
Manish Giri
@Manish-Giri
Feb 23 2017 05:38
@coymeetsworld remember that idea i had about amending the chatroom description
?
Coy Sanders
@coymeetsworld
Feb 23 2017 05:38
yes I do
any traction on that?
Vicky Lai
@vickylai
Feb 23 2017 05:38
Ugh... I'm not getting this
Manish Giri
@Manish-Giri
Feb 23 2017 05:39
i'm putting that on github tomorrow
Vicky Lai
@vickylai
Feb 23 2017 05:39
Time for lunch break. Maybe it'll be less foggy after.
Coy Sanders
@coymeetsworld
Feb 23 2017 05:39
try refreshing the browser @vickylaixy , youve been working on it a bit
Vicky Lai
@vickylai
Feb 23 2017 05:39
Will do
Manish Giri
@Manish-Giri
Feb 23 2017 05:39
maybe you and @cdrainxv could comment on it
@coymeetsworld
Coy Sanders
@coymeetsworld
Feb 23 2017 05:39
yeah send me the issue
when you put it on i can write something
Manish Giri
@Manish-Giri
Feb 23 2017 05:39
okay
:+1:
__mifflin__
@cdrainxv
Feb 23 2017 05:40
Me too.
Manish Giri
@Manish-Giri
Feb 23 2017 05:41
^
emeraldtea
@emeraldtea
Feb 23 2017 05:42
@coymeetsworld sorry for reacting so strongly
Coy Sanders
@coymeetsworld
Feb 23 2017 05:43
its ok @emeraldtea
emeraldtea
@emeraldtea
Feb 23 2017 05:43
ok thanks
Coy Sanders
@coymeetsworld
Feb 23 2017 05:44
wasn't saying not to help its just when answers are given out usually people just copy it and don't learn what to do
Anil Paliwal
@anilpaliwal
Feb 23 2017 05:44
https://www.freecodecamp.com/challenges/sum-all-odd-fibonacci-numbers This page does not open for me. If it opens, then I am not able to change code in it or click . Is anybody else also facing same issue?
Coy Sanders
@coymeetsworld
Feb 23 2017 05:44
no i can open mine just fine
fchen00
@fchen00
Feb 23 2017 05:44
It's fine for me
Coy Sanders
@coymeetsworld
Feb 23 2017 05:45
did you try typing something in it @anilpaliwal ?
sometimes the editor is buggy
like ill type and itll go on the wrong line, initially
Manish Giri
@Manish-Giri