These are chat archives for FreeCodeCamp/Help

4th
Jan 2017
kotryna
@lkotryna
Jan 04 2017 00:00
nest the existing img element withn an a element
james
@james2100
Jan 04 2017 00:00
hey guys I just started this whole thing and I'm already stuck with uncommenting an html I'm not real sure what its asking
chengnmee
@chengnmee
Jan 04 2017 00:01

@lkotryna ok you need to fix this

<p>Click here for <a href="#">cat photos</a>.</p>
<a href="#"><img src="https://bit.ly/fcc-relaxing-cat." alt="A cute orange cat lying on it's back. "></a>
to
<p>Click here for <a href="#">cat photos <img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>.</p>

warpig
@robelte
Jan 04 2017 00:02
Bro when u are writing a program and sometimes when I come back to it after several months u wouldn't remember why u did what I did so u always leave a comment for your self
CoryCMyers
@CoryCMyers
Jan 04 2017 00:02
@james2100 Do you see where it has the <!----> That is a comment. Clear the <!-- and and --> to remove the comment
Manish Giri
@Manish-Giri
Jan 04 2017 00:02

@max77p your cbdata function is not working the right way

function cbdata(data) {
  //console.log(data._links.channel);
  if (data.stream !== null) {
    console.log("Inside online cbdata");
    console.log(data);
    forOnline(data.stream.channel.logo, data.stream.channel.status);
    $('.off,.off1').css('background-color', '#BCF5A9');
    $('.off1').css('text-align', 'center');
  } else {
   // console.log("Inside offline cbdata");

   // console.log(data); // undefined
    twitchLogo(data.logo, function(imgLogo) {
      //console.log(data.logo);
      forOffline(imgLogo, 'offline');
      $('.off2,.off3').css('background-color', '#A9E2F3');
      $('.off3').css('text-align', 'center');
    });
  }
} //end of cbData

Inside the else block, data becomes undefined, so when you try to call twitchLogo with data.logo, even though you wanted data.logo to be the channel name, it becomes undefined. This fails all of your offline channels.

chengnmee
@chengnmee
Jan 04 2017 00:02
@lkotryna because what you did was put a dead link on cat photos and did not nest the whole link and img
warpig
@robelte
Jan 04 2017 00:02
The comment is used as a reminder
max77p
@max77p
Jan 04 2017 00:02
@Manish-Giri so basically put the other function in here?
EKSurhey
@EKSurhey
Jan 04 2017 00:03
what is the syntax for creating radio buttons
AdisPDX
@AdisPDX
Jan 04 2017 00:03
@EKSurhey So what it was asking me is to move the line below "a" element into the line above "p" element. Kind of like combining the two lines into one
Manish Giri
@Manish-Giri
Jan 04 2017 00:03
:point_up: January 3, 2017 6:58 PM
yeah, like I said here
@max77p
AdisPDX
@AdisPDX
Jan 04 2017 00:03
@EKSurhey It worked
CoryCMyers
@CoryCMyers
Jan 04 2017 00:03
This is just me making sure I Am understanding this properly since boostrap is new to me.
https://www.freecodecamp.com/challenges/use-the-bootstrap-grid-to-put-elements-side-by-side#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Ch2%20class%3D%22red-text%20text-center%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%20%20%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%20%20%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%3E%3C%2Fa%3E%0A%0A%20%20%3Cimg%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-running-cats%22%20class%3D%22img-responsive%22%20alt%3D%22Three%20kittens%20running%20towards%20the%20camera.%20%22%3E%0A%3Cdiv%20class%3D%22row%22%3E%0A%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%3Cbutton%20class%3D%22btn%20btn-primary%22%3ELike%3C%2Fbutton%3E%3C%2Fdiv%3E%0A%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%3Cbutton%20class%3D%22btn%20btn-info%22%3EInfo%3C%2Fbutton%3E%3C%2Fdiv%3E%0A%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%3Cbutton%20class%3D%22btn%20btn-danger%22%3EDelete%3C%2Fbutton%3E%3C%2Fdiv%3E%0A%3C%2Fdiv%3E%20%0A%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%20%20%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Indoor%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Loving%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Crazy%3C%2Flabel%3E%0A%20%20%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%20%20%3C%2Fform%3E%0A%3C%2Fdiv%3E%0A
The reason the delete button is larger than the like and Info button is because of the automatic padding assigned by the col-xs-4 class from bootstrap yes?
Erin Price
@Faspee
Jan 04 2017 00:03
I'm also having an issue but with the changing the font size of an element :< Doesn't seem to want to register the 3rd requirement "Your p element should contain the first few words of the provided addictional kitty ipsum text." and its in there :worried:
EKSurhey
@EKSurhey
Jan 04 2017 00:03
Oh OK nice job @AdisPDX
max77p
@max77p
Jan 04 2017 00:03
@Manish-Giri ahh ok i see let me try this. thanks!
CamperBot
@camperbot
Jan 04 2017 00:03
max77p sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 3508 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Jan 04 2017 00:04
@max77p and try to name your variables and functions better so that it's easier for people debugging your code!
windosx64
@windosx64
Jan 04 2017 00:04
@EKSurhey type="radio"
Erin Price
@Faspee
Jan 04 2017 00:04
oh i might of just figured it out. sec
CoryCMyers
@CoryCMyers
Jan 04 2017 00:04
@Faspee Can we see the code?
AdisPDX
@AdisPDX
Jan 04 2017 00:04
@EKSurhey Thank you! I'm going to give my brain a break :)
CamperBot
@camperbot
Jan 04 2017 00:04
adispdx sends brownie points to @eksurhey :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for eksurhey
max77p
@max77p
Jan 04 2017 00:04
@Manish-Giri haha ok lesson learned, will do that going forward, thanks for the feedback!
CamperBot
@camperbot
Jan 04 2017 00:04
max77p sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:warning: max77p already gave manish-giri points
warpig
@robelte
Jan 04 2017 00:04
<input type ="radio">
Manish Giri
@Manish-Giri
Jan 04 2017 00:04
:+1:
Erin Price
@Faspee
Jan 04 2017 00:05
i got it :) i wasn't putting the right text in that they wanted. silly me
EKSurhey
@EKSurhey
Jan 04 2017 00:05
@windosx64 im lost <form action="/submit-cat-photo">
<input type="radio" name="indoor-outdoor"required>
<button type="radio">submit</button>
</form>
AdisPDX
@AdisPDX
Jan 04 2017 00:05
@Manish-Giri @Margaret2 Thank you!
CamperBot
@camperbot
Jan 04 2017 00:05
:cookie: 984 | @margaret2 |http://www.freecodecamp.com/margaret2
:star2: 3509 | @manish-giri |http://www.freecodecamp.com/manish-giri
adispdx sends brownie points to @manish-giri and @margaret2 :sparkles: :thumbsup: :sparkles:
windosx64
@windosx64
Jan 04 2017 00:05
@EKSurhey You should have a label element
<label><input type="radio" ......></label>
and the button should be type="submit"
Well I think for the one you are on you don't need the label yet
Julian
@WizrdJim
Jan 04 2017 00:08
can you call another .getJSON function within a .getJSON function
Manish Giri
@Manish-Giri
Jan 04 2017 00:08
yep
CoryCMyers
@CoryCMyers
Jan 04 2017 00:08
If it is the radio one it is <label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
windosx64
@windosx64
Jan 04 2017 00:08
@EKSurhey for your's you need two radio buttons
Just like what @CoryCMyers said
CoryCMyers
@CoryCMyers
Jan 04 2017 00:08
@EKSurhey Check out what I just posted
chengnmee
@chengnmee
Jan 04 2017 00:09
@EKSurhey button can not be radio label
EKSurhey
@EKSurhey
Jan 04 2017 00:10
alright thanks @windosx64
CamperBot
@camperbot
Jan 04 2017 00:10
eksurhey sends brownie points to @windosx64 :sparkles: :thumbsup: :sparkles:
:cookie: 102 | @windosx64 |http://www.freecodecamp.com/windosx64
chengnmee
@chengnmee
Jan 04 2017 00:11
@EKSurhey buttons are part of <form action> and radio are <label><input>
mendala
@mendala
Jan 04 2017 00:11
can someone please help? Let's override your pink-text and blue-text classes, and make your h1 element orange, by giving the h1 element an id and then styling that id.
CoryCMyers
@CoryCMyers
Jan 04 2017 00:11
@windosx64 Awww you got all the love on that one :smile:
Manish Giri
@Manish-Giri
Jan 04 2017 00:11
@mendala your code?
mendala
@mendala
Jan 04 2017 00:12

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

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

windosx64
@windosx64
Jan 04 2017 00:12
Thanks is earned @CoryCMyers
CamperBot
@camperbot
Jan 04 2017 00:12
windosx64 sends brownie points to @corycmyers :sparkles: :thumbsup: :sparkles:
:cookie: 76 | @corycmyers |http://www.freecodecamp.com/corycmyers
Robert
@SovereignRob1
Jan 04 2017 00:12
yay! Figured it out. Needed to add jumbotron to have the list do what i needed
Manish Giri
@Manish-Giri
Jan 04 2017 00:13
@mendala where's the orange-text ID
windosx64
@windosx64
Jan 04 2017 00:13
<h1 id="orange-text" class="pink-text blue-text">Hello World!</h1> @mendala
CoryCMyers
@CoryCMyers
Jan 04 2017 00:13
Welp, I was not fishin for the points but I will take em. At least I know that thanks anywhere in the message triggers brownie points now.
windosx64
@windosx64
Jan 04 2017 00:13
@CoryCMyers that was the point haha
and @mendala you have to add an .orange or .orange-text class of course like you did with pink and blue
CoryCMyers
@CoryCMyers
Jan 04 2017 00:15
Does the tutorials and challenges ever go into a separate CSS stylesheet? I do not know why, but it feels easier to organize things if it is on a separate page.
Robert
@SovereignRob1
Jan 04 2017 00:15
i feel like i was not ready at all for my tribute project
Anthony
@Amelino1
Jan 04 2017 00:16

Hello can someone help me with this challenge? I have all correct except for "give your body element the color property of green" here is the code:<style>

h1{
color: green;
}

body {
background-color: green;
font-family: monospace;
font-color: green;

}

</style>

<h1>"Hello World"</h1>

CamperBot
@camperbot
Jan 04 2017 00:16

welcome to FreeCodeCamp @Amelino1!

windosx64
@windosx64
Jan 04 2017 00:16
@CoryCMyers When you're doing a project you would probably have an html and a css file by doing this <link rel="stylesheet" href="styles.css">
But the front end stuff doesn't really teach you that
mendala
@mendala
Jan 04 2017 00:17
how do i create the id
windosx64
@windosx64
Jan 04 2017 00:18
body {
color: green;
background-color: green;
font-family: monospace;
font-color: green;
}
CoryCMyers
@CoryCMyers
Jan 04 2017 00:18
This message was deleted
Well then! That is a command learned!
In your style section use #then name it and in your tag id="Whateveryoucalledit">
Anthony
@Amelino1
Jan 04 2017 00:19
thanks!
Pedro Diaz
@Pjdaze
Jan 04 2017 00:19
hello everyone
windosx64
@windosx64
Jan 04 2017 00:19
@mendala in the css (style) or in the element (h1)?
Pedro Diaz
@Pjdaze
Jan 04 2017 00:23
hello anyone here
windosx64
@windosx64
Jan 04 2017 00:23

@mendala in the style you put

orange-text{

color:orange;
}

Manish Giri
@Manish-Giri
Jan 04 2017 00:23
@Pjdaze lots of people are here
Pedro Diaz
@Pjdaze
Jan 04 2017 00:24
hey haha
windosx64
@windosx64
Jan 04 2017 00:24
same as a class but with a #
and then in the h1 you add an id like
id="orange-text"
just like you did with a class
CoryCMyers
@CoryCMyers
Jan 04 2017 00:24
Nobody here but us caffeine addicts
Pedro Diaz
@Pjdaze
Jan 04 2017 00:24
i got a js question bc im hitting a wall when i get in to the algarithm challenges
and is bc my logic is wrong
windosx64
@windosx64
Jan 04 2017 00:24
however the ID will override any conflicting class
Pedro Diaz
@Pjdaze
Jan 04 2017 00:24
this is an example
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"]
    }
];
// Working one!!!
var geeks = contacts.filter(g => g.likes[0] === 'Javascript');

/*
var geeks = contacts.filter(g => g.likes[0] && g.likes[1] === 'Javascript' || 'Coding');

var geeks = contacts.filter(g => g.likes[0] === 'Javascript' || 'pizza');
*/

console.log(geeks);
chip
@chip-hacker
Jan 04 2017 00:24
hi bros
Pedro Diaz
@Pjdaze
Jan 04 2017 00:25
im trying to filter the geeks
i can filter 1 but why cant i do 2 at a time like in the commented ones
chip
@chip-hacker
Jan 04 2017 00:25
hi my name is chip

look it up

windosx64
@windosx64
Jan 04 2017 00:25
@Pjdaze there's a javascript help chat with people that will know more about java
CoryCMyers
@CoryCMyers
Jan 04 2017 00:26
@windosx64 ID>Class>type yes?
When weighting selectors?
Manish Giri
@Manish-Giri
Jan 04 2017 00:26
@Pjdaze why are you even targeting individual values from the object?
chip
@chip-hacker
Jan 04 2017 00:26
hi anyone want to be fiends
plz

plz

CoryCMyers
@CoryCMyers
Jan 04 2017 00:27
@chip-hacker I do not know anyone who has an interest in coding who has a shred of purity left in them.
windosx64
@windosx64
Jan 04 2017 00:27
@CoryCMyers not sure if type would ever really conflict with ID or class, haven't run into that yet. But the alligator definitely eats ID before class
chip
@chip-hacker
Jan 04 2017 00:27
does anyone know how to make letters big
Pedro Diaz
@Pjdaze
Jan 04 2017 00:27
because i want to filter the geeks one likes javascript and the other coding
Anh Nguyen
@tiremon112
Jan 04 2017 00:28
@chip-hacker font-size
CoryCMyers
@CoryCMyers
Jan 04 2017 00:28
@windosx64 I thought it was important when setting mixxed classes or selectors to help the cascade make a decision on which value to apply.
chip
@chip-hacker
Jan 04 2017 00:28
if you want to make letters big press shift and 2 and then mesage big
Patrick Tran
@tranpatrick01
Jan 04 2017 00:29
Im building my portfolio however when my screen is in mobile size theres is not navigation bar.
SomdahSaysSO
@dsomdah83
Jan 04 2017 00:30
Im trying to nest my "A" element within my "P" element don't know what Im doing wrong
<p>Here's a
<a> href="https://freecatphotoapp.com"> link to Free Code Camp
</a>
for you to follow.
"View more" </p>
Zechariah93
@Zechariah93
Jan 04 2017 00:30
Im stuck I am on Challenge 15, trying to change the color oh my h2 element with CSS. I will post instructions, hopefully someone can assist me in this
Manish Giri
@Manish-Giri
Jan 04 2017 00:31
@Zechariah93 show your code?
Zechariah93
@Zechariah93
Jan 04 2017 00:31

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

Daniel
@DannyzCoding
Jan 04 2017 00:32

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

<p href="View more" </p>

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

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

Manish Giri
@Manish-Giri
Jan 04 2017 00:33
@Zechariah93 the element you're trying to style is the h2, and it should remain below the style tags
<h2>CatPhotoApp</h2>
CoryCMyers
@CoryCMyers
Jan 04 2017 00:33
@Zechariah93 You do not have an h2 tag there for it to target, only a para....
@Manish-Giri How did you make that all fancy looking?
Or is there a variant on ```HTML here that I was unaware of?
Patrick Tran
@tranpatrick01
Jan 04 2017 00:34
anyone mind helping?
ml3ha
@ml3ha
Jan 04 2017 00:35
<h1> Test</h1>
Manish Giri
@Manish-Giri
Jan 04 2017 00:35
@CoryCMyers
'''
CamperBot
@camperbot
Jan 04 2017 00:35
:bulb: to format code use backticks! ``` more info
chengnmee
@chengnmee
Jan 04 2017 00:36
@tranpatrick01 what kind of help just link your code sequence in here and tell what you need help with
Manish Giri
@Manish-Giri
Jan 04 2017 00:36
@tranpatrick01 what's the problem
SomdahSaysSO
@dsomdah83
Jan 04 2017 00:36
Im trying to nest my "A" element within my "P" element
<p>Here's a
<a> href="https://freecatphotoapp.com"> link to Free Code Camp
</a>
for you to follow.
"View more" </p>
Carl du Plessis
@wynand430
Jan 04 2017 00:36
<p href="View more" </p>
This should be <p href="View more"> </p>
chip
@chip-hacker
Jan 04 2017 00:36
hiii
Milorad
@moonbyt3
Jan 04 2017 00:36
hello guys is there any way i can pull up these two buttons on the bottom?
http://codepen.io/moonbyt3/pen/RKwZbe?editors=1100
chip
@chip-hacker
Jan 04 2017 00:36

hiii

what
oh ya
Zechariah93
@Zechariah93
Jan 04 2017 00:37
@CoryCMyers So I need to add back in <h2>CatPhotoApp</h2> ?
CoryCMyers
@CoryCMyers
Jan 04 2017 00:38
@Zechariah93 If you made your stylesheet target h2 then yes, that is how you would want to have the tagging.
@dsomdah83 You need to wrap your href in your anchor element then close the tag.
chip
@chip-hacker
Jan 04 2017 00:39
i need help please
Manish Giri
@Manish-Giri
Jan 04 2017 00:39
@chip-hacker what's the problem
SomdahSaysSO
@dsomdah83
Jan 04 2017 00:39
ok thanks but Im still not understanding what I'm doing wrong on the nesting
Zechariah93
@Zechariah93
Jan 04 2017 00:40
@CoryCMyers Im sorry, I don't quite know how to do that. How do I make it a target?
SomdahSaysSO
@dsomdah83
Jan 04 2017 00:40
<p>Here's a
<a> href="https://freecatphotoapp.com"> link to Free Code Camp</a>for you to follow. <p> href="View more " </p>
Evan Kalvis
@evan17gr
Jan 04 2017 00:40
@moonbyt3 u can u use position:relative;
chip
@chip-hacker
Jan 04 2017 00:40
i do not get the uncomment HTML
plz help
Evan Kalvis
@evan17gr
Jan 04 2017 00:41
@Manish-Giri Hey, how are u?
@chip-hacker u just get rid off the tags that u use to comment
chengnmee
@chengnmee
Jan 04 2017 00:41
@dsomdah83 <p>Here's a
<a> href="https://freecatphotoapp.com"> link to Free Code Camp</a>for you to follow. <p> href="View more " </p>
do not close the <a> href
Evan Kalvis
@evan17gr
Jan 04 2017 00:41
thats what they mean
Manish Giri
@Manish-Giri
Jan 04 2017 00:41
@evan17gr I'm good :wave:
CoryCMyers
@CoryCMyers
Jan 04 2017 00:41
@Zechariah93
if you have h2 {color: red;] Then you would need to have an element of <h2> text here </h2> for it to show properly
Milorad
@moonbyt3
Jan 04 2017 00:41
@evan17gr on what class?
Manish Giri
@Manish-Giri
Jan 04 2017 00:41
@chip-hacker take off the comment tags
SomdahSaysSO
@dsomdah83
Jan 04 2017 00:41
@chengnmee thanks
CamperBot
@camperbot
Jan 04 2017 00:41
dsomdah83 sends brownie points to @chengnmee :sparkles: :thumbsup: :sparkles:
:cookie: 230 | @chengnmee |http://www.freecodecamp.com/chengnmee
Evan Kalvis
@evan17gr
Jan 04 2017 00:41
@moonbyt3 on the two buttons that u want to move up
Clauria101
@clauriia
Jan 04 2017 00:42

pls I need some help. I have been looking at this forever and don't know what to do. I need to nest my radio buttons inside one div with the classes row and col-xs-6. PLEASE HELP:

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

<style>
h2 {
font-family: Lobster, Monospace;
}

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

<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">
<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>
<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-6">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-6">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-6">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
<p>Things cats <span class="text-danger">love:</span></p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</div>

Robert
@SovereignRob1
Jan 04 2017 00:42
would anyone mind looking at my tribute? offer critique or advice?
chip
@chip-hacker
Jan 04 2017 00:42
plz help
Manish Giri
@Manish-Giri
Jan 04 2017 00:42
@clauriia you're nesting the wrong things.
These are the radio buttons
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
chip
@chip-hacker
Jan 04 2017 00:42
i am stuck
Evan Kalvis
@evan17gr
Jan 04 2017 00:42
@SovereignRob1 sure just post the link
CoryCMyers
@CoryCMyers
Jan 04 2017 00:43
@Zechariah93
if you have h2 {color: red;] Then you would need to have an element of <h2> text here </h2> for it to show properly
Evan Kalvis
@evan17gr
Jan 04 2017 00:43
@chip-hacker u literally need to get rid off teh tags that u use to comment
chip
@chip-hacker
Jan 04 2017 00:43
anyone please
windosx64
@windosx64
Jan 04 2017 00:43
@chip-hacker comments are like this
Robert
@SovereignRob1
Jan 04 2017 00:43
its very basic
Milorad
@moonbyt3
Jan 04 2017 00:43
@evan17gr hm... not working :/
CoryCMyers
@CoryCMyers
Jan 04 2017 00:43
@chip-hacker Remove where it has the <!---->
windosx64
@windosx64
Jan 04 2017 00:43
BiancaPiper
@MissLouisePiper
Jan 04 2017 00:44
hi everyone. is there someone who knows or expert in Laravel framework? can you refer to me someone who is really good at this framework. I badly needed help. i hope you can help me. Thank you
chip
@chip-hacker
Jan 04 2017 00:44
why
Evan Kalvis
@evan17gr
Jan 04 2017 00:44
@moonbyt3 did u use bottom:100px; for example
after
Dylan
@dhcodes
Jan 04 2017 00:44
@MissLouisePiper check the main room
windosx64
@windosx64
Jan 04 2017 00:44
@chip-hacker just delete the greyed text
Zechariah93
@Zechariah93
Jan 04 2017 00:44
@CoryCMyers Ok I think I'm getting it. Let me have a go
BiancaPiper
@MissLouisePiper
Jan 04 2017 00:44
@dhcodes Thank you
CamperBot
@camperbot
Jan 04 2017 00:44
misslouisepiper sends brownie points to @dhcodes :sparkles: :thumbsup: :sparkles:
:star2: 1672 | @dhcodes |http://www.freecodecamp.com/dhcodes
windosx64
@windosx64
Jan 04 2017 00:45
It servers no other purpose than information for the programmer
Manish Giri
@Manish-Giri
Jan 04 2017 00:45
@dhcodes do you have some time?
windosx64
@windosx64
Jan 04 2017 00:45
you don't see it in the output
Manish Giri
@Manish-Giri
Jan 04 2017 00:45
at the moment
CoryCMyers
@CoryCMyers
Jan 04 2017 00:45
@Zechariah93 Make sure you put your h2 {color:red;} in your style section.
Milorad
@moonbyt3
Jan 04 2017 00:45
@evan17gr thank you sir
CamperBot
@camperbot
Jan 04 2017 00:45
:cookie: 370 | @evan17gr |http://www.freecodecamp.com/evan17gr
moonbyt3 sends brownie points to @evan17gr :sparkles: :thumbsup: :sparkles:
Zechariah93
@Zechariah93
Jan 04 2017 00:46
@CoryCMyers That worked!!! Thanks
CamperBot
@camperbot
Jan 04 2017 00:46
zechariah93 sends brownie points to @corycmyers :sparkles: :thumbsup: :sparkles:
:cookie: 83 | @corycmyers |http://www.freecodecamp.com/corycmyers
Evan Kalvis
@evan17gr
Jan 04 2017 00:46
@SovereignRob1 it looks nice, but try to use the css window to style th page
@moonbyt3 no problem
CoryCMyers
@CoryCMyers
Jan 04 2017 00:46
@Zechariah93 My Pleasure.
Lina
@linalives
Jan 04 2017 00:46
hi guys, how do you turn an a element's href attribute to a deadlink?
I don't know where to put the #
CoryCMyers
@CoryCMyers
Jan 04 2017 00:46
@linalives replace the href value with a #
Lina
@linalives
Jan 04 2017 00:47
<p>Click here for <a #href="http://www.freecatphotoapp.com">cat photos</a>.</p>
Dylan
@dhcodes
Jan 04 2017 00:47
@Manish-Giri never
Lina
@linalives
Jan 04 2017 00:47
like this?
Dylan
@dhcodes
Jan 04 2017 00:47
what's up
Clauria101
@clauriia
Jan 04 2017 00:47
@Manish-Giri thank you
CamperBot
@camperbot
Jan 04 2017 00:47
clauriia sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 3510 | @manish-giri |http://www.freecodecamp.com/manish-giri
CoryCMyers
@CoryCMyers
Jan 04 2017 00:47
@linalives href=#
Lina
@linalives
Jan 04 2017 00:47
ahh
thanks @CoryCMyers !
CamperBot
@camperbot
Jan 04 2017 00:47
linalives sends brownie points to @corycmyers :sparkles: :thumbsup: :sparkles:
:cookie: 84 | @corycmyers |http://www.freecodecamp.com/corycmyers
CoryCMyers
@CoryCMyers
Jan 04 2017 00:47
NP
Robert
@SovereignRob1
Jan 04 2017 00:47
@evan17gr not sure i know how. lol. i guess i was following the example where he didnt use css at all
Jordan
@jl-code1721
Jan 04 2017 00:48
Is this the right code for putting javascript in html?
<script>
$(document).ready(function() {});
</script>
bawchi
@bawchi
Jan 04 2017 00:48
hello! ive taken a break from coding and I need to start again. however, after deleting my account. my progress is still there as I left it. i just need to click the "run test button" and it will just move on to the next lesson. is there a way I can fix this ?
Anh Nguyen
@tiremon112
Jan 04 2017 00:49
@jl-code1721 yea
Evan Kalvis
@evan17gr
Jan 04 2017 00:49
@SovereignRob1 so u literally just put everything that's inside the style tags and put it in the css window
SomdahSaysSO
@dsomdah83
Jan 04 2017 00:49
Still having issues with nesting <p> Here's a
<a href="https://freecatphotoapp.com"> link to Free Code Camp</a>for you to follow. <p href="View more " </p>
Jordan
@jl-code1721
Jan 04 2017 00:50
Every single time I put some javascript into it, the code never runs
Robert
@SovereignRob1
Jan 04 2017 00:50
ah. ok. so do that insted of using style throughout the whole thing
Anh Nguyen
@tiremon112
Jan 04 2017 00:50
@jl-code1721 $(document).ready(function() {});
Dylan
@dhcodes
Jan 04 2017 00:50
@Manish-Giri window is closing...
Anh Nguyen
@tiremon112
Jan 04 2017 00:50
you put it in middle {}
Dylan
@dhcodes
Jan 04 2017 00:50
:D
Manish Giri
@Manish-Giri
Jan 04 2017 00:50
@dhcodes FreeCodeCamp/FreeCodeCamp#12117
should I do sth about this?
Evan Kalvis
@evan17gr
Jan 04 2017 00:50
@jl-code1721 u just need the script tags
Robert
@SovereignRob1
Jan 04 2017 00:50
thanks @evan17gr
Anh Nguyen
@tiremon112
Jan 04 2017 00:50
{ script code here });
CamperBot
@camperbot
Jan 04 2017 00:50
sovereignrob1 sends brownie points to @evan17gr :sparkles: :thumbsup: :sparkles:
:cookie: 371 | @evan17gr |http://www.freecodecamp.com/evan17gr
Manish Giri
@Manish-Giri
Jan 04 2017 00:50
I know we discussed I should redo the second text
but I saw Eric "approved" it, so I paused, for the time being
Jordan
@jl-code1721
Jan 04 2017 00:51
@evan17gr I've been using the script tags
Evan Kalvis
@evan17gr
Jan 04 2017 00:51
@SovereignRob1 :+1:
@jl-code1721 yes i mean u dont need this $(document).ready(function() {}); to write js
u just need the script tag
thats for jquery
Dylan
@dhcodes
Jan 04 2017 00:53
@Manish-Giri I'm just going to merge it in
just let me test it really fast
mendala
@mendala
Jan 04 2017 00:54

what is wrong with this code?

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

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

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

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

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

Dylan
@dhcodes
Jan 04 2017 00:54
i feel bad putting your PRs in limbo @Manish-Giri
Aaron
@apalm1341
Jan 04 2017 00:54
Hey all
Jordan
@jl-code1721
Jan 04 2017 00:54
Oh ok.. Anyway, I now need to add a class of "active" to a specific tab of my navbar everytime I click it. But i've been struggling with that. I'm a noob.
mendala
@mendala
Jan 04 2017 00:55
it keeps giving me an error and says i need to use rgb for each color
Aaron
@apalm1341
Jan 04 2017 00:55
Any of u guys know good online colleges for computer science degrees?
Manish Giri
@Manish-Giri
Jan 04 2017 00:55
@dhcodes lol haha
mendala
@mendala
Jan 04 2017 00:55
rant i already doing that?
Manish Giri
@Manish-Giri
Jan 04 2017 00:55
@dhcodes it's okay, that happens with your PRs too..
CoryCMyers
@CoryCMyers
Jan 04 2017 00:55
@mendala You are missing your ; after each color but before the bracket
Dylan
@dhcodes
Jan 04 2017 00:55
@Manish-Giri apparently
;;)
Manish Giri
@Manish-Giri
Jan 04 2017 00:55
we're pretty much on the same boat when it comes to fate of our PRs
:wink:
Evan Kalvis
@evan17gr
Jan 04 2017 00:55
@jl-code1721 can u send ur pen?
mendala
@mendala
Jan 04 2017 00:56
@CoryCMyers haha thank you
CamperBot
@camperbot
Jan 04 2017 00:56
mendala sends brownie points to @corycmyers :sparkles: :thumbsup: :sparkles:
:cookie: 86 | @corycmyers |http://www.freecodecamp.com/corycmyers
lemushd
@lemushd
Jan 04 2017 00:57
hi im trying to create a for element but i do not know where it wants me to nest it
any help?
CoryCMyers
@CoryCMyers
Jan 04 2017 00:57
@lemushd More details please.
EKSurhey
@EKSurhey
Jan 04 2017 00:57

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

<label> <input type= "radio" name="indoor-outdoor"required>
<button type= "submit">outdoor</button></label>
</form>
can anyone plz debug it says that I dont have seperate label elements

Michael Soma
@somam1z
Jan 04 2017 00:57
I did the cat image just like the example showed but its not working for some reason
__mifflin__
@cdrainxv
Jan 04 2017 00:57
@mendala: Missing ; for all of the color properties:
color: rgb(255, 0, 0);
Destiny D. Ingram
@pixieyoru
Jan 04 2017 00:57
To make a dead link,where does the # go? Anyone?
CoryCMyers
@CoryCMyers
Jan 04 2017 00:58
@pixieyoru replace your href value with #
Evan Kalvis
@evan17gr
Jan 04 2017 00:58
@pixieyoru replace the url with a hash
Anh Nguyen
@tiremon112
Jan 04 2017 00:58
@evan17gr do you know the thing, that let you click in this topic on navigation bar then it automatically move you that to that section for profolio challenge call?
Evan Kalvis
@evan17gr
Jan 04 2017 00:58
^^
__mifflin__
@cdrainxv
Jan 04 2017 00:58
@pixieyoru: Replace the url (http://..) with #.
Destiny D. Ingram
@pixieyoru
Jan 04 2017 00:58
Thank you!
Evan Kalvis
@evan17gr
Jan 04 2017 00:58
@tiremon112 yes
Manish Giri
@Manish-Giri
Jan 04 2017 00:58
damn I used to remember what they're called
Anh Nguyen
@tiremon112
Jan 04 2017 00:58
@evan17gr what is it, need to do some research for it
Manish Giri
@Manish-Giri
Jan 04 2017 00:58
forgot
CoryCMyers
@CoryCMyers
Jan 04 2017 00:58
I am spending more time looking at this and answering questions than I am on my own challenges XD
Evan Kalvis
@evan17gr
Jan 04 2017 00:59
@tiremon112 u need make divs with ids
Manish Giri
@Manish-Giri
Jan 04 2017 00:59
<a href="#contact">Contact</a>
...
<div id="contact">
Evan Kalvis
@evan17gr
Jan 04 2017 00:59
yep like that ^^
Manish Giri
@Manish-Giri
Jan 04 2017 00:59
there's a term for this
Anh Nguyen
@tiremon112
Jan 04 2017 00:59
interesting
Manish Giri
@Manish-Giri
Jan 04 2017 00:59
which I forgot
f*k
Evan Kalvis
@evan17gr
Jan 04 2017 00:59
idk u teached me how to do that
Manish Giri
@Manish-Giri
Jan 04 2017 00:59
lol
__mifflin__
@cdrainxv
Jan 04 2017 01:00
Navigation links?
Evan Kalvis
@evan17gr
Jan 04 2017 01:00
when i was making my portfolio
Manish Giri
@Manish-Giri
Jan 04 2017 01:00
nope
that's too generic
Anh Nguyen
@tiremon112
Jan 04 2017 01:00
awesome Thank you @Manish-Giri Sherlock
Manish Giri
@Manish-Giri
Jan 04 2017 01:00
there's a specific one
CamperBot
@camperbot
Jan 04 2017 01:00
:star2: 3511 | @manish-giri |http://www.freecodecamp.com/manish-giri
tiremon112 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
Evan Kalvis
@evan17gr
Jan 04 2017 01:00
the scientific name
Manish Giri
@Manish-Giri
Jan 04 2017 01:00
lol
@tiremon112 welcome
I'm tempted to post on SO
but I hate the people on SO more than I hate waiting for sherlock on netflix, so...
Patrick Tran
@tranpatrick01
Jan 04 2017 01:02
im unable to change the color text of my navbar
anyone help will be apperciated.
Manish Giri
@Manish-Giri
Jan 04 2017 01:02
@tranpatrick01 use an ID
or a class
Evan Kalvis
@evan17gr
Jan 04 2017 01:02
@tranpatrick01 did u target the a lements ?
elements
Manish Giri
@Manish-Giri
Jan 04 2017 01:02
lol
Dylan
@dhcodes
Jan 04 2017 01:03
@Manish-Giri it's anchor tags
Manish Giri
@Manish-Giri
Jan 04 2017 01:03
a lements
O.o
Evan Kalvis
@evan17gr
Jan 04 2017 01:03
yep!
Manish Giri
@Manish-Giri
Jan 04 2017 01:03
@dhcodes anchor tags are just <a>...</a>
but when used for the purpose of linking to parts of your page
there's a specific term for it
Dylan
@dhcodes
Jan 04 2017 01:03
jump links
lol
Manish Giri
@Manish-Giri
Jan 04 2017 01:03
lol
Patrick Tran
@tranpatrick01
Jan 04 2017 01:04
@Manish-Giri @evan17gr not working http://codepen.io/tranpatrick/pen/xgxKRN
Michael Soma
@somam1z
Jan 04 2017 01:04
If i post my code can someone tell me where i went wrong
Manish Giri
@Manish-Giri
Jan 04 2017 01:06

@tranpatrick01 try

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

and

#mynav li a{
  color: red;
}
@somam1z that's what we (strive to) do here..
ml3ha
@ml3ha
Jan 04 2017 01:07
yes @somam1z
Patrick Tran
@tranpatrick01
Jan 04 2017 01:07
@Manish-Giri not working...
Manish Giri
@Manish-Giri
Jan 04 2017 01:07
@tranpatrick01 works for me
Patrick Tran
@tranpatrick01
Jan 04 2017 01:07
thanks lol
@Manish-Giri thanks
CamperBot
@camperbot
Jan 04 2017 01:08
tranpatrick01 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 3512 | @manish-giri |http://www.freecodecamp.com/manish-giri
Patrick Tran
@tranpatrick01
Jan 04 2017 01:08
can you tell me why do we need to add li and a?
Manish Giri
@Manish-Giri
Jan 04 2017 01:09
@tranpatrick01
.navbar-inverse .navbar-nav>li>a {
    color: #9d9d9d;
}
because they're styled by bootstrap
bsostek
@bsostek
Jan 04 2017 01:09
hey i have a c++ question
Manish Giri
@Manish-Giri
Jan 04 2017 01:09
so you need to override.
bsostek
@bsostek
Jan 04 2017 01:09
can anyone answer
Patrick Tran
@tranpatrick01
Jan 04 2017 01:10
@Manish-Giri and now the problem is that when the screen is in a mobile size theres is no content...and
bsostek
@bsostek
Jan 04 2017 01:10
im trying to make a program that uses two dimensional arrays and randomly prints out alphabet letters a-z but no x
so this is my brogram

include <iostream>

include <iomanip>

include <vector>

include <ctime>

using namespace std;

const int ROWS= 5;
const int COLUMNS = 5;
void swap ( int , int );

int main()
{
srand(unsigned(time(0)));
char arr[5][5];
vector<char> alpha;
vector<char> randomized;
alpha.push_back('A');
alpha.push_back('B');
alpha.push_back('C');
alpha.push_back('D');
alpha.push_back('E');
alpha.push_back('F');
alpha.push_back('G');
alpha.push_back('H');
alpha.push_back('I');
alpha.push_back('J');
alpha.push_back('K');
alpha.push_back('L');
alpha.push_back('M');
alpha.push_back('N');
alpha.push_back('O');
alpha.push_back('P');
alpha.push_back('Q');
alpha.push_back('R');
alpha.push_back('S');
alpha.push_back('T');
alpha.push_back('U');
alpha.push_back('V');
alpha.push_back('W');
alpha.push_back('Y');
alpha.push_back('Z');

for(int x = 0; x<alpha.size(); x++)
{
    int random = rand()%alpha.size();
    randomized.push_back(alpha[random]);
    swap(alpha[random], alpha[alpha.size()-1]);
    alpha.pop_back();
}

for (int z = 0; z<randomized.size(); z++)
{
    for(int y= 0; y<COLUMNS; y++)
    {
        for(int x= 0; x<ROWS; x++)
        {
            arr[x][y]= randomized[z];
        }
    }
}

    for(int y= 0; y<COLUMNS; y++)
    {
        for(int x= 0; x<ROWS; x++)
        {
            cout<< arr[x][y] << " ";
        }
        cout<<endl;
    }

system("pause");
return 0;

}
void swap( int p1, int p2)
{
int temp = p1; p1 = p2; p2 = temp;
}

Dylan
@dhcodes
Jan 04 2017 01:12
isn't that Java or C @bsostek?
Patrick Tran
@tranpatrick01
Jan 04 2017 01:12
@Manish-Giri nvm figured it out thanks
CamperBot
@camperbot
Jan 04 2017 01:12
tranpatrick01 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:warning: tranpatrick01 already gave manish-giri points
Dylan
@dhcodes
Jan 04 2017 01:12
you may be better off asking in the main room
@bsostek
CoryCMyers
@CoryCMyers
Jan 04 2017 01:14
Is there a way to let this chat scroll without it refreshing the whole thing each time a message comes in?
Manish Giri
@Manish-Giri
Jan 04 2017 01:14
this seems like a very inefficient way to do things
alpha.push_back('A');
alpha.push_back('B');
alpha.push_back('C');
alpha.push_back('D');
alpha.push_back('E');
alpha.push_back('F');
alpha.push_back('G');
alpha.push_back('H');
alpha.push_back('I');
alpha.push_back('J');
alpha.push_back('K');
alpha.push_back('L');
alpha.push_back('M');
alpha.push_back('N');
alpha.push_back('O');
alpha.push_back('P');
alpha.push_back('Q');
alpha.push_back('R');
alpha.push_back('S');
alpha.push_back('T');
alpha.push_back('U');
alpha.push_back('V');
alpha.push_back('W');
alpha.push_back('Y');
alpha.push_back('Z');
kellen80HD
@kellen80HD
Jan 04 2017 01:15

I'm on Use Responsive Design with Bootstrap Fluid Containers
Help?

Current Code:

<div> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>

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

windosx64
@windosx64
Jan 04 2017 01:15
@Manish-Giri couldn't you just do something like an array instead to list everything?
Michael Soma
@somam1z
Jan 04 2017 01:15
My code is correct but it wont submit for some reason
Manish Giri
@Manish-Giri
Jan 04 2017 01:15
@windosx64 not my code.
windosx64
@windosx64
Jan 04 2017 01:15
what would you do?
@kellen80HD pretty sure you need <div container-fluid> </div> around your html
Evan Kalvis
@evan17gr
Jan 04 2017 01:18
@somam1z refresh the page
CoryCMyers
@CoryCMyers
Jan 04 2017 01:18
@kellen80HD What is the objective in that one?
If you are reducing the number of classes you have an add container fluid you want to end with this

<style>
h2 {
font-family: Lobster, Monospace;
}

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

</style>

<div class="container-fluid">

And then incorporate the FA stuff it talks about
kellen80HD
@kellen80HD
Jan 04 2017 01:19
Ah
Okay thanks man, now I get it
CoryCMyers
@CoryCMyers
Jan 04 2017 01:19
@kellen80HD NP
Michael Soma
@somam1z
Jan 04 2017 01:21
@evan17gr i have multiple times, i have to click on another in web page tab and then go back for the project to submit
Dylan
@dhcodes
Jan 04 2017 01:22
@Manish-Giri done and done. I still don't like those tests and that the second one only checks for values greater than 48...
Manish Giri
@Manish-Giri
Jan 04 2017 01:22
@windosx64 I would just use an iterator or something to push_back all alphabets, only once.
not repeat it 26 times..
kellen80HD
@kellen80HD
Jan 04 2017 01:23
@CoryCMyers would I put the </div> at the end of the entire code
Evan Kalvis
@evan17gr
Jan 04 2017 01:23
so its telling u that u ve done it correctly but u can go to the next cahllenge? @somam1z
torontocodes
@torontocodes
Jan 04 2017 01:23
im stuck with adding .red-text into a <h2>
Manish Giri
@Manish-Giri
Jan 04 2017 01:23
@dhcodes yeah good point :disappointed:
ty though
torontocodes
@torontocodes
Jan 04 2017 01:23

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

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

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

Michael Soma
@somam1z
Jan 04 2017 01:23
@evan17gr yes it only goes to the next step after i cycle tabs and then go back
torontocodes
@torontocodes
Jan 04 2017 01:23
what am i doing wrong?
Evan Kalvis
@evan17gr
Jan 04 2017 01:24
@somam1z just go to the map and press on the next challenge
CoryCMyers
@CoryCMyers
Jan 04 2017 01:24
@kellen80HD You want to put your closing tag at the end of all the elements it tells you to wrap the fluid-container around.
kellen80HD
@kellen80HD
Jan 04 2017 01:24
@CoryCMyers Yup! Got it, thanks man
lemushd
@lemushd
Jan 04 2017 01:24

You can build web forms that actually submit data to a server using nothing more than pure HTML. You can do this by specifying an action on your form element.

For example:

<form action="/url-where-you-want-to-submit-form-data"></form>

Nest your text field in a form element. Add the action="/submit-cat-photo" attribute to this form element.

CamperBot
@camperbot
Jan 04 2017 01:24
:cookie: 91 | @corycmyers |http://www.freecodecamp.com/corycmyers
kellen80hd sends brownie points to @corycmyers :sparkles: :thumbsup: :sparkles:
lemushd
@lemushd
Jan 04 2017 01:24
i dont get wwere to nest the form
Manish Giri
@Manish-Giri
Jan 04 2017 01:24
@dhcodes we can always reopen the issue and make another PR to change the test if there's a concrete idea we have..
CoryCMyers
@CoryCMyers
Jan 04 2017 01:24
Also, brb. I apparently need more caffeine to remind my fingers how to work.
Dylan
@dhcodes
Jan 04 2017 01:25
:shipit: sure @Manish-Giri
@lemushd you nest a text field in a form
does it say where to put the form?
Manish Giri
@Manish-Giri
Jan 04 2017 01:25
@dhcodes meanwhile, I've found a bug
Dylan
@dhcodes
Jan 04 2017 01:26
boo
Manish Giri
@Manish-Giri
Jan 04 2017 01:26
will show it to you before creating
lemushd
@lemushd
Jan 04 2017 01:26
@dhcodes <input type="text" placeholder="cat photo URL"> ?
Dylan
@dhcodes
Jan 04 2017 01:26
@lemushd put that inside of a <form> element
with an action as described
Evan Kalvis
@evan17gr
Jan 04 2017 01:26
@Manish-Giri what are u making?
lemushd
@lemushd
Jan 04 2017 01:27
<form action="/url-where-you-want-to-submit-form-data"><input type="text" placeholder="cat photo URL">
</form> @dhcodes like that?
Manish Giri
@Manish-Giri
Jan 04 2017 01:27
@evan17gr a bug report lol
Evan Kalvis
@evan17gr
Jan 04 2017 01:27
@Manish-Giri lol nice
Dylan
@dhcodes
Jan 04 2017 01:27
@lemushd yeah but your action is: Add the action="/submit-cat-photo" attribute to this form element.
lemushd
@lemushd
Jan 04 2017 01:27
okok
Jonathan
@jonathanconway
Jan 04 2017 01:28
@lemushd and put the <input> on its own line, easier to read :)
sorry to butt-in lol
abbutt
@abbutt
Jan 04 2017 01:28
Any one learning Swift here?
Dylan
@dhcodes
Jan 04 2017 01:28
butter
Manish Giri
@Manish-Giri
Jan 04 2017 01:28
@abbutt :hand:
lemushd
@lemushd
Jan 04 2017 01:28
@jonathanconway i thought so it looks cleaner lol
Dylan
@dhcodes
Jan 04 2017 01:29
yeah..
Jonathan
@jonathanconway
Jan 04 2017 01:29
i guess it's subjective :smirk_cat:
Evan Kalvis
@evan17gr
Jan 04 2017 01:29
is anyone here good with bash?
Dylan
@dhcodes
Jan 04 2017 01:31
I'm mildly ok at bash
maybe less than ok
Evan Kalvis
@evan17gr
Jan 04 2017 01:31
is it worth it learning how to use it?
@dhcodes
Dylan
@dhcodes
Jan 04 2017 01:32
you mean like command line stuff or scripting?
Evan Kalvis
@evan17gr
Jan 04 2017 01:32
both
Manish Giri
@Manish-Giri
Jan 04 2017 01:32

@dhcodes you can pass the challenge if you place HTML comment tags around the h2 in css -

  <!--h2 {
    font-family: Lobster, Monospace;
  }-->

which doesn't even make sense because inside style tags, /*...*/ are used to comment things.
Also, placing the HTML comment tags doesn't take off the Lobster font, as expected, but it passes the tests

Dylan
@dhcodes
Jan 04 2017 01:32
definitely worth it for use with github
as for scripting, I haven't tried it much but I run a lot of similar commands for github that I plan to combine into singular commands
so I would say yes
now I haven't been able to get into vim too much but I see the draw
Evan Kalvis
@evan17gr
Jan 04 2017 01:33
ik some commands but i dont know hoe to build a script
Isaac
@isaacanc
Jan 04 2017 01:33
I am currently trying to size my relaxing cat image down to 100px, my browser is at 100% but i am not able to pass the test.
Evan Kalvis
@evan17gr
Jan 04 2017 01:33
hoe lol
Dylan
@dhcodes
Jan 04 2017 01:33
i don't either
Evan Kalvis
@evan17gr
Jan 04 2017 01:33
how
Dylan
@dhcodes
Jan 04 2017 01:33
I definitely think learning all the navigation commands and github commands is worth it so far
learn like the top 20 commands
Evan Kalvis
@evan17gr
Jan 04 2017 01:34
ik how to navigate
Dylan
@dhcodes
Jan 04 2017 01:34
I don't know much beyond that
i do like opening atom from the command line
i'd like to get into it more
there are cli's for spotify and stuff like that
that's neat
Evan Kalvis
@evan17gr
Jan 04 2017 01:35
lol i didnt know that
Dylan
@dhcodes
Jan 04 2017 01:35
@isaacanc paste that code
LarryFordJr
@LarryFordJr
Jan 04 2017 01:35
Learning how to Navigate feels like a Freshman in Collage
Evan Kalvis
@evan17gr
Jan 04 2017 01:35
i find networks really interesting as well
Isaac
@isaacanc
Jan 04 2017 01:35
.smaller-image {
width; 100px;
}
Evan Kalvis
@evan17gr
Jan 04 2017 01:35
so im learning some commands about that
Isaac
@isaacanc
Jan 04 2017 01:35
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Dylan
@dhcodes
Jan 04 2017 01:36
@isaacanc should be width:
you have a semi-colon in the middle
should be a colon
@Manish-Giri I think there's an issue about tests including comments
I wonder if that's related
is it a bug on staging?
Isaac
@isaacanc
Jan 04 2017 01:37
thank you @dhcodes
CamperBot
@camperbot
Jan 04 2017 01:37
isaacanc sends brownie points to @dhcodes :sparkles: :thumbsup: :sparkles:
Manish Giri
@Manish-Giri
Jan 04 2017 01:37
@dhcodes I think so
I'll try testing on other branches
Dylan
@dhcodes
Jan 04 2017 01:37
open an issueeeeee
@evan17gr i like to chmod 777 things
that makes me feel pretty cool
CamperBot
@camperbot
Jan 04 2017 01:38
api offline
Manish Giri
@Manish-Giri
Jan 04 2017 01:38
had to do that for /data/db
Dylan
@dhcodes
Jan 04 2017 01:38
me too
just now
bmccumber
@bmccumber
Jan 04 2017 01:38
isaac. did that code work? stuck in the same spot
Dylan
@dhcodes
Jan 04 2017 01:39
@bmccumber don't use his code, paste your own.
:)
Evan Kalvis
@evan17gr
Jan 04 2017 01:39
yeh that cool as well @dhcodes
Dylan
@dhcodes
Jan 04 2017 01:40
have you messed with vim?
I've played around some but I can't get it perfect
Evan Kalvis
@evan17gr
Jan 04 2017 01:41
is it the vi command?
Dylan
@dhcodes
Jan 04 2017 01:41
@Manish-Giri what terminal do you use?
Jonathan
@jonathanconway
Jan 04 2017 01:41
I've been finding hub useful: https://hub.github.com/
(For doing GitHub stuff from the command line)
Gregory (Greg) McKinney
@gregorymckinneycoding
Jan 04 2017 01:41

I am having trouble understanding the size your image exercise : CSS has a property called width that controls an element's width. Just like with fonts, we'll use px (pixels) to specify the image's width.

For example, if we wanted to create a CSS class called larger-image that gave HTML elements a width of 500 pixels, we'd use:

<style>
  .larger-image {
    width: 500px;
  }
</style>

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

Note
Due to browser implementation differences, you may need to be at 100% zoom to pass the tests on this challenge.
Could someone please guide me?

SoloPulse
@SoloPulse
Jan 04 2017 01:41
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
Evan Kalvis
@evan17gr
Jan 04 2017 01:41
@dhcodes obv the os x terminal
SoloPulse
@SoloPulse
Jan 04 2017 01:41
can someone tell me if all my buttons are nested with a class row
Dylan
@dhcodes
Jan 04 2017 01:41
you should get hyper
Evan Kalvis
@evan17gr
Jan 04 2017 01:41
he loves apple
Dylan
@dhcodes
Jan 04 2017 01:41
if only because it's prettier
Manish Giri
@Manish-Giri
Jan 04 2017 01:42
@dhcodes the default apple but I hear zsh is very nice
Dylan
@dhcodes
Jan 04 2017 01:42
not heard of that one
i want to boot linux native on my mac but I'm nervous
Manish Giri
@Manish-Giri
Jan 04 2017 01:42
tcsh
zsh
it's kind of a shell
like bash
there's this app called iterm3
Evan Kalvis
@evan17gr
Jan 04 2017 01:42
@dhcodes i have mac os el capitan and kali linux on vm
Manish Giri
@Manish-Giri
Jan 04 2017 01:42
for mac
Dylan
@dhcodes
Jan 04 2017 01:43
i'm leaning toward elementary os because again, it's prettty
Manish Giri
@Manish-Giri
Jan 04 2017 01:43
@dhcodes what do you use
Dylan
@dhcodes
Jan 04 2017 01:43
hyper
Evan Kalvis
@evan17gr
Jan 04 2017 01:44
whats that
Dylan
@dhcodes
Jan 04 2017 01:44
i used to use iterm
what's what?
Patrick Tran
@tranpatrick01
Jan 04 2017 01:44
if you use mac, can you give me a review of what you precive about it.
Evan Kalvis
@evan17gr
Jan 04 2017 01:44
hyper
Vjolt20
@Vjolt20
Jan 04 2017 01:45

Stuck on the "Size your Images" exercise like so many others, my code is: <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

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

h2 {
font-family: Lobster, Monospace;
}

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

.smaller-image {
width: 100px;
}

</style>

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

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

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

Anyone willing to take a gander ?

bsostek
@bsostek
Jan 04 2017 01:46
whats wrong with my program
Dylan
@dhcodes
Jan 04 2017 01:46
@evan17gr it's a js based terminal
Manish Giri
@Manish-Giri
Jan 04 2017 01:46
@Vjolt20 missing closing }
p {
font-size: 16px;
font-family: Monospace;
Dylan
@dhcodes
Jan 04 2017 01:46
@tranpatrick01 you mean any mac or what?
what do you want a review of?
Manish Giri
@Manish-Giri
Jan 04 2017 01:46
@dhcodes is it written in React?
first, we intercept the Redux action SESSION_ADD_DATA
Evan Kalvis
@evan17gr
Jan 04 2017 01:47
@dhcodes lol that looks fun
Dylan
@dhcodes
Jan 04 2017 01:47
idk
SoloPulse
@SoloPulse
Jan 04 2017 01:47
</div>
</div>
<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-6">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-6">
<div class="col-xs-4">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-6">
<div class="col-xs-4">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
Dylan
@dhcodes
Jan 04 2017 01:47
read the homepage friends
SoloPulse
@SoloPulse
Jan 04 2017 01:47
can someone tell me if all my divs have closings
Evan Kalvis
@evan17gr
Jan 04 2017 01:47
i wish i was good with js
iykestarcom
@iykestarcom
Jan 04 2017 01:48
please, is there a simple way of remembering the hex code and their color representation
H
@h-klink
Jan 04 2017 01:48
I'm having a little trouble with nesting in a form element
bsostek
@bsostek
Jan 04 2017 01:48
@dhcodes where is the main page
Dinesh
@dinesh333
Jan 04 2017 01:49

In Responsive Style Radio Buttons, I was asked to do > Nest all of your radio buttons within a <div class="row"> element. Then nest each of them within a <div class="col-xs-6"> element.

<div class="row">
      <div class="col-xs-6"><label><input type="radio" name="indoor-outdoor">Indoor</label></div>
      <div class="col-xs-6>"><label><input type="radio" name="indoor-outdoor">Outdoor</label></div>
    </div>

What did I do wrong?

bsostek
@bsostek
Jan 04 2017 01:49

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

Evan Kalvis
@evan17gr
Jan 04 2017 01:49
@iykestarcom theres no need to remember that
bsostek
@bsostek
Jan 04 2017 01:49
why doesnt my program work
Evan Kalvis
@evan17gr
Jan 04 2017 01:49
@h-klink post ur code
iykestarcom
@iykestarcom
Jan 04 2017 01:49
Dylan
@dhcodes
Jan 04 2017 01:50
Evan Kalvis
@evan17gr
Jan 04 2017 01:50
Dylan
@dhcodes
Jan 04 2017 01:50
@bsostek remove the space before cat
Vjolt20
@Vjolt20
Jan 04 2017 01:51
@Manish-Giri Thank you so much for the help!! :sparkles: :+1:
CamperBot
@camperbot
Jan 04 2017 01:51
:star2: 3513 | @manish-giri |http://www.freecodecamp.com/manish-giri
vjolt20 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
Evan Kalvis
@evan17gr
Jan 04 2017 01:51
cat is a command
H
@h-klink
Jan 04 2017 01:51

@evan17gr <input type="text" placeholder="cat photo URL"> action="/submit-cat-photo">

definitely that bit is wrong...

Evan Kalvis
@evan17gr
Jan 04 2017 01:52
@h-klink can u post all of ur code pls?
SoloPulse
@SoloPulse
Jan 04 2017 01:52
@dinesh333 you put "col-xs-6>" remove the >
bsostek
@bsostek
Jan 04 2017 01:52
@dhcodes it didn't work
Dylan
@dhcodes
Jan 04 2017 01:52
what challenge @bsostek
H
@h-klink
Jan 04 2017 01:52

@evan17gr sorry hang on....

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

<p>Things cats love:</p>

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

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

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

<input type="text" placeholder="cat photo URL"> action="/submit-cat-photo">

bsostek
@bsostek
Jan 04 2017 01:52
it says i need to put the anchor element within a p element which i did
Dylan
@dhcodes
Jan 04 2017 01:53
@bsostek try removing the space before View too
Dinesh
@dinesh333
Jan 04 2017 01:53
@SoloPulse Thank you so much!!!! Typos SUCK
CamperBot
@camperbot
Jan 04 2017 01:53
dinesh333 sends brownie points to @solopulse :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for solopulse
Dylan
@dhcodes
Jan 04 2017 01:53
@bsostek and i think you need a period after </a>
Evan Kalvis
@evan17gr
Jan 04 2017 01:53
@h-klink and whats the challenge
bsostek
@bsostek
Jan 04 2017 01:54
@dhcodes still didnt work
let me post my code

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

<p>View more
<a href="http://www.freecatphotoapp.com">cat photos</a>.
</p>

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

Dylan
@dhcodes
Jan 04 2017 01:54
@bsostek ok, I was wrong. Try putting the space back in front of cat
Manish Giri
@Manish-Giri
Jan 04 2017 01:54
@Vjolt20 :+1:
H
@h-klink
Jan 04 2017 01:54
@evan17gr it's the creating a form element section. I'm trying to nest the action within that form
Evan Kalvis
@evan17gr
Jan 04 2017 01:55
so u need to nest the input inside the form?
bsostek
@bsostek
Jan 04 2017 01:55
@dhcodes i dont think the spacing is the problem
Dylan
@dhcodes
Jan 04 2017 01:55
I think it might be
H
@h-klink
Jan 04 2017 01:55
@evan17gr yes! I
bsostek
@bsostek
Jan 04 2017 01:56
oh wait
Evan Kalvis
@evan17gr
Jan 04 2017 01:56
@h-klink <form><input></form>
bsostek
@bsostek
Jan 04 2017 01:56
no nvm
Dylan
@dhcodes
Jan 04 2017 01:56
I think it should be something like View more <a>cat photos</a>.</p>
with the href of course
Evan Kalvis
@evan17gr
Jan 04 2017 01:58
i dont want to go back to school :crying_cat_face:
Dylan
@dhcodes
Jan 04 2017 01:58
then don't
bsostek
@bsostek
Jan 04 2017 01:58
ok i got it
SoloPulse
@SoloPulse
Jan 04 2017 01:58
can anyone tell me if all my divs are closed
Dylan
@dhcodes
Jan 04 2017 01:58
yay!
SoloPulse
@SoloPulse
Jan 04 2017 01:58
<div class="col-xs-4">
  <button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
  </div>
  <div class="col-xs-6">
<div class="col-xs-4">
  <button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-6">
<div class="col-xs-4">
  <button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
<p>Things cats <span class="text-danger">love:</span></p>
<ul>
Dylan
@dhcodes
Jan 04 2017 01:59
only you can @SoloPulse
bsostek
@bsostek
Jan 04 2017 01:59
i just refreshed because i think therewas a glitch or something
Dylan
@dhcodes
Jan 04 2017 01:59
could be
peace
Evan Kalvis
@evan17gr
Jan 04 2017 01:59
@dhcodes lol i wish i could do that
H
@h-klink
Jan 04 2017 01:59
@evan17gr
where do I add the action? before the input like <form> action="submit-cat-photo"<input type="text" placeholder="cat photo URL"> </form>
@evan17gr thanks so much, btw
CamperBot
@camperbot
Jan 04 2017 01:59
h-klink sends brownie points to @evan17gr :sparkles: :thumbsup: :sparkles:
:cookie: 372 | @evan17gr |http://www.freecodecamp.com/evan17gr
Daniel
@profoundhub
Jan 04 2017 02:00
what is the name of that challenge?
__mifflin__
@cdrainxv
Jan 04 2017 02:00
@h-klink: It should be inside the opening form tag: <form action="…">
Evan Kalvis
@evan17gr
Jan 04 2017 02:00
the action should be inside the form @h-klink
Daniel
@profoundhub
Jan 04 2017 02:00
@bsostek what is the name of that challenge?
@cdrainxv @evan17gr what is the name of that challenge?
Evan Kalvis
@evan17gr
Jan 04 2017 02:02
idk @profoundhub
H
@h-klink
Jan 04 2017 02:02
@evan17gr @cdrainxv ohhhhhhhh you guys are the best. thanks.
CamperBot
@camperbot
Jan 04 2017 02:02
h-klink sends brownie points to @evan17gr and @cdrainxv :sparkles: :thumbsup: :sparkles:
:warning: h-klink already gave evan17gr points
:star2: 1913 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Evan Kalvis
@evan17gr
Jan 04 2017 02:02
@h-klink :+1:
bsostek
@bsostek
Jan 04 2017 02:02
@profoundhub Nest an Anchor Element within a Paragraph
John P. Namayan Jr
@johnpnamayan
Jan 04 2017 02:02
how do i make my stylesheet declare a red-text class ? any help pzzz
bsostek
@bsostek
Jan 04 2017 02:03
thanks @dhcodes for the help
CamperBot
@camperbot
Jan 04 2017 02:03
bsostek sends brownie points to @dhcodes :sparkles: :thumbsup: :sparkles:
:star2: 1673 | @dhcodes |http://www.freecodecamp.com/dhcodes
Evan Kalvis
@evan17gr
Jan 04 2017 02:03
@bsostek did u get it?
bsostek
@bsostek
Jan 04 2017 02:03
yes @evan17gr i just had to refresh
Evan Kalvis
@evan17gr
Jan 04 2017 02:03
ok gj
__mifflin__
@cdrainxv
Jan 04 2017 02:03
@johnpnamayan: What have you tried?
Noah
@noahtes
Jan 04 2017 02:04
hellow guyz
am on change the font size of an element challenege
__mifflin__
@cdrainxv
Jan 04 2017 02:04
@johnpnamayan: The challenge is almost identical to the examples shown on the left.
CoryCMyers
@CoryCMyers
Jan 04 2017 02:04
@johnpnamayan The same way as any other - class name {context: value}
Noah
@noahtes
Jan 04 2017 02:04

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

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

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

John P. Namayan Jr
@johnpnamayan
Jan 04 2017 02:04
@cdrainxv Your h2 element should have the class red-text.
Your stylesheet should declare a red-text class and have its color set to red.
Noah
@noahtes
Jan 04 2017 02:04
what am i messing
CoryCMyers
@CoryCMyers
Jan 04 2017 02:05
For this one though for example it would be red-text {color:red}
Noah
@noahtes
Jan 04 2017 02:05
where do i put the font size
__mifflin__
@cdrainxv
Jan 04 2017 02:05
@johnpnamayan: Take a look at the examples on the left.
Daniel
@profoundhub
Jan 04 2017 02:05
@bsostek <p>View more <a href="http://www.freecatphotoapp.com">cat photos</a></p>
CoryCMyers
@CoryCMyers
Jan 04 2017 02:06
@noahtes Within the style declarations for the class or id you are making.
Rehan Arshad
@rehanarshad94
Jan 04 2017 02:06
i need help
Daniel
@profoundhub
Jan 04 2017 02:06
@evan17gr & @noahtes <p>View more <a href="http://www.freecatphotoapp.com">cat photos</a></p>
Evan Kalvis
@evan17gr
Jan 04 2017 02:06
@profoundhub he did it
Michael Donovan
@duff2481
Jan 04 2017 02:06
Hi, i'm having trouble with icons for buttons. i have the other two just fine info and thumbs-up, but the trash is giving me issues. need to nest fa fa-trash into my delete button. heres my code: <button class="btn btn-block btn-dangeri"><i class="fa fa-trash"></i> delete</button>
__mifflin__
@cdrainxv
Jan 04 2017 02:06

@noahtes: Inside the style element. Reference this example:

h1 {
 font-size: 30px:
}

In your case you want the p element to have a font-size of 16px.

Evan Kalvis
@evan17gr
Jan 04 2017 02:06
@duff2481 dangeri
CoryCMyers
@CoryCMyers
Jan 04 2017 02:06
@duff2481 <button class="btn btn-block btn-danger><i class="fa fa-trash"></i> delete</button>
Rehan Arshad
@rehanarshad94
Jan 04 2017 02:06
how do i add "smaller-image" width thing
or where do i insert it
CoryCMyers
@CoryCMyers
Jan 04 2017 02:07
You had an extra I in the danger part
Daniel
@profoundhub
Jan 04 2017 02:07
@evan17gr good job :) @bsostek
Michael Donovan
@duff2481
Jan 04 2017 02:07
@evan17gr GAH... thank you ;_
CamperBot
@camperbot
Jan 04 2017 02:07
duff2481 sends brownie points to @evan17gr :sparkles: :thumbsup: :sparkles:
:cookie: 373 | @evan17gr |http://www.freecodecamp.com/evan17gr
Evan Kalvis
@evan17gr
Jan 04 2017 02:07
@duff2481 no problem!
@profoundhub :+1:
Rehan Arshad
@rehanarshad94
Jan 04 2017 02:08

For example, if we wanted to create a CSS class called larger-image that gave HTML elements a width of 500 pixels, we'd use:

<style>
.larger-image {
width: 500px;
}
</style>
Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide.

Long Vu
@longorjames
Jan 04 2017 02:08
I'm stuck on this Use an ID Attribute to Style an Element
Rehan Arshad
@rehanarshad94
Jan 04 2017 02:08
i dont get where to insert the image part
Long Vu
@longorjames
Jan 04 2017 02:08

cat-photo-element{

background-color: green;
}
Noah
@noahtes
Jan 04 2017 02:08
thanks @CoryCMyers and @cdrainxv
CamperBot
@camperbot
Jan 04 2017 02:08
:cookie: 94 | @corycmyers |http://www.freecodecamp.com/corycmyers
noahtes sends brownie points to @corycmyers and @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 1914 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Long Vu
@longorjames
Jan 04 2017 02:08
<form action="/submit-cat-photo" id="cat-photo-element" >
__mifflin__
@cdrainxv
Jan 04 2017 02:08
@longorjames: The id is cat-photo-form
Long Vu
@longorjames
Jan 04 2017 02:09
how do I make the id or form have the green background o.o
__mifflin__
@cdrainxv
Jan 04 2017 02:09
@longorjames: :point_up: January 3, 2017 7:08 PM
CoryCMyers
@CoryCMyers
Jan 04 2017 02:09
So out of curiosity Bootstrap automatically adjusts to fit the size of screen looking at it yes? If that is the case why use any size category besides xs?
bmccumber
@bmccumber
Jan 04 2017 02:10

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

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

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;}

.smaller-image {
width: 100px;
}

</style>

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

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

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

cant get the greed border around the image
Long Vu
@longorjames
Jan 04 2017 02:10
Try giving your form, which now has the id attribute of cat-photo-form, a green background.

cat-photo-element {

background-color: green;
}
__mifflin__
@cdrainxv
Jan 04 2017 02:11
@bmccumber: You haven't added the thick-green-border class to your img element.
Rehan Arshad
@rehanarshad94
Jan 04 2017 02:11
anybody trying to help
MiguelAramburo
@MiguelAramburo
Jan 04 2017 02:11
how i keep a box the same size when the browser grows
__mifflin__
@cdrainxv
Jan 04 2017 02:12

@longorjames: The instructions say that your id should be

cat-photo-form

and yet you have cat-photo-element.

Evan Kalvis
@evan17gr
Jan 04 2017 02:12
@MiguelAramburo wdym?
CoryCMyers
@CoryCMyers
Jan 04 2017 02:12
@MiguelAramburo Try using a percent, or maybe there is a bootstrap for that
@rehanarshad94 What is the question?
Eddie089
@Eddie089
Jan 04 2017 02:13
@bmccumber thx by reading your code a I was able to solve my problem lol
CamperBot
@camperbot
Jan 04 2017 02:13
eddie089 sends brownie points to @bmccumber :sparkles: :thumbsup: :sparkles:
:cookie: 24 | @bmccumber |http://www.freecodecamp.com/bmccumber
Long Vu
@longorjames
Jan 04 2017 02:13
Oh i was supposed to change it to form? #cat-photo-form{
background-color: green;
}
bmccumber
@bmccumber
Jan 04 2017 02:13
your welcome
Long Vu
@longorjames
Jan 04 2017 02:13
the example always confuses me a bit
__mifflin__
@cdrainxv
Jan 04 2017 02:14
@longorjames: Yes...
CoryCMyers
@CoryCMyers
Jan 04 2017 02:14
@evan17gr I think they are asking about keeping relative proportions on elements regardless of the device accessing it.
Long Vu
@longorjames
Jan 04 2017 02:14
cause the example says #cat-photo-element {
background-color: green;
}
Holden
@Holdup21
Jan 04 2017 02:14
anyone want to help with where to put the . smaller-image?
its been a burden for hours
Long Vu
@longorjames
Jan 04 2017 02:14
form is a type of element?
Rehan Arshad
@rehanarshad94
Jan 04 2017 02:14

For example, if we wanted to create a CSS class called larger-image that gave HTML elements a width of 500 pixels, we'd use:

<style>
.larger-image {
width: 500px;
}
</style>
Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide. @CoryCMyers

Evan Kalvis
@evan17gr
Jan 04 2017 02:14
why would u want to do that? @CoryCMyers
CoryCMyers
@CoryCMyers
Jan 04 2017 02:14
@longorjames True, but lower down it usually changes up what it wants you to use.
itskim
@itskim
Jan 04 2017 02:14
for the "dead link", I'm getting an error stating "Your a element should be a dead link with a href attribute set to "#". " -- I'm not sure where I'm supposed to place the "#". I've tried replacing "href" with it; and, placing "#" before & after "href". Any suggestions?
__mifflin__
@cdrainxv
Jan 04 2017 02:14
@longorjames: The examples are there to show you what the syntax of your code shold look like. Yes, form is an html element.
@itskim: href="#"
itskim
@itskim
Jan 04 2017 02:15
oh @cdrainxv thank you!
CamperBot
@camperbot
Jan 04 2017 02:15
itskim sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 1915 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
CoryCMyers
@CoryCMyers
Jan 04 2017 02:15
@rehanarshad94 <style>
.smaller-image {
width: 100px;
}
</style>
Jodie
@JJGirard
Jan 04 2017 02:15
this step is ?????????????
Target the same element with multiple jQuery Selectors
CoryCMyers
@CoryCMyers
Jan 04 2017 02:16
@evan17gr No idea, but I am sure someone would want to somewhere somewhen.
Wayne Tucker
@wtbusiness
Jan 04 2017 02:16
hey. I am stuck on this challenge where you need to change the font-size of an paragraph element. How do i post screenshots on here?
kellen80HD
@kellen80HD
Jan 04 2017 02:16

Help?
On challenge Responsibly Style Radio Buttons
Says I am missing "Nest each of your radio buttons inside its own div with the class col-xs-6."

Here is my code:

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

<style>
h2 {
font-family: Lobster, Monospace;
}

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

<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">
<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>
<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">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
<p>Things cats <span class="text-danger">love:</span></p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<div class="row"> <label><input type="radio" name="indoor-outdoor"> Indoor</label>
<div class="col-xs-6"> <label><input type="radio" name="indoor-outdoor"> Outdoor</label></div>
<div class="col-xs-6"> <label><input type="checkbox" name="personality"> Loving</label></div>
<div class="col-xs-6"> <label><input type="checkbox" name="personality"> Lazy</label></div>
<div class="col-xs-6"> <label><input type="checkbox" name="personality"> Crazy</label></div>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button> </div>
</form>
</div>

Rehan Arshad
@rehanarshad94
Jan 04 2017 02:16
@CoryCMyers can i not just add it into my style tags already existing?
CoryCMyers
@CoryCMyers
Jan 04 2017 02:16
@rehanarshad94 Of course you can!
__mifflin__
@cdrainxv
Jan 04 2017 02:16

@rehanarshad94: Change this:

.larger-image {
width: 500px;
}

According to this instructions:

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

@wtbusiness: :point_up: January 3, 2017 7:06 PM
CoryCMyers
@CoryCMyers
Jan 04 2017 02:17
Okay, how are people getting HTML to show properly in here?
Rehan Arshad
@rehanarshad94
Jan 04 2017 02:17
thats exactly what ive been doing but it is not accepting it for some reason, but i will try again. thank you @CoryCMyers
CamperBot
@camperbot
Jan 04 2017 02:17
rehanarshad94 sends brownie points to @corycmyers :sparkles: :thumbsup: :sparkles:
:cookie: 96 | @corycmyers |http://www.freecodecamp.com/corycmyers
Evan Kalvis
@evan17gr
Jan 04 2017 02:18
@CoryCMyers '''
CamperBot
@camperbot
Jan 04 2017 02:18
:bulb: to format code use backticks! ``` more info
Holden
@Holdup21
Jan 04 2017 02:18
@rehanarshad94 it is doing the same for me
CoryCMyers
@CoryCMyers
Jan 04 2017 02:18
<test></test>
Well I will be darned.
@rehanarshad94 Make sure you have your ; before closing the brackets
__mifflin__
@cdrainxv
Jan 04 2017 02:19
@kellen80HD: There's only two radio buttons. They are just input elements with type="radio". Only these two are radio buttons:
<input type="radio" name="indoor-outdoor"> Indoor</label>
<input type="radio" name="indoor-outdoor"> Outdoor</label>
Holden
@Holdup21
Jan 04 2017 02:19
@rehanarshad94 let me know how you figure it out if you do
CoryCMyers
@CoryCMyers
Jan 04 2017 02:19
Or toss your code in here so someone can see exactly what you have.
Jodie
@JJGirard
Jan 04 2017 02:19
@CoryCMyers Target the same element with multiple jQuery Selectors im confused on this step
Rehan Arshad
@rehanarshad94
Jan 04 2017 02:19
i input this @CoryCMyers <style>
.smaller-image {
width: 100px;
}
</style>
Evan Kalvis
@evan17gr
Jan 04 2017 02:19
@Holdup21 yep just paste ur code
Rehan Arshad
@rehanarshad94
Jan 04 2017 02:19
and it wont let me go through
Long Vu
@longorjames
Jan 04 2017 02:20
For the padding boxes what does padding do? it says increasing the padding increases the distance between the text and the padding
Rehan Arshad
@rehanarshad94
Jan 04 2017 02:20
or i do it within the existing style tags and same result
Long Vu
@longorjames
Jan 04 2017 02:20
does that just mean it increases the font of the text?
Holden
@Holdup21
Jan 04 2017 02:20

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run cabatnip 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
Jan 04 2017 02:20
@longorjames it adds spacing between the content and the border
Holden
@Holdup21
Jan 04 2017 02:20
@evan17gr ^^
__mifflin__
@cdrainxv
Jan 04 2017 02:20
@rehanarshad94: Now you need to add the class smaller-image to your img element:
<img class="…" src='"…" alt="…">
Which is similar to what you did here:
<h2 class="red-text">CatPhotoApp</h2>
CoryCMyers
@CoryCMyers
Jan 04 2017 02:20
@rehanarshad94 Make sure you are assigning the class to your image
Wayne Tucker
@wtbusiness
Jan 04 2017 02:21
Im stuck on challenge 18. Has anyone worked on this?
CoryCMyers
@CoryCMyers
Jan 04 2017 02:21
@Holdup21 You do not have the class assigned to your image
__mifflin__
@cdrainxv
Jan 04 2017 02:21
@Holdup21: :point_up: January 3, 2017 7:20 PM
kellen80HD
@kellen80HD
Jan 04 2017 02:21
@cdrainxv just noticed that lol, thanks
CamperBot
@camperbot
Jan 04 2017 02:21
kellen80hd sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 1916 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
__mifflin__
@cdrainxv
Jan 04 2017 02:22
@kellen80HD: Glad to be of help. :smile:
CoryCMyers
@CoryCMyers
Jan 04 2017 02:22
@JJGirard I have no clue, I am not that far.
__mifflin__
@cdrainxv
Jan 04 2017 02:22
@wtbusiness: Could you show your code please?
bmccumber
@bmccumber
Jan 04 2017 02:22
how do you add multiple class's to a element?
MiguelAramburo
@MiguelAramburo
Jan 04 2017 02:22
How i keep a box the same size when i grow the browser, when i drag the browser, the box increases size, how i keep it the same size
Manish Giri
@Manish-Giri
Jan 04 2017 02:22
@longorjames look at this pen http://codepen.io/anon/pen/VPwdML
and try changing the padding values
Long Vu
@longorjames
Jan 04 2017 02:22
padding makes the boxes taller/shorter vertically, and margin makes them fatter/skinnier horizontally?
lemushd
@lemushd
Jan 04 2017 02:22
is this right? <form id="cat-photo-app" action="/submit-cat-photo">
__mifflin__
@cdrainxv
Jan 04 2017 02:22

@bmccumber:

Multiple classes are added like this:
class="red-text blue-text green-text"
Notice the space between each class and only one set of quotes

Holden
@Holdup21
Jan 04 2017 02:22
@evan17gr what is the class = to?
Wayne Tucker
@wtbusiness
Jan 04 2017 02:23
This is the only thing I missed in the challenge. Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
CoryCMyers
@CoryCMyers
Jan 04 2017 02:23
@bmccumber < element class=" value value value">
Evan Kalvis
@evan17gr
Jan 04 2017 02:23
@Holdup21 its how u add classes to elements
Manish Giri
@Manish-Giri
Jan 04 2017 02:23
@longorjames margin separates different HTML elements
__mifflin__
@cdrainxv
Jan 04 2017 02:24
@wtbusiness: That's the only thing required in the exercise and I mentioned how to solve it here: :point_up: January 3, 2017 7:06 PM
Rehan Arshad
@rehanarshad94
Jan 04 2017 02:24
@Holdup21
i got it
bmccumber
@bmccumber
Jan 04 2017 02:24
thanks
__mifflin__
@cdrainxv
Jan 04 2017 02:24
@lemushd: No.. the id is

cat-photo-form

lemushd
@lemushd
Jan 04 2017 02:24
oh
well then
Jodie
@JJGirard
Jan 04 2017 02:24
@Manish-Giri Target the same element with multiple jQuery Selectors
Anthony
@BotBone
Jan 04 2017 02:24
  body {
    background-color: black;
    font-family: Monospace;
    color: green;
  }
  .pink-text: {
    color: pink;
   }
</style>
<h1 class=".pink-text"> Hello World!</h1>
Rehan Arshad
@rehanarshad94
Jan 04 2017 02:25

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

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

h2 {
font-family: Lobster, Monospace;
}

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

img {
width: 100px;
}


</style>

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

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

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

Holden
@Holdup21
Jan 04 2017 02:25
@rehanarshad94 send me your code please haha
Evan Kalvis
@evan17gr
Jan 04 2017 02:25
@JJGirard post ur code
Anthony
@BotBone
Jan 04 2017 02:25
error?
Long Vu
@longorjames
Jan 04 2017 02:25
the negative margins to make it fit all of the yellow space confuses me, why not just 0 haha coding is weird
__mifflin__
@cdrainxv
Jan 04 2017 02:25
@BotBone: class=".pink-text" is wrong. Remove the . No dots in class attributes.
Jodie
@JJGirard
Jan 04 2017 02:25
i havent done anything for the step yet dont know where to start
Rehan Arshad
@rehanarshad94
Jan 04 2017 02:25
look at the img part where i added that class and my last thing above the closing style tag. those 2 things are what you have to add @Holdup21
Pedro
@Itzpdoe
Jan 04 2017 02:25
Need some help with the lesson
Wayne Tucker
@wtbusiness
Jan 04 2017 02:26
@BotBone How do you post your code up?
Pedro
@Itzpdoe
Jan 04 2017 02:26
"create a custom heading" its a bootstrap lesson
Holden
@Holdup21
Jan 04 2017 02:26
@rehanarshad94 life saver thanks.
CamperBot
@camperbot
Jan 04 2017 02:26
holdup21 sends brownie points to @rehanarshad94 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for rehanarshad94
Anthony
@BotBone
Jan 04 2017 02:26
oook thank you @cdrainxv
CamperBot
@camperbot
Jan 04 2017 02:26
botbone sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 1917 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Jodie
@JJGirard
Jan 04 2017 02:26

<script>
$(document).ready(function() {
$("button" class="animated")
});
</script>

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

Pedro
@Itzpdoe
Jan 04 2017 02:26

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

<style>
h2 {
font-family: Lobster, Monospace;
}

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

<div class="container-fluid row">



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

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

</div>

<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">
<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>
<p>Things cats <span class="text-danger">love:</span></p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>

CoryCMyers
@CoryCMyers
Jan 04 2017 02:26
@Holdup21 Yeah, that is what we meant when you forgot to assign a class to you element
Pedro
@Itzpdoe
Jan 04 2017 02:26
my code so far
Anthony
@BotBone
Jan 04 2017 02:26
in the beginning and then at the end
__mifflin__
@cdrainxv
Jan 04 2017 02:27

@rehanarshad94: Replace img with .smaller-image. Reference the example provided:

.larger-image {
width; 500px:
}

You were supposed to make use of the class to change the img size.

Holden
@Holdup21
Jan 04 2017 02:27
@CoryCMyers okay makes sense now
jomacm04
@jomacm04
Jan 04 2017 02:27

are you able to do something like this:

<div class="row col-xs-4">
<button class="btn btn-block btn-primary">Like</button>
<button class="btn btn-block btn-info">Info</button>
<button class="btn btn-block btn-danger">Delete</button>
</div>

The answer isn't correct but I thought this would work

__mifflin__
@cdrainxv
Jan 04 2017 02:28
@JJGirard: Reference the example provided. In jquery to add a class it's:
.addClass("classname").
Jodie
@JJGirard
Jan 04 2017 02:28
@cdrainxv ok thx
CamperBot
@camperbot
Jan 04 2017 02:28
jjgirard sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 1918 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
__mifflin__
@cdrainxv
Jan 04 2017 02:29

@jomacm04: Each button needs to be nested inside itsown col-xs-4 div. Here's one of them:

<div class="col-xs-4">
 <button class="btn btn-block btn-primary">Like</button>
</div>

Do the same for the remaining buttons.

jomacm04
@jomacm04
Jan 04 2017 02:30
Thanks
__mifflin__
@cdrainxv
Jan 04 2017 02:30
No problem.
jesse502
@jesse502
Jan 04 2017 02:31
Hi guys...
I am trying to make an image smaller this is what I HAVE .smaller-image {
width: 100px;
}
it is not working any suggestions
__mifflin__
@cdrainxv
Jan 04 2017 02:31
@jesse502: :point_up: January 3, 2017 7:20 PM
John P. Namayan Jr
@johnpnamayan
Jan 04 2017 02:32

@cdrainxv

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

__mifflin__
@cdrainxv
Jan 04 2017 02:33
@johnpnamayan: Reference this example:
<h2 class="blue-text">CatPhotoApp</h2>
jesse502
@jesse502
Jan 04 2017 02:33
thank you @johnpnamayan and @cdrainxv
CamperBot
@camperbot
Jan 04 2017 02:33
jesse502 sends brownie points to @johnpnamayan and @cdrainxv :sparkles: :thumbsup: :sparkles:
:cookie: 17 | @johnpnamayan |http://www.freecodecamp.com/johnpnamayan
:star2: 1919 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
naveenkumarbabloo
@naveenkumarbabloo
Jan 04 2017 02:36

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

<style>
h2 {
font-family: Lobster, Monospace;
}

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

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

<a href="#"><img class="img-responsive thick-green-border col-xs-4" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
</div>
<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">
<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>
<p>Things cats <span class="text-danger">love:</span></p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</div>

can anyone tell me where is my mistake in this code.
Floyd A. Brown
@jamtone
Jan 04 2017 02:37
Hello World
CamperBot
@camperbot
Jan 04 2017 02:37

welcome to FreeCodeCamp @jamtone!

RKati
@RKati
Jan 04 2017 02:38

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

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

}
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
I NEED HELP!!!! CAN SOMEONE HELP ME WITH THIS:

  1. Your img element should have the class smaller-image.
  2. Your image should be 100 pixels wide. Browser zoom should be at 100%.
Idk where it goes
John P. Namayan Jr
@johnpnamayan
Jan 04 2017 02:38
@cdrainxv Your h2 element should be red.
Your h2 element should have the class red-text.
__mifflin__
@cdrainxv
Jan 04 2017 02:38
@naveenkumarbabloo:
  • h2 element should be inside a col-xs-8 div:
    <div class="col-xs-8">
    // h2 here
    </div>
  • same process for the img nested inside the a element.. it should be inside a col-xs-4 div.
DavidNikiza
@DavidNikiza
Jan 04 2017 02:39
hey everyone
__mifflin__
@cdrainxv
Jan 04 2017 02:39
@johnpnamayan: And… did you follow the example provided on the left?
<h2 class="blue-text">CatPhotoApp</h2>
@RKati: :point_up: January 3, 2017 7:20 PM
John P. Namayan Jr
@johnpnamayan
Jan 04 2017 02:40
@cdrainxv yah i did but still stock
RKati
@RKati
Jan 04 2017 02:41
@cdrainxv ??
__mifflin__
@cdrainxv
Jan 04 2017 02:41
@johnpnamayan: Show your code please.
@RKati: Click on the blue link in the previous post.
RiZ266
@RiZ266
Jan 04 2017 02:42
how do i put a class within a class
like i have and image that i wanna put a border around and make ikt smaller
RKati
@RKati
Jan 04 2017 02:42
sorry still new here lol
__mifflin__
@cdrainxv
Jan 04 2017 02:42

@RiZ266:

Multiple classes are added like this:
class="red-text blue-text green-text"
Notice the space between each class and only one set of quotes

Robert Martinez
@Robertcm93
Jan 04 2017 02:43
why is the silver background not showing up

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

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

RiZ266
@RiZ266
Jan 04 2017 02:43
ah okay thank so much
@cdrainxv thanks
CamperBot
@camperbot
Jan 04 2017 02:43
riz266 sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 1920 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
RKati
@RKati
Jan 04 2017 02:43
@jesse502 Im having the same problem
__mifflin__
@cdrainxv
Jan 04 2017 02:43
@Robertcm93: Did you add the class silver-background to your div element?
<div class="…">
naveenkumarbabloo
@naveenkumarbabloo
Jan 04 2017 02:44
@cdrainxv thank you
CamperBot
@camperbot
Jan 04 2017 02:44
naveenkumarbabloo sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 1921 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Robert Martinez
@Robertcm93
Jan 04 2017 02:44
oops
thank you!
lol
RKati
@RKati
Jan 04 2017 02:44

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

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

}
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
I NEED HELP!!!! CAN SOMEONE HELP ME WITH THIS:

  1. Your img element should have the class smaller-image.
  2. Your image should be 100 pixels wide. Browser zoom should be at 100%.
__mifflin__
@cdrainxv
Jan 04 2017 02:44
@naveenkumarbabloo @Robertcm93: Glad to help. :smile:
Manish Giri
@Manish-Giri
Jan 04 2017 02:45
@RKati <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
add the smaller-image class to the img
LarryFordJr
@LarryFordJr
Jan 04 2017 02:45
image.png
RKati
@RKati
Jan 04 2017 02:46
@Manish-Giri ok let me try
Manish Giri
@Manish-Giri
Jan 04 2017 02:46
brb
skyblack2
@skyblack2
Jan 04 2017 02:47

<style>
.red-text {
color: red;
}
h2{ font-family: sans-serif;
}
</style>

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

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

__mifflin__
@cdrainxv
Jan 04 2017 02:47

@RKati: If you had clicked on the blue link I posted in the previous post you would have seen that you haven't added the class smaller-image to your img element here:

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

To add the class it's the same process as you did here previously:
<h2 class="red-text">CatPhotoApp</h2>.

So for the img element:
<img class="…" src="…" alt="…">

skyblack2
@skyblack2
Jan 04 2017 02:47
(Your p elements should use the font Monospace.)
LarryFordJr
@LarryFordJr
Jan 04 2017 02:47
what does it mean if it says I need to add a Closing Tag?
skyblack2
@skyblack2
Jan 04 2017 02:48
how can i do this one ?
RKati
@RKati
Jan 04 2017 02:48
@cdrainxv Ohhhhh!smh
__mifflin__
@cdrainxv
Jan 04 2017 02:48
@skyblack2: The instructions mentioned something about giving the p element the font-family of Monospace.
skyblack2
@skyblack2
Jan 04 2017 02:48
i have tried already but cant
__mifflin__
@cdrainxv
Jan 04 2017 02:48
@LarryFordJr: You are probably missing something like this:
</element>
drewwzzy
@drewwzzy
Jan 04 2017 02:49
good evening y'all
John P. Namayan Jr
@johnpnamayan
Jan 04 2017 02:49

@cdrainxv

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

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

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

drewwzzy
@drewwzzy
Jan 04 2017 02:49

can someone tell me why this isn't pink

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

orange-text {

color: orange;

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

<h1 id="orange-text" class="pink-text blue-text" style="color: white">Hello World!</h1>

skyblack2
@skyblack2
Jan 04 2017 02:49
good morning
RKati
@RKati
Jan 04 2017 02:49
@cdrainxv thanks!
CamperBot
@camperbot
Jan 04 2017 02:49
rkati sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 1922 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
Evan Kalvis
@evan17gr
Jan 04 2017 02:49
@drewwzzy color: pink; !important;
__mifflin__
@cdrainxv
Jan 04 2017 02:50

@skyblack2: Why not? Take this example:

h2{ 
font-family: sans-serif;
}

and replace h2 with p and sans-serif with Monspace.

Evan Kalvis
@evan17gr
Jan 04 2017 02:50
u need to get rid off the first ;
DavidNikiza
@DavidNikiza
Jan 04 2017 02:51
how would i add ID to my form element
LarryFordJr
@LarryFordJr
Jan 04 2017 02:51
okay thanks, I'll check
skyblack2
@skyblack2
Jan 04 2017 02:51
okey2 thanks
i got it
Evan Kalvis
@evan17gr
Jan 04 2017 02:51
@DavidNikiza like u would add a class by change the class= to id=
but
skyblack2
@skyblack2
Jan 04 2017 02:52
just add more "font-family: monospace;
DavidNikiza
@DavidNikiza
Jan 04 2017 02:52
@evan17gr id is suppose to be a class in the form element
drewwzzy
@drewwzzy
Jan 04 2017 02:52
@evan17gr I thought I Did that should it not be in the style
skyblack2
@skyblack2
Jan 04 2017 02:52
@cdrainxv thanks alot
CamperBot
@camperbot
Jan 04 2017 02:52
skyblack2 sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 1923 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
__mifflin__
@cdrainxv
Jan 04 2017 02:52

@johnpnamayan: Why are you using h2 here?:

h2 {
color: red;
}

The whole point of the challenge was to use the class red-text to style the element. Once again reference the example provided:

.blue-text {
 color: blue;
}

See how they used the class blue-text that they addded to their h2 element before?:
<h2 class="blue-text">CatPhotoApp</h2>

Evan Kalvis
@evan17gr
Jan 04 2017 02:53
@DavidNikiza id and class are different but have similar functionality
@drewwzzy it should be color:pink !important;
__mifflin__
@cdrainxv
Jan 04 2017 02:54
@Itzpdoe: I think this was the challenge you were on before:
:point_up: January 3, 2017 7:38 PM
DavidNikiza
@DavidNikiza
Jan 04 2017 02:56
@evan17gr thanks i been typing wrong thing
CamperBot
@camperbot
Jan 04 2017 02:56
davidnikiza sends brownie points to @evan17gr :sparkles: :thumbsup: :sparkles:
:cookie: 374 | @evan17gr |http://www.freecodecamp.com/evan17gr
LarryFordJr
@LarryFordJr
Jan 04 2017 02:56
<Style> h2 {color: Blue;} </style>
John P. Namayan Jr
@johnpnamayan
Jan 04 2017 02:56
@cdrainxv dude u are a friend tho
Evan Kalvis
@evan17gr
Jan 04 2017 02:56
@DavidNikiza no problem
LarryFordJr
@LarryFordJr
Jan 04 2017 02:57
Cdrainxv is that incorrect ?
Lina
@linalives
Jan 04 2017 02:57
hey everyone
LarryFordJr
@LarryFordJr
Jan 04 2017 02:57
hi Lina
Lina
@linalives
Jan 04 2017 02:58
how can I create a class called silver-background?
for my div
Adrin Prasad
@GeneralDumbo
Jan 04 2017 02:58
What is container-fluid
i forgot
Lina
@linalives
Jan 04 2017 02:58
<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

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

.smaller-image {
width: 100px;
}

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

div {
background-color: silver;
}



</style>
hey @LarryFordJr
DavidNikiza
@DavidNikiza
Jan 04 2017 02:59
@linalives i suggest you paste code by hitting back-stick 3 times and shift+enter to read your code better
code here
Evan Kalvis
@evan17gr
Jan 04 2017 03:00
@linalives u dont need this div { background-color: silver; }
DavidNikiza
@DavidNikiza
Jan 04 2017 03:00
well just code goes in the middle
Lina
@linalives
Jan 04 2017 03:00
thanks @DavidNikiza @evan17gr
CamperBot
@camperbot
Jan 04 2017 03:00
:cookie: 51 | @davidnikiza |http://www.freecodecamp.com/davidnikiza
:cookie: 375 | @evan17gr |http://www.freecodecamp.com/evan17gr
linalives sends brownie points to @davidnikiza and @evan17gr :sparkles: :thumbsup: :sparkles:
Lina
@linalives
Jan 04 2017 03:01
solved it! I didn't assign a class to the div
Evan Kalvis
@evan17gr
Jan 04 2017 03:01
@LarryFordJr elements should be lowercase
__mifflin__
@cdrainxv
Jan 04 2017 03:01
@linalives: :point_up: January 3, 2017 7:43 PM
Lol too late. :+1:
Lina
@linalives
Jan 04 2017 03:01
@cdrainxv thanks anw :)
CamperBot
@camperbot
Jan 04 2017 03:01
linalives sends brownie points to @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 1924 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
LarryFordJr
@LarryFordJr
Jan 04 2017 03:04
Evan that was the human error. Thank you much!!!
Evan Kalvis
@evan17gr
Jan 04 2017 03:05
@LarryFordJr no problem!
mkjgry
@mkjgry
Jan 04 2017 03:05
hello everyone
Evan Kalvis
@evan17gr
Jan 04 2017 03:06
@mkjgry Hello!
Robert
@SovereignRob1
Jan 04 2017 03:06
@evan17gr any better?
Anh Nguyen
@tiremon112
Jan 04 2017 03:08
http://codepen.io/talon112/pen/dNyoyx why is my h1 doesn't print anything
Evan Kalvis
@evan17gr
Jan 04 2017 03:08
@SovereignRob1 yep it looks really nice and the code is less messy gj!
Robert
@SovereignRob1
Jan 04 2017 03:09
one last question: how do i seperate the boxes? where they arent all touching top and bottom?
Evan Kalvis
@evan17gr
Jan 04 2017 03:10
@tiremon112 wdym?
Anh Nguyen
@tiremon112
Jan 04 2017 03:10
what that
Evan Kalvis
@evan17gr
Jan 04 2017 03:10
what do u means? @tiremon112
Anh Nguyen
@tiremon112
Jan 04 2017 03:10
i put <h1> Profile </h1> it doesn't print the word out
Evan Kalvis
@evan17gr
Jan 04 2017 03:10
@SovereignRob1 so u only want one of the windows showing up?
Robert
@SovereignRob1
Jan 04 2017 03:11
i want them all there. just not to touch each other. if that makes sense.
Evan Kalvis
@evan17gr
Jan 04 2017 03:12
@SovereignRob1 i dont think u can do that
Robert
@SovereignRob1
Jan 04 2017 03:12
well crap. lol
Anh Nguyen
@tiremon112
Jan 04 2017 03:12
is Sherlock available? i need it print word out right side so i can start write thing up
Evan Kalvis
@evan17gr
Jan 04 2017 03:13
@tiremon112 whats paddle-top?
u mean padding?
Anh Nguyen
@tiremon112
Jan 04 2017 03:15
yea
@evan17 oh the freaking navigation hide the word
that why
Evan Kalvis
@evan17gr
Jan 04 2017 03:15
and also u need to change the color of the word
h1
and theres no need to do padding-top:0 because thats the default
also background-color of the body is white by default
jayisray
@jayisray
Jan 04 2017 03:17
Finally finished my WikipediaViewer :D (Without mobile responsive design lol) Can someone critique please?
Evan Kalvis
@evan17gr
Jan 04 2017 03:17
@jayisray okay
Kate
@loveumint
Jan 04 2017 03:19
what am I missing in my code?
<button class="btn btn-danger btn- blcok">Delete</button>
never mind
a typo
Evan Kalvis
@evan17gr
Jan 04 2017 03:20
@jayisray everything looks fine but dont u need a tweet out button as well to complete the user stories
everything else looks nice and creative
jayisray
@jayisray
Jan 04 2017 03:21
@evan17gr thanks
CamperBot
@camperbot
Jan 04 2017 03:21
jayisray sends brownie points to @evan17gr :sparkles: :thumbsup: :sparkles:
:cookie: 376 | @evan17gr |http://www.freecodecamp.com/evan17gr
Evan Kalvis
@evan17gr
Jan 04 2017 03:22
@jayisray :)
DavidNikiza
@DavidNikiza
Jan 04 2017 03:26
@evan17gr how do you send emoji
Robert
@SovereignRob1
Jan 04 2017 03:26
figured it out. If i open and close <p> in between each "box", it separates them. dont know if its right, but it worked @evan17gr
DavidNikiza
@DavidNikiza
Jan 04 2017 03:26
are you on mobile
Evan Kalvis
@evan17gr
Jan 04 2017 03:28
@DavidNikiza np
but yeh if u have a mobile u can just use the emojis on the phone
or on a pc just type :
and many emojis will appear
wait let me try something else :P
oh su u can do the classic : P
as well
afwebs
@afwebs
Jan 04 2017 03:30
Hey i'm having a bit of a problem with Freecodecamp its completing the assignments for me as if i already did it
DavidNikiza
@DavidNikiza
Jan 04 2017 03:30
@evan17gr how would you make your letter bolds
@afwebs right on bro
LarryFordJr
@LarryFordJr
Jan 04 2017 03:30
really missing the point on this CSS
DavidNikiza
@DavidNikiza
Jan 04 2017 03:30
you can get your certificat ein no time
Evan Kalvis
@evan17gr
Jan 04 2017 03:31
bold
oh so add 2 * before and after the word
Preston Pigue
@piguepreston
Jan 04 2017 03:31
I'm having trouble trying to make the relaxed cat image smaller within my style element. Does anyone know how to help me. .larger-image {
width: 500px;
}
thats the template for larger image
Evan Kalvis
@evan17gr
Jan 04 2017 03:32
@piguepreston what have u done?
LarryFordJr
@LarryFordJr
Jan 04 2017 03:32
says my h2 element should have a class red-text
mkjgry
@mkjgry
Jan 04 2017 03:32
hello can someone look at my bootstrap code
afwebs
@afwebs
Jan 04 2017 03:32
@DavidNikiza as good as it may sound i dont want to take that easy route i actually want to do the assignment hands on but if its giving me the answers its kinda pointless
Evan Kalvis
@evan17gr
Jan 04 2017 03:32
@mkjgry sure
Floyd A. Brown
@jamtone
Jan 04 2017 03:32
change 500px to 100px to make the image smaller
Robert
@SovereignRob1
Jan 04 2017 03:33
@afwebs hit reset as soon as you go to your next challenge and it will reset the code for you so you can do it
Evan Kalvis
@evan17gr
Jan 04 2017 03:33
@LarryFordJr u need to create a class inside the style tags and then assign it your h2 using the class=""
Anh Nguyen
@tiremon112
Jan 04 2017 03:34
@evan17gr how long have you been in this field?
mkjgry
@mkjgry
Jan 04 2017 03:34
'' </div>
<input class="form-control" type="text" placeholder="cat photo URL" required>
<button class="btn btn-primary"><i class="fa fa-paper-plane"></i>Submit</button>
</input>
</form>
</div>
'''
CamperBot
@camperbot
Jan 04 2017 03:34
:bulb: to format code use backticks! ``` more info
afwebs
@afwebs
Jan 04 2017 03:34
@SovereignRob1 Thank you!
CamperBot
@camperbot
Jan 04 2017 03:34
afwebs sends brownie points to @sovereignrob1 :sparkles: :thumbsup: :sparkles:
:cookie: 121 | @sovereignrob1 |http://www.freecodecamp.com/sovereignrob1
DavidNikiza
@DavidNikiza
Jan 04 2017 03:34
@afwebs log out login and refresh your page
Evan Kalvis
@evan17gr
Jan 04 2017 03:34
nearly 2 months @tiremon112
Robert
@SovereignRob1
Jan 04 2017 03:34
not a problem
DavidNikiza
@DavidNikiza
Jan 04 2017 03:34
@mkjgry mike use the backstick bro
asmaamoussa
@asmaamoussa
Jan 04 2017 03:34
Good morning
Anh Nguyen
@tiremon112
Jan 04 2017 03:35
nice
Preston Pigue
@piguepreston
Jan 04 2017 03:35
.smaller-image {width:100px;} ok guys this is what i entered within my style element and its still not working :(
asmaamoussa
@asmaamoussa
Jan 04 2017 03:35
can I add more than one class inside an element?
Evan Kalvis
@evan17gr
Jan 04 2017 03:35
@asmaamoussa Good morning!
DavidNikiza
@DavidNikiza
Jan 04 2017 03:35
@asmaamoussa its evening ova here
Evan Kalvis
@evan17gr
Jan 04 2017 03:35
@tiremon112 yep what about u?
LarryFordJr
@LarryFordJr
Jan 04 2017 03:35
I thought it wanted the CSS inside the style tags
Sam Griffen
@ssgriffen
Jan 04 2017 03:35
Am I using the correct url for my getJSON on this project? Is the way I am checking if someone's status is null or not the correct way to check if someone is online or not? http://codepen.io/ssgriffen/pen/VmOKEp
Robert
@SovereignRob1
Jan 04 2017 03:35
whew. think i finally finished my first project
asmaamoussa
@asmaamoussa
Jan 04 2017 03:35
oh :D it's dawn in Egypt
Evan Kalvis
@evan17gr
Jan 04 2017 03:35
@DavidNikiza its 3am where i live
Anh Nguyen
@tiremon112
Jan 04 2017 03:35
@evan17gr 4 days hehe =]
DavidNikiza
@DavidNikiza
Jan 04 2017 03:36
@evan17gr wow you up so late
Anh Nguyen
@tiremon112
Jan 04 2017 03:36
@evan17gr i don't want to be in debt so i learn online instead
Robert
@SovereignRob1
Jan 04 2017 03:36
@asmaamoussa good morning. or night here in texas
mkjgry
@mkjgry
Jan 04 2017 03:36
'' </div>
<input class="form-control" type="text" placeholder="cat photo URL" required>
<button class="btn btn-primary"><i class="fa fa-paper-plane"></i>Submit</button>
</input>
</form>
</div>
'''
CamperBot
@camperbot
Jan 04 2017 03:36
:bulb: to format code use backticks! ``` more info
mkjgry
@mkjgry
Jan 04 2017 03:36
''' </div>
<input class="form-control" type="text" placeholder="cat photo URL" required>
<button class="btn btn-primary"><i class="fa fa-paper-plane"></i>Submit</button>
</input>
</form>
</div>
'''
CamperBot
@camperbot
Jan 04 2017 03:36
:bulb: to format code use backticks! ``` more info
Evan Kalvis
@evan17gr
Jan 04 2017 03:36
@DavidNikiza yep
DavidNikiza
@DavidNikiza
Jan 04 2017 03:36
@mkjgry noo type ``` then hit shit+ enter then paste code in the middle
Kate
@loveumint
Jan 04 2017 03:36
where am I supposed to put div element and col-xs-4 for the following code:
Evan Kalvis
@evan17gr
Jan 04 2017 03:36
@tiremon112 lol
Kate
@loveumint
Jan 04 2017 03:36
<button class="btn btn-block btn-primary">Like</button>
<button class="btn btn-block btn-info">Info</button>
<button class="btn btn-block btn-danger">Delete</button>
DavidNikiza
@DavidNikiza
Jan 04 2017 03:37
GUYSSS USE THE BACKSTICK
Robert
@SovereignRob1
Jan 04 2017 03:37
@evan17gr heres what i was talking about http://codepen.io/sovereignrob/pen/ObGozQ see how its all separated now
Evan Kalvis
@evan17gr
Jan 04 2017 03:37
@mkjgry backticks its usually below ur esc button
DavidNikiza
@DavidNikiza
Jan 04 2017 03:37

Evan Kalvis
@evan17gr
Jan 04 2017 03:37
@SovereignRob1 so u meant using the <br> ?
Robert
@SovereignRob1
Jan 04 2017 03:38
ummmm.....i dont know. lol
mkjgry
@mkjgry
Jan 04 2017 03:38
'' </div>
<input class="form-control" type="text" placeholder="cat photo URL" required>
<button class="btn btn-primary"><i class="fa fa-paper-plane"></i>Submit</button>
</input>
</form>
</div>
'''
CamperBot
@camperbot
Jan 04 2017 03:38
:bulb: to format code use backticks! ``` more info
LarryFordJr
@LarryFordJr
Jan 04 2017 03:38
<style> h2 . red-text {color: red;} </styles>
DavidNikiza
@DavidNikiza
Jan 04 2017 03:38
hit backstick 3 times then shift and enter and paste code in middle
Robert
@SovereignRob1
Jan 04 2017 03:38
ill try it
LarryFordJr
@LarryFordJr
Jan 04 2017 03:38
evan so that's incorrect?
DavidNikiza
@DavidNikiza
Jan 04 2017 03:38
then change back to chat
Evan Kalvis
@evan17gr
Jan 04 2017 03:38
@SovereignRob1 i dont know what u trying to achieve
im not sure
mkjgry
@mkjgry
Jan 04 2017 03:39
`` </div>
<input class="form-control" type="text" placeholder="cat photo URL" required>
<button class="btn btn-primary"><i class="fa fa-paper-plane"></i>Submit</button>
</input>
</form>
</div>
```
Noah
@noahtes
Jan 04 2017 03:39
where do i create class for smaller-image
DavidNikiza
@DavidNikiza
Jan 04 2017 03:39
</div>
<input class="form-control" type="text" placeholder="cat photo URL" required>
<button class="btn btn-primary"><i class="fa fa-paper-plane"></i>Submit</button>
</input>
</form>
</div>
like that my friend
Adrin Prasad
@GeneralDumbo
Jan 04 2017 03:39
Code Here
Evan Kalvis
@evan17gr
Jan 04 2017 03:39
@LarryFordJr if u use the h2{whatever} u are targeting every h2 element in ur page
Anh Nguyen
@tiremon112
Jan 04 2017 03:40
@mkjgry you mess up at the button
Evan Kalvis
@evan17gr
Jan 04 2017 03:40
where as if u use a class u are tergeting a specific h2 element
Adrin Prasad
@GeneralDumbo
Jan 04 2017 03:40
@DavidNikiza Did you finish html and css
Robert
@SovereignRob1
Jan 04 2017 03:40
@evan17gr i was trying to achieve exactly what you just showed me. just didnt know how to explain it correctly i guess. you the man
DavidNikiza
@DavidNikiza
Jan 04 2017 03:40
@GeneralDumbo its teaching me something new
im on 58
LarryFordJr
@LarryFordJr
Jan 04 2017 03:40
okay that gives me direction thank you ...
Anh Nguyen
@tiremon112
Jan 04 2017 03:40
@mkjgry you apply the paper plane to the Submit text instead you nest it to nothing
Evan Kalvis
@evan17gr
Jan 04 2017 03:40
@SovereignRob1 u welcome!
@LarryFordJr :+1:
Adrin Prasad
@GeneralDumbo
Jan 04 2017 03:41
responsive design with bootstrap?
Robert
@SovereignRob1
Jan 04 2017 03:41
and with that i am done.....i think
DavidNikiza
@DavidNikiza
Jan 04 2017 03:41
style the HTML body
mkjgry
@mkjgry
Jan 04 2017 03:41
thank you all i will keep working on it. thank you for your help
Evan Kalvis
@evan17gr
Jan 04 2017 03:41
@SovereignRob1 u can always come back and edit it after u ve done all the other projects so its fine
DavidNikiza
@DavidNikiza
Jan 04 2017 03:42
@mkjgry its okay it took me FOREVER
Evan Kalvis
@evan17gr
Jan 04 2017 03:42
@SovereignRob1 also to make every li bold u can easily just do li{font-weight:bold;} which can save u time
DavidNikiza
@DavidNikiza
Jan 04 2017 03:43
camper bot how do i make words bold
Evan Kalvis
@evan17gr
Jan 04 2017 03:43
@DavidNikiza are u on a pc?
herk713
@herk713
Jan 04 2017 03:44
<form action="/submit-cat-photo"></form> i have the code right but its asking me to nest it within a form element i dont know where????
DavidNikiza
@DavidNikiza
Jan 04 2017 03:44
@evan17gr yea
Evan Kalvis
@evan17gr
Jan 04 2017 03:44
@DavidNikiza on the bottom right it has a box with an M and an arrow
DavidNikiza
@DavidNikiza
Jan 04 2017 03:44
@herk713 its right
@evan17gr yea
Evan Kalvis
@evan17gr
Jan 04 2017 03:45
if u press it u can see many features
like bold underline italics etc
DavidNikiza
@DavidNikiza
Jan 04 2017 03:45
@evan17gr thanks
CamperBot
@camperbot
Jan 04 2017 03:45
davidnikiza sends brownie points to @evan17gr :sparkles: :thumbsup: :sparkles:
:warning: davidnikiza already gave evan17gr points
Evan Kalvis
@evan17gr
Jan 04 2017 03:45
no problem! @DavidNikiza
DavidNikiza
@DavidNikiza
Jan 04 2017 03:45
i know all bold
no that wasnt right
herk713
@herk713
Jan 04 2017 03:46
Nest your text input element within a form element. @DavidNikiza i know its right but its telling me that?
DavidNikiza
@DavidNikiza
Jan 04 2017 03:46
@herk713 refresh something must be worng