These are chat archives for FreeCodeCamp/Help

26th
Mar 2017
Taylor
@TaylorDF
Mar 26 2017 00:04
I know I'm probably overlooking something simple.
So frustrating.....
Johnny
@JohnnyBizzel
Mar 26 2017 00:06
@samzun6 what code do you have?
@TaylorDF note .gallery { text-align: justify; was used
I was using https://css-tricks.com/equidistant-objects-with-css/ as a reference
@samzun6 I would use Bootstrap's grid system
@samzun6 you don't have a codepen or similar?
samzun6
@samzun6
Mar 26 2017 00:10
@JohnnyBizzel i have codepen
new to it
Benhammadi
@hamza079
Mar 26 2017 00:10
guys please what is a lobster ?
malikmike
@malikmike
Mar 26 2017 00:10
hi guys
samzun6
@samzun6
Mar 26 2017 00:10
@JohnnyBizzel oh can i share it to you somehow?
malikmike
@malikmike
Mar 26 2017 00:10

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

what is wrong with this code
ashrisasongko
@ashrisasongko
Mar 26 2017 00:11
how about part "size your images" i got stuck. can you guys hep me?
Manish Giri
@Manish-Giri
Mar 26 2017 00:11
@ashrisasongko post code
ashrisasongko
@ashrisasongko
Mar 26 2017 00:11

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

this is my code
Manish Giri
@Manish-Giri
Mar 26 2017 00:11
@malikmike the h2 element in html is gone.
Dushyant Rao
@Dushyant-Rao
Mar 26 2017 00:11
@hamza079 LOBSTER is a font style
ashrisasongko
@ashrisasongko
Mar 26 2017 00:11
whats wrong?
malikmike
@malikmike
Mar 26 2017 00:11
my goal is to make h2 element should be blue.
Manish Giri
@Manish-Giri
Mar 26 2017 00:11
@ashrisasongko
<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 element here
Dushyant Rao
@Dushyant-Rao
Mar 26 2017 00:12
@malikmike you have defined h2 in style but you have not given any letters for h2 below style :)
Anne L
@mathisme
Mar 26 2017 00:12
This past week I've been sooo nonproductive. Time to get back to work. 🙈
Taylor
@TaylorDF
Mar 26 2017 00:13
You wonderful, wonderful person, @JohnnyBizzel ! THANK YOU!
CamperBot
@camperbot
Mar 26 2017 00:13
taylordf sends brownie points to @johnnybizzel :sparkles: :thumbsup: :sparkles:
:star2: 1558 | @johnnybizzel |http://www.freecodecamp.com/johnnybizzel
BondBoy05
@BondBoy05
Mar 26 2017 00:13
does anyone know how to get my stylesheet to declare .red-text this is what i have so far
Johnny
@JohnnyBizzel
Mar 26 2017 00:13
@TaylorDF Thanks ;) You had a lot of HTML inside the CSS bit. I got rid of that.
CamperBot
@camperbot
Mar 26 2017 00:13
johnnybizzel sends brownie points to @taylordf :sparkles: :thumbsup: :sparkles:
:cookie: 116 | @taylordf |http://www.freecodecamp.com/taylordf
BondBoy05
@BondBoy05
Mar 26 2017 00:14

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

Henry
@GitHub-Henry
Mar 26 2017 00:14
@samzun6 good start
malikmike
@malikmike
Mar 26 2017 00:14
oh thanks Dushyant Rao
i will try it
Manish Giri
@Manish-Giri
Mar 26 2017 00:14
@BondBoy05 the syntax is wrong
.red-text {
property: value;
}
here's how it should be.
BondBoy05
@BondBoy05
Mar 26 2017 00:15
it just need help to get my stylesheet to declare .red-text
kk thx
Fabusuyi David Oluwasegun
@dav4thevid
Mar 26 2017 00:15
switch (val) {case "bob":answer = "Marley";break; case "42":answer = "The Answer";break; case "1":answer = "There is no #1";break; case "99": answer = "Missed me by this much!";break; case "7": answer = "Ate Nine";
Taylor
@TaylorDF
Mar 26 2017 00:16
@JohnnyBizzel I'm struggling to figure out what goes where...
Fabusuyi David Oluwasegun
@dav4thevid
Mar 26 2017 00:16
hello pls what wrong with my code
Taylor
@TaylorDF
Mar 26 2017 00:16
In terms of what the CSS is and what the HTML is - that is. :worried:
Johnny
@JohnnyBizzel
Mar 26 2017 00:16
@TaylorDF Have a look in settings. External links should go there.
BondBoy05
@BondBoy05
Mar 26 2017 00:17
@dav4thevid @Manish-Giri @GitHub-Henry how do i get the stylesheet to say that i declared .red-text because i tried what @Manish-Giri gave me and it didn't work
Manish Giri
@Manish-Giri
Mar 26 2017 00:17
@BondBoy05 show what you tried
Fabusuyi David Oluwasegun
@dav4thevid
Mar 26 2017 00:18
 switch (val) {case "bob":answer = "Marley";break;
    case "42":answer = "The Answer";break;
    case "1":answer = "There is no #1";break;
    case "99": answer = "Missed me by this much!";break;
    case "7": answer = "Ate Nine";
BondBoy05
@BondBoy05
Mar 26 2017 00:18

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

.red-text {
property: value;
}

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

Manish Giri
@Manish-Giri
Mar 26 2017 00:18
well
what is this for? property: value;
BondBoy05
@BondBoy05
Mar 26 2017 00:18
idk that's what u sent
Manish Giri
@Manish-Giri
Mar 26 2017 00:18
you can't just copy things blindly
BondBoy05
@BondBoy05
Mar 26 2017 00:18
idk...
Manish Giri
@Manish-Giri
Mar 26 2017 00:18
property is color
it's value that you want to change is red
BondBoy05
@BondBoy05
Mar 26 2017 00:18
ok...
Johnny
@JohnnyBizzel
Mar 26 2017 00:18

@samzun6 http://codepen.io/JohnnyBizzel/pen/VpBWOB

I used <div class="col-md-8 offset-md-2"> to push the text to the middle

BondBoy05
@BondBoy05
Mar 26 2017 00:19
what does value equal then
@Manish-Giri
Manish Giri
@Manish-Giri
Mar 26 2017 00:19

@BondBoy05 look at this -

h2 {
color: red;
}

this uses the h2 element to set the color to red.
You need to use the red-text class instead.

it's value that you want to change is red
@BondBoy05
BondBoy05
@BondBoy05
Mar 26 2017 00:19
ok
i have that already
though
this is what it says i didn't do @Manish-Giri. Your stylesheet should declare a red-text class and have its color set to red.
Manish Giri
@Manish-Giri
Mar 26 2017 00:21
@BondBoy05 show code
BondBoy05
@BondBoy05
Mar 26 2017 00:21
k
samzun6
@samzun6
Mar 26 2017 00:21
@JohnnyBizzel Ok i see the code you added thank you!
CamperBot
@camperbot
Mar 26 2017 00:21
samzun6 sends brownie points to @johnnybizzel :sparkles: :thumbsup: :sparkles:
:star2: 1559 | @johnnybizzel |http://www.freecodecamp.com/johnnybizzel
BondBoy05
@BondBoy05
Mar 26 2017 00:21

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

@Manish-Giri
Johnny
@JohnnyBizzel
Mar 26 2017 00:21
@samzun6 :+1: Centering content is always a headache!
Manish Giri
@Manish-Giri
Mar 26 2017 00:22
.red-text {
property: value;
}
@BondBoy05 where's this?
Johnny
@JohnnyBizzel
Mar 26 2017 00:22
@BondBoy05 Are you 007?
BondBoy05
@BondBoy05
Mar 26 2017 00:22
lol, yes my name is Bond, ** Bond
Johnny
@JohnnyBizzel
Mar 26 2017 00:24
@BondBoy05 Secret :gb: agent man!
Yantendouji
@Yantendouji
Mar 26 2017 00:25
how do i center an image equally on both sides, is it the margin i'm concerned with or is there coding i can do to assist
Manish Giri
@Manish-Giri
Mar 26 2017 00:26
@Yantendouji you can do margin: 0 auto;
provided the display is block.
gregwood16
@gregwood16
Mar 26 2017 00:28
I'm working on the Link to External Pages with Anchor Elements challenge and I'm stuck on the "anchor text" part.
Johnny
@JohnnyBizzel
Mar 26 2017 00:28
@Yantendouji or use BootStrap
gregwood16
@gregwood16
Mar 26 2017 00:28
<p>cat photos
<a href="http://freecatphotoapp.com">
</a>
for you to follow.</p>
Johnny
@JohnnyBizzel
Mar 26 2017 00:29
@gregwood16 The link needs some text
@gregwood16 the text for this span tag is @gregwood16
<span data-link-type="mention" data-screen-name="gregwood16" class="mention">@gregwood16</span>
:no_mouth: ?
Matiny Louis
@Matiny
Mar 26 2017 00:31
Good evening, people
Johnny
@JohnnyBizzel
Mar 26 2017 00:32
@Matiny Good morning. How is Miami?
@Matiny :sunny: I guess
Benhammadi
@hamza079
Mar 26 2017 00:35
Hey guys
could you tell me
where exactly do i have to put the class smaller -image ?
Johnny
@JohnnyBizzel
Mar 26 2017 00:36
@hamza079 probably on your image
Benhammadi
@hamza079
Mar 26 2017 00:37
like between this <img...> ?
Johnny
@JohnnyBizzel
Mar 26 2017 00:38
@hamza079 Yes, just like every element you want to add a class attribute to
Benhammadi
@hamza079
Mar 26 2017 00:38
Oh yeah I got it
thats super nice from you
Johnny
@JohnnyBizzel
Mar 26 2017 00:39
@hamza079 Oh yeah :D !!
Benhammadi
@hamza079
Mar 26 2017 00:39
Thank you
Johnny
@JohnnyBizzel
Mar 26 2017 00:39
@hamza079 thanks for the question
CamperBot
@camperbot
Mar 26 2017 00:39
johnnybizzel sends brownie points to @hamza079 :sparkles: :thumbsup: :sparkles:
:warning: @hamza079's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Matiny Louis
@Matiny
Mar 26 2017 00:40
@JohnnyBizzel Actually, it's pretty rainy. Tis that season
Johnny
@JohnnyBizzel
Mar 26 2017 00:40
@Matiny Hmm. :umbrella: time!
Matiny Louis
@Matiny
Mar 26 2017 00:40
But it's also Spring Break, so you already know.
Johnny
@JohnnyBizzel
Mar 26 2017 00:40
PARTY!!! :beers:
Kramun
@Kramun
Mar 26 2017 00:41
so how long have you guys been learning to code?
Johnny
@JohnnyBizzel
Mar 26 2017 00:41
@Kramun For ever!!
Matiny Louis
@Matiny
Mar 26 2017 00:41
I know some people, so Imma see if I can get free drinks. But onto business...
Kramun
@Kramun
Mar 26 2017 00:41
lol
i meant newbies here
Johnny
@JohnnyBizzel
Mar 26 2017 00:41
You never stop learning
gregwood16
@gregwood16
Mar 26 2017 00:41
@JohnnyBizzel I see what I was missing now thanks Johnny!
CamperBot
@camperbot
Mar 26 2017 00:41
gregwood16 sends brownie points to @johnnybizzel :sparkles: :thumbsup: :sparkles:
:star2: 1560 | @johnnybizzel |http://www.freecodecamp.com/johnnybizzel
Kramun
@Kramun
Mar 26 2017 00:41
that's true
i started a month ago
i must admit i am overwhelmed and stressed
Johnny
@JohnnyBizzel
Mar 26 2017 00:42
@gregwood16 :+1:
Kramun
@Kramun
Mar 26 2017 00:42
but i like it.
Matiny Louis
@Matiny
Mar 26 2017 00:42
I'm doing the check for palindromes problem, and I have well, a problem
Johnny
@JohnnyBizzel
Mar 26 2017 00:42
@Kramun Yes, join the club!
@Matiny what do you have so far?
Matiny Louis
@Matiny
Mar 26 2017 00:43
Basically I'm not sure how to efficiently exclude non-alphanumeric characters. Hang on lemme paste the code in
Kramun
@Kramun
Mar 26 2017 00:43
how long do you think it takes to learn web design at an intermediate level?
6months? 1 year?
Matiny Louis
@Matiny
Mar 26 2017 00:43
@JohnnyBizzel
function palindrome(str) {
// Good luck!
//Who needs luck when you have skillz!
var strArray = [];
for ( i = 0; i < str.length; i++)
{
strArray.push(str.charAt(i));
}
return strArray;
}
Johnny
@JohnnyBizzel
Mar 26 2017 00:43
@Matiny Best way is a RegEx test
@Kramun Give it one year. And practice every day.
@Matiny but if you don't want to use Regex you can replace the illegal chars one by one!
Matiny Louis
@Matiny
Mar 26 2017 00:45
Thanks, I'll look up them up. I skipped it when I spotted it among the lessons.
And yeah I was gonna do that, but you know how it is
I wanted to be efficient
Johnny
@JohnnyBizzel
Mar 26 2017 00:46
@Matiny I can give you a tip if you like
Kramun
@Kramun
Mar 26 2017 00:46
what level can you reach in one year?
Johnny
@JohnnyBizzel
Mar 26 2017 00:46
@Kramun can I or can you?
@Kramun Only you can tell what level you can reach.
Matiny Louis
@Matiny
Mar 26 2017 00:47
@JohnnyBizzel A W3 schools link? Whoo! Personally I dislike the MDN, that thing is confusing
Johnny
@JohnnyBizzel
Mar 26 2017 00:48
@Matiny look at the Meta Characters
Kramun
@Kramun
Mar 26 2017 00:48
:) well i guess a year of 3 hours daily is different from a year of 15 hours daily
Taylor
@TaylorDF
Mar 26 2017 00:51
Hey - So is it possible to center a floating box so It's always in the center of the screen?
Is that a thing?
Aaron Fox
@aaronfox
Mar 26 2017 00:53
@TaylorDF yes that's definitely a thing
Johnny
@JohnnyBizzel
Mar 26 2017 00:53

@TaylorDF I did this recently. Take a look at this code I found: https://jsfiddle.net/JohnnyBizzel/modxo0ep/

With some changes to the CSS, you can center this.

malikmike
@malikmike
Mar 26 2017 00:53
hi guys, can anyone help me to make h2 element should be blue. please

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

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

Aaron Fox
@aaronfox
Mar 26 2017 00:54
@TaylorDF generally applying text-align: center; will accomplish it with ease
Matiny Louis
@Matiny
Mar 26 2017 00:55
So I can just use the \W meta character?
Johnny
@JohnnyBizzel
Mar 26 2017 00:55
@Matiny I think that will sort out most of the characters.
Matiny Louis
@Matiny
Mar 26 2017 00:56
Awesome! I'm basically good to go!
Johnny
@JohnnyBizzel
Mar 26 2017 00:56
@malikmike this is wrong <h2 {color:blue;} > f </h2>
malikmike
@malikmike
Mar 26 2017 00:56
how can i fix it
Steven LeBeau
@tunabee
Mar 26 2017 00:57
Hello everyone. I noticed that there is a Beta version of FCC with a lot of additional exercises: would it be recommended to do this course map or just stick to the one on the main page?
Johnny
@JohnnyBizzel
Mar 26 2017 00:57
@malikmike learn about the class attribute
Taylor
@TaylorDF
Mar 26 2017 00:57
Great! Thank you @aaronfox
CamperBot
@camperbot
Mar 26 2017 00:57
:cookie: 283 | @aaronfox |http://www.freecodecamp.com/aaronfox
taylordf sends brownie points to @aaronfox :sparkles: :thumbsup: :sparkles:
oOLemmingOo
@oOLemmingOo
Mar 26 2017 00:57
@malikmike <h2 style="color: blue">
Manish Giri
@Manish-Giri
Mar 26 2017 00:57
@tunabee beta has some bugs..
Johnny
@JohnnyBizzel
Mar 26 2017 00:58
@tunabee No, unless you want a job as a s/w tester, in which case, go for it.
malikmike
@malikmike
Mar 26 2017 00:58
thanks oOLemmingOo and Johnny
Fher Gomez
@fhergomez
Mar 26 2017 00:58
could anybody help me convert the following code to jQuery
var html = '<div class="channels jumbotron"><img class="logo" src ="' + logo + '"/><a href="https://www.twitch.tv/' + userURL + '" target="_blank"><h3 id="name">' + user + '</h3></a><p id="status">' + status + '</p></div>';
document.getElementById(‘output').innerHTML += "<hr>" + html
Steven LeBeau
@tunabee
Mar 26 2017 00:58
@Manish-Giri @JohnnyBizzel Ah, okay. Nevermind :)
Cesar Grajeda
@cezah44
Mar 26 2017 00:59

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

Can someone tell me what is missing?

Kramun
@Kramun
Mar 26 2017 01:00
<body>?
Cesar Grajeda
@cezah44
Mar 26 2017 01:03
its saying that i need to use rub for color values?
rgb*
oOLemmingOo
@oOLemmingOo
Mar 26 2017 01:06

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

you need to remember the semi-colons
Cesar Grajeda
@cezah44
Mar 26 2017 01:07
thank you!!
Johnny
@JohnnyBizzel
Mar 26 2017 01:07
@fhergomez https://jsbin.com/seyofim/

$(document).ready(function(){
  var logo = "some logo";
var status = 'online';
var userURL = 'some user';
var user = 'gamer';
var html = '<div class="channels jumbotron"><img class="logo" src ="' + 
    logo + '"/><a href="https://www.twitch.tv/' + 
    userURL + '" target="_blank"><h3 id="name">' + 
    user + '</h3></a><p id="status">' + 
    status + '</p></div>';
  $('#output').html("<hr>" + html);  
});
@cezah44 Have fun! Thanks for the question!
http://codepen.io/JohnnyBizzel/full/wJXaLR/
CamperBot
@camperbot
Mar 26 2017 01:09
johnnybizzel sends brownie points to @cezah44 :sparkles: :thumbsup: :sparkles:
:warning: @cezah44's account is not linked with freeCodeCamp. Please visit the settings and link your GitHub account.
Ice
@FRojas1
Mar 26 2017 01:09
How do I add the keyword !important to a class
Johnny
@JohnnyBizzel
Mar 26 2017 01:10
@FRojas1 I'm not sure I believe that question
Ice
@FRojas1
Mar 26 2017 01:11

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

orange-text {

color: orange;

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

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

Carlos Henrique Ughini
@carlosughini
Mar 26 2017 01:11
@frojas after the colar like color: pink !importante;
.pink-text{
color: pink !importante;
}
@FRojas1 understand?
Johnny
@JohnnyBizzel
Mar 26 2017 01:12
Ice
@FRojas1
Mar 26 2017 01:12
oh
ok
thanks @carlosughini
CamperBot
@camperbot
Mar 26 2017 01:12
frojas1 sends brownie points to @carlosughini :sparkles: :thumbsup: :sparkles:
:cookie: 104 | @carlosughini |http://www.freecodecamp.com/carlosughini
Carlos Henrique Ughini
@carlosughini
Mar 26 2017 01:15
@FRojas1 nothing
xtext42
@xtext42
Mar 26 2017 01:16

<p class="red-text">

How would I add another class to that same paragraph?

Jaundie
@Jaundie
Mar 26 2017 01:18
@xtext42 <p class="red-text blue-text"> I believe is how you would do that
xtext42
@xtext42
Mar 26 2017 01:18
@Jaundie thank you
CamperBot
@camperbot
Mar 26 2017 01:18
xtext42 sends brownie points to @jaundie :sparkles: :thumbsup: :sparkles:
:cookie: 40 | @jaundie |http://www.freecodecamp.com/jaundie
Jaundie
@Jaundie
Mar 26 2017 01:19
your welcome, hope it works out for you
Matthew Bush
@mbush92
Mar 26 2017 01:20
Where are you storing your images for code pen projects?
Ed
@eduardonaranjo97
Mar 26 2017 01:23
how do i insert a class on a element
Carlos Henrique Ughini
@carlosughini
Mar 26 2017 01:23

@eduardonaranjo97 like this
```

<h1 class=“color-pink”>

<h1 class=“color-pink”>
xtext42
@xtext42
Mar 26 2017 01:25

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

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

<p class="red-text">Text.</p>
<p>Text.</p>

It tells me to "Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%." but I dont know what to do
Jaundie
@Jaundie
Mar 26 2017 01:28
@xtext42 font-size isn't a class is it? I would write that like this--> p{ font-size: 16px;}, not .font-size{ size: 16px; }
xtext42
@xtext42
Mar 26 2017 01:29
@Jaundie Im new so I didnt know XD but thank you
CamperBot
@camperbot
Mar 26 2017 01:29
xtext42 sends brownie points to @jaundie :sparkles: :thumbsup: :sparkles:
:warning: xtext42 already gave jaundie points
Jaundie
@Jaundie
Mar 26 2017 01:29
no problem... I am new as well, just trying to help.
xtext42
@xtext42
Mar 26 2017 01:30
yes much appreciated
Dont Worry About it
@DontWorryAbout
Mar 26 2017 01:30
could someone answer a quick question concerning html?
Carlos Henrique Ughini
@carlosughini
Mar 26 2017 01:31
@DontWorryAbout say man
Dont Worry About it
@DontWorryAbout
Mar 26 2017 01:31
alright
xtext42
@xtext42
Mar 26 2017 01:31
This is a help page
Dont Worry About it
@DontWorryAbout
Mar 26 2017 01:31
Im just unsure about this line
<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>
why wouldn't both of the labels be nested under one div?
considering they both use the same class
Manish Giri
@Manish-Giri
Mar 26 2017 01:32
@DontWorryAbout that makes the layout side by side
Carlos Henrique Ughini
@carlosughini
Mar 26 2017 01:32
They can
Dont Worry About it
@DontWorryAbout
Mar 26 2017 01:32
oh
I see
Manish Giri
@Manish-Giri
Mar 26 2017 01:32
first one occupies 6 columns
next one, next 6
Dont Worry About it
@DontWorryAbout
Mar 26 2017 01:33
ive just been wonderin and tried to figure it out myself
thanks, appreciate it
Shiam
@Shiam95
Mar 26 2017 01:34

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

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

h2 {
font-family: Lobster, Monospace;
}

smaller-image {width:100px:}


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


</style>

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

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

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

Carlos Henrique Ughini
@carlosughini
Mar 26 2017 01:35
@Shiam95 whats your question
daught
pedronajera93
@pedronajera93
Mar 26 2017 01:36
@Shiam95 watch out for the ;
and the }
Shiam
@Shiam95
Mar 26 2017 01:37
how do i make imge have smaller class
and px 100
Pedro De Leon
@pdeleon29
Mar 26 2017 01:38
Hello everyone..
Can I get the code for this? I don't know what I'm doing wrong.
Create a class called silver-background with the background-color of silver. Assign this class to your div element.
Aaron Estrera
@AccessAaron
Mar 26 2017 01:39

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

pedronajera93
@pedronajera93
Mar 26 2017 01:39
@Shiam95 first create your class smaller class
Pedro De Leon
@pdeleon29
Mar 26 2017 01:39
.silver-background {
background-color: silver;
}
pedronajera93
@pedronajera93
Mar 26 2017 01:39
make sure to close and open {}
Pedro De Leon
@pdeleon29
Mar 26 2017 01:39
Is not working!
Aaron Estrera
@AccessAaron
Mar 26 2017 01:40

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

pedronajera93
@pedronajera93
Mar 26 2017 01:40
also make sure to include the ; at the end
Aaron Estrera
@AccessAaron
Mar 26 2017 01:40
help
pedronajera93
@pedronajera93
Mar 26 2017 01:40
-.-
Shiam
@Shiam95
Mar 26 2017 01:40
ok img {smaller-image width:100px;}
pedronajera93
@pedronajera93
Mar 26 2017 01:40
@Shiam95 yep. then go to
<img src=....
Ed
@eduardonaranjo97
Mar 26 2017 01:41
Your stylesheet should declare a red-text class and have its color set to red?
pedronajera93
@pedronajera93
Mar 26 2017 01:41
@Shiam95 try using class after img
Shiam
@Shiam95
Mar 26 2017 01:41
<img src=img {smaller-image width:100px;}"https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Carlos Henrique Ughini
@carlosughini
Mar 26 2017 01:42
@Shiam95 no man
Moisés Man
@moigithub
Mar 26 2017 01:42
@AccessAaron that code u posted looks ok
thats all code u have or u posted only part of it ?
pedronajera93
@pedronajera93
Mar 26 2017 01:42
@Shiam95 should look something like <img class ="class goes here" src="">
Carlos Henrique Ughini
@carlosughini
Mar 26 2017 01:43
@Shiam95 try this
<img class=“smaller-image-width”src=“https://bit… alt=“…”>
Shiam
@Shiam95
Mar 26 2017 01:43
ok
<img class="smaller-image-width:px100; src=https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Moisés Man
@moigithub
Mar 26 2017 01:46
think like.. u have 2 sections
one is where u define ur CSS RULES (the <style> section)
and another where u write ur HTML elements @Shiam95
Shiam
@Shiam95
Mar 26 2017 01:47
so ifi want a smaller-image at px100 i should write class in teh style section
Moisés Man
@moigithub
Mar 26 2017 01:47
soo on ur code u should hve a <style> section.. where previously u already did a
css rule for .red-text class
Shiam
@Shiam95
Mar 26 2017 01:48
yeah, i have that
Moisés Man
@moigithub
Mar 26 2017 01:48
all classes start with a dot.. and a name ie: .red-text
or .smaller-image
Shiam
@Shiam95
Mar 26 2017 01:48

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

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

h2 {
font-family: Lobster, Monospace;
}




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


</style>

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

<img class="smaller-image-width:px100;"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>

Moisés Man
@moigithub
Mar 26 2017 01:49
soo SIMILARly to red-text class.. u need to create a class named smaller-image
and set width property inside a set of { } according to the instructions
INSIDE the style section u already have
after u created the class..with the width property...
next step is APPLY the class to ur img element below
again.. similarly to red-text .. u apply it using class attribute
(all css rules are similar.. only names and properties are different )
brazennavy
@brazennavy
Mar 26 2017 01:50
Hey I'm having a weird issue putting a class onto the embedded image, I've tried a whole bunch of things but can't seem to figure out what I'm doing wrong
Anthony Lehr
@ALehr
Mar 26 2017 01:51
@brazennavy Can you share your code?
brazennavy
@brazennavy
Mar 26 2017 01:51

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

Moisés Man
@moigithub
Mar 26 2017 01:51
yep...
img src   /// <<<<<<< remove that
.smaller-image {
width: 100px;
}
Manish Giri
@Manish-Giri
Mar 26 2017 01:51
delete this img src
Anthony Lehr
@ALehr
Mar 26 2017 01:51
yep
Shiam
@Shiam95
Mar 26 2017 01:51
ok i put this .smaller-image {width: 100px} in syle
brazennavy
@brazennavy
Mar 26 2017 01:52
thanks @moigithub !
CamperBot
@camperbot
Mar 26 2017 01:52
brazennavy sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 2899 | @moigithub |http://www.freecodecamp.com/moigithub
Roxroy
@roxroy
Mar 26 2017 01:53
@Radheya-j , use <img class="img-responsive center-block"
Shiam
@Shiam95
Mar 26 2017 01:56
img {
.smaller-image
width: 100px}

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

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

h2 {
font-family: Lobster, Monospace;
}


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

img {
.smaller-image
width: 100px}

</style>

Dushyant Rao
@Dushyant-Rao
Mar 26 2017 01:57
link href should be above style
img should be inside the style
or else delete the img{ which is above style and retain the one which is already inside the style
Shiam
@Shiam95
Mar 26 2017 02:00
<style>
.red-text { color: red; }

h2 { font-family: Lobster, Monospace; }


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

smaller-image {width: 100px}

</style>
Moisés Man
@moigithub
Mar 26 2017 02:00
all classes start with a period/dot
check red-text example...
Shiam
@Shiam95
Mar 26 2017 02:01
it says my Your img element should have the class smaller-image.
Your image should be 100 pixels wide. Browser zoom should be at 100%.
Dushyant Rao
@Dushyant-Rao
Mar 26 2017 02:01
and also your link href should be above style.. looks like you have completely deleted it :)
__mifflin__
@cdrainxv
Mar 26 2017 02:01
@Shiam95:
  1. smaller-image is a class not an element.
  2. Include the ; after the value.
    property: value;
Shiam
@Shiam95
Mar 26 2017 02:02

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

Moisés Man
@moigithub
Mar 26 2017 02:02
similar to .red-text.. first u declare the css rule
then u APPLY it to ur element using the class attribute @Shiam95
Dushyant Rao
@Dushyant-Rao
Mar 26 2017 02:02
looks good @Shiam95
Taylor
@TaylorDF
Mar 26 2017 02:02
Any insight as to why there is such a large amount of space on top and bottom of my three gallery images? http://codepen.io/TaylorTaylorD
Synsational
@Synsational
Mar 26 2017 02:03
Hello! I need some help with my code. I'm trying to add a background color of silver to my <div> but i cant figure out how to.
this is my code
<div class= "silver-background">
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
</div>
this is my style code
Moisés Man
@moigithub
Mar 26 2017 02:04
u applying the silver-background class.. BUT
have u declared it ??? on ur style section above ur code ?
Synsational
@Synsational
Mar 26 2017 02:04
.silver-background={
background-color: silver;
}
Moisés Man
@moigithub
Mar 26 2017 02:04
remove =
Synsational
@Synsational
Mar 26 2017 02:05
ah thank you
im dumb
haha
Shiam
@Shiam95
Mar 26 2017 02:09
<style>
.red-text { color: red; }

h2 { font-family: Lobster, Monospace; }

.smaller-image { width: 100px;}

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


</style>
i keep pressing run test nd tthere doesnet seem to be any diff
Moisés Man
@moigithub
Mar 26 2017 02:10
below ur style..
similar to red-text u should also have smaller-image
Shiam
@Shiam95
Mar 26 2017 02:11

.red-text { color: red; }

.smaller-image { width: 100px;}

Moisés Man
@moigithub
Mar 26 2017 02:11
BELOW/ under
<style> 
    .red-text {color: red; }    // <!-- create the class (CSS rule)  -->
</style>

<p class="red-text"> .... etc   <!--  APPLY the class  -->
<img ..... etc>
Shiam
@Shiam95
Mar 26 2017 02:12
<style>
.smaller-image { width: 100px;}
.red-text { color: red; }
Pedro De Leon
@pdeleon29
Mar 26 2017 02:12
Hi, I'm trying to put a silver background to a div element but it isn't working
Gulsvi
@gulsvi
Mar 26 2017 02:14
@pdeleon29 Can you share your code?
Pedro De Leon
@pdeleon29
Mar 26 2017 02:14
.silver-background={
background-color: silver;
}
Sorry
.silver-background { background-color: green;
}
Gulsvi
@gulsvi
Mar 26 2017 02:15

@pdeleon29

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

No equal sign needed - also, the div will need to have some content in it or a height + width setting

Pedro De Leon
@pdeleon29
Mar 26 2017 02:16
OK, how? I never learned the height + width setting cause the lesson don't require that
Radheya Chandler
@Radheya-j
Mar 26 2017 02:16
Thanks @roxroy that's what I was missing!
CamperBot
@camperbot
Mar 26 2017 02:16
radheya-j sends brownie points to @roxroy :sparkles: :thumbsup: :sparkles:
:cookie: 464 | @roxroy |http://www.freecodecamp.com/roxroy
Gulsvi
@gulsvi
Mar 26 2017 02:16
@pdeleon29
.silver-background {
  height: 100px;
  width: 100px;
  background-color: silver;
}
That makes a silver box
Tania Awreelia Fernandes
@tania-fernandes
Mar 26 2017 02:17
<dev class="row">
<dev class="col-xs-4"><button class="btn btn-block btn-primary">Like</button></dev>
<dev class="col-xs-4"><button class="btn btn-block btn-info">Info</button></dev>
<dev class="col-xs-4"><button class="btn btn-block btn-danger">Delete</button></dev>
</dev>
Pedro De Leon
@pdeleon29
Mar 26 2017 02:17
Oh ok, thanks
Gulsvi
@gulsvi
Mar 26 2017 02:17
you're welcome
Pedro De Leon
@pdeleon29
Mar 26 2017 02:17
@SkyCoder01 Thanks
CamperBot
@camperbot
Mar 26 2017 02:17
pdeleon29 sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:cookie: 687 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Tania Awreelia Fernandes
@tania-fernandes
Mar 26 2017 02:17
im supposed to put each element side by side
Shiam
@Shiam95
Mar 26 2017 02:17

<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 class=.smaller-image { width: 100px;} <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>

Gulsvi
@gulsvi
Mar 26 2017 02:17
@tania-fernandes It's a <div> element, not <dev>
Moisés Man
@moigithub
Mar 26 2017 02:18
@Shiam95 take this as reference.. / example
.red-text { color: red; }
.....
<h2 class="red-text">CatPhotoApp</h2>
Tania Awreelia Fernandes
@tania-fernandes
Mar 26 2017 02:18
ooooh thanks sky ;)
Gulsvi
@gulsvi
Mar 26 2017 02:18
Hope that fixes it :)
Moisés Man
@moigithub
Mar 26 2017 02:19
@Shiam95
u have this
.smaller-image {width:100px; }
....
<img class="____________" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
fill the missing part
Tania Awreelia Fernandes
@tania-fernandes
Mar 26 2017 02:20
it sure did
Shiam
@Shiam95
Mar 26 2017 02:21
.smaller-image
Moisés Man
@moigithub
Mar 26 2017 02:21
again.. COMPARE the example....
moigithub @moigithub off to watch animes... :)
Shiam
@Shiam95
Mar 26 2017 02:22
<img class=".smaller-image"="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Carlos Henrique Ughini
@carlosughini
Mar 26 2017 02:22
@Shiam95 without the “.”
Shiam
@Shiam95
Mar 26 2017 02:23
<img class=.smaller-image="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Carlos Henrique Ughini
@carlosughini
Mar 26 2017 02:23
```
<img class="smaller-image"="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. “>
@Shiam95 look
Calen Lewis
@Clewis5365
Mar 26 2017 02:23
how do i set up my style sheet to declare a class
Carlos Henrique Ughini
@carlosughini
Mar 26 2017 02:24
@Clewis5365
<style>
.class {
}
</style>
Calen Lewis
@Clewis5365
Mar 26 2017 02:24
okay thank you
Shiam
@Shiam95
Mar 26 2017 02:25
img {smaller-image
width: 100px;}
.red-text {
color: red;
}
james umali
@indefinite0212
Mar 26 2017 02:26
@Shiam95
.smaller-image{ } remove the img
Shiam
@Shiam95
Mar 26 2017 02:28

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

Carlos Henrique Ughini
@carlosughini
Mar 26 2017 02:29
hey guys u need to search more on google or try more alone
Shiam
@Shiam95
Mar 26 2017 02:29
have i got the style right
ok
james umali
@indefinite0212
Mar 26 2017 02:30
{smaller-image     <!--should be outside. just like on .red-text-->
width: 100px;}
@Shiam95
Shiam
@Shiam95
Mar 26 2017 02:32
Yes, got it thank you
elvin009
@elvin009
Mar 26 2017 02:35
hello there
james umali
@indefinite0212
Mar 26 2017 02:36
@elvin009 hello
elvin009
@elvin009
Mar 26 2017 02:36
can anyone help me? it asks "Now nest your existing a element within a new p element (just after the existing h2 element) so that the surrounding paragraph says "View more cat photos", but where only "cat photos" is a link, and the rest of the text is plain text." my code is " <p> view more cat photos <a href="http://www.freecatphotoapp.com">cat photos</a></p> "
what's wrong with that?
Dont Worry About it
@DontWorryAbout
Mar 26 2017 02:37
<p> view more <a href="http://www.freecatphotoapp.com">cat photos</a></p>
james umali
@indefinite0212
Mar 26 2017 02:37
<p> view more cat photos <a href="http://www.freecatphotoapp.com">cat photos</a></p>
@elvin009
elvin009
@elvin009
Mar 26 2017 02:38
tried that one
but did not work
unfortunately :(
james umali
@indefinite0212
Mar 26 2017 02:39
what's your code now?
elvin009
@elvin009
Mar 26 2017 02:39
<p> View more<a href="http://www.freecatphotoapp.com">cat photos</a></p>
james umali
@indefinite0212
Mar 26 2017 02:40
what is the error that you get?
@elvin009
elvin009
@elvin009
Mar 26 2017 02:40
Create a new p element around your a element.
Your a element should be nested within your new p element.
Your p element should have the text "View more " (with a space after it).
james umali
@indefinite0212
Mar 26 2017 02:40
after the word more. try giving a space
elvin009
@elvin009
Mar 26 2017 02:41
tried that one too
james umali
@indefinite0212
Mar 26 2017 02:41
paste your whole code
elvin009
@elvin009
Mar 26 2017 02:42

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

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

james umali
@indefinite0212
Mar 26 2017 02:42
try refreshing your browser @elvin009
your code looks ok
Ayman Badawy
@PositiveDegree
Mar 26 2017 02:43
<label><input type="radio" name="indoor-outdoor"></label>
<label><input type="radio" name="indoor"></label>
<label><input type="radio" name="outdoor"></label>
The indoor-outdoor attribute is 'not given' to one of the radio buttons
Dont Worry About it
@DontWorryAbout
Mar 26 2017 02:43
<p>View more <a href="http://www.freecatphotoapp.com">cat photos</a></p>
Ayman Badawy
@PositiveDegree
Mar 26 2017 02:44
same with indoor and outdoor :P
elvin009
@elvin009
Mar 26 2017 02:44
it worked
thanks a lot :)
james umali
@indefinite0212
Mar 26 2017 02:44
@elvin009 great :+1:
elvin009
@elvin009
Mar 26 2017 02:44
:)
james umali
@indefinite0212
Mar 26 2017 02:44
<label><input type="radio" name="indoor-outdoor"><!-- you should have a text here--></label>
<label><input type="radio" name="indoor-outdoor"><!-- you should have a text here--></label>
@PositiveDegree
Ayman Badawy
@PositiveDegree
Mar 26 2017 02:45
Still doesn't work, I'll try fixing it myself :P
lol
<label><input type="radio" name="indoor-outdoor">indoor</label>
<label><input type="radio" name="indoor-outdoor">outdoor</label>
fixed
o
right
you also had it correct
thanks
james umali
@indefinite0212
Mar 26 2017 02:47
@PositiveDegree great :+1:
ramsp
@real2412
Mar 26 2017 02:49
hello
Dont Worry About it
@DontWorryAbout
Mar 26 2017 02:50
Hi
ramsp
@real2412
Mar 26 2017 02:50
its correct this to bottom : ReactDOM.render(<Modal />, document.getElementById("app"))
ReactDOM.render(<App />, document.getElementById("lista"))
two reactdom.render
Robinson Severo
@robinsonvs
Mar 26 2017 02:53
hi
I'm having problems with this test - removeclass
brazennavy
@brazennavy
Mar 26 2017 02:55
Hello, simple weird question about unordered lists. It's telling me I didn't set up the element, pretty positive I did. <ul>
<li>stratching posts</li>
<li>Catnip</li>
<li>Eating Mice</li>
</ul>
Robinson Severo
@robinsonvs
Mar 26 2017 02:56
can you help me
james umali
@indefinite0212
Mar 26 2017 02:56
@robinsonvs in jquery?
Robinson Severo
@robinsonvs
Mar 26 2017 02:56
yes
james umali
@indefinite0212
Mar 26 2017 02:56
what's your code?
Robinson Severo
@robinsonvs
Mar 26 2017 02:57
I saw that others also had the same problem

<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
$(".well").addClass("animated shake");
$("#target3").addClass("animated fadeOut");
$("button").removeClass("btn-default");

});
</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 target" id="target1">#target1</button>
<button class="btn target" id="target2">#target2</button>
<button class="btn 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 target" id="target4">#target4</button>
<button class="btn target" id="target5">#target5</button>
<button class="btn target" id="target6">#target6</button>
</div>
</div>
</div>
</div>

james umali
@indefinite0212
Mar 26 2017 02:58
@robinsonvs what error did you get?
Robinson Severo
@robinsonvs
Mar 26 2017 02:58
I also tried -$("button").removeClass(); but it does not work
Do not pass the test
james umali
@indefinite0212
Mar 26 2017 03:00
@robinsonvs you removed the btn-default in your buttons
Robinson Severo
@robinsonvs
Mar 26 2017 03:00
bug ?
james umali
@indefinite0212
Mar 26 2017 03:00
no
@brazennavy what is the error that you get?
Robinson Severo
@robinsonvs
Mar 26 2017 03:01
<button class="btn target" id="target6">#target6</button>
$("button").removeClass();
james umali
@indefinite0212
Mar 26 2017 03:01
class="btn target btn-default"
don't remove it. the removeClass function will do it
brazennavy
@brazennavy
Mar 26 2017 03:02
it's telling me I haven't made the ul element, and that I don't have 3 li elements.
Ghost
@ghost~580ed9c0d73408ce4f309ef0
Mar 26 2017 03:02
Hello
james umali
@indefinite0212
Mar 26 2017 03:03
@robinsonvs restore all btn-default in all of your button.
$("button").removeClass("btn-default");
Robinson Severo
@robinsonvs
Mar 26 2017 03:03
<button class="btn target btn-default" id="target4">#target4</button>
Do not pass the test
james umali
@indefinite0212
Mar 26 2017 03:03
@brazennavy try refreshing your browser and run your code
brazennavy
@brazennavy
Mar 26 2017 03:04
thanks I'll try that again
james umali
@indefinite0212
Mar 26 2017 03:04
all of your button should have btn-default @robinsonvs
Robinson Severo
@robinsonvs
Mar 26 2017 03:05

<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
$(".well").addClass("animated shake");
$("#target3").addClass("animated fadeOut");
$("button").removeClass("btn-default");

});
</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 target btn-default" id="target1">#target1</button>
<button class="btn target btn-default" id="target2">#target2</button>
<button class="btn target btn-default" id="target3">#target3</button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn target btn-default" id="target4">#target4</button>
<button class="btn target btn-default" id="target5">#target5</button>
<button class="btn target btn-default" id="target6">#target6</button>
</div>
</div>
</div>
</div>

Do not pass the test
Item 2 does not pass
james umali
@indefinite0212
Mar 26 2017 03:08
@robinsonvs
<button class="btn btn-default target" id="target3">#target3</button>
try that on only in your target3
class="btn btn-default target"
Robinson Severo
@robinsonvs
Mar 26 2017 03:11
\o/
It worked
?
pass
I don t understand
can you explain
@indefinite0212 ?
Jayden Williams
@jaydkeith
Mar 26 2017 03:15
<div class="row">
<div class="col-xs-4">
<div class="col-xs-6"><button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button></div>
</div>
<div class="col-xs-4">
<div class="col-xs-6"><button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button></div>
</div>
<div class="col-xs-4">
<div class="col-xs-6"><button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button></div>
</div>
</div>
can someone tell me whats wrong
Robinson Severo
@robinsonvs
Mar 26 2017 03:15
thanks you for your help
@indefinite0212 thanks you for your help
CamperBot
@camperbot
Mar 26 2017 03:16
robinsonvs sends brownie points to @indefinite0212 :sparkles: :thumbsup: :sparkles:
:cookie: 315 | @indefinite0212 |http://www.freecodecamp.com/indefinite0212
Philip Kooistra
@pkooistra
Mar 26 2017 03:17
doesn't that make the div use half the width of its parent?
james umali
@indefinite0212
Mar 26 2017 03:17
@robinsonvs haha lol me too I don't understand. I just figured it out.
welcome :)
Sourabh Rangdal
@sourabhrangdal
Mar 26 2017 03:18
@indefinite0212 Hi James :thumbsup:
james umali
@indefinite0212
Mar 26 2017 03:19
@sourabhrangdal hello :)
Daniel Acosta
@danny1428
Mar 26 2017 03:21
where did i go wrong??? here is my code

<style>
body {
background-color: black;

}
h1{
color:green;
font-family:Monospace;
}

</style>

<h1>hello world</h1>

here are the instructions
Create an h1 element.
Your h1 element should have the text Hello World.
Make sure your h1 element has a closing tag.
Give your body element the color property of green.
Give your body element the font-family property of Monospace.
Your h1 element should inherit the font Monospace from your body element.
Your h1 element should inherit the color green from your body element.
eeflores
@eeflores
Mar 26 2017 03:23
captialize Hello World
Ryan
@thebadger1
Mar 26 2017 03:24
Hello World
Adam
@rac25007
Mar 26 2017 03:25
OK, didn't take long to need help. LOL
Ghost
@ghost~580ed9c0d73408ce4f309ef0
Mar 26 2017 03:25
Hello World!!!
Adam
@rac25007
Mar 26 2017 03:25
<h2> style="color:red">CatPhotoApp</h2>
why didn't the style color change?
Ryan
@thebadger1
Mar 26 2017 03:26
Guys I have a little issue with my tribute page. Can anyone assist me? Thank you
james umali
@indefinite0212
Mar 26 2017 03:26
<h2 style="color:red">CatPhotoApp</h2> @rac25007
Adam
@rac25007
Mar 26 2017 03:27
Ahhh... I see. Thank you both!
Aaron Fox
@aaronfox
Mar 26 2017 03:28
@thebadger1 sure! What's up?
Ryan
@thebadger1
Mar 26 2017 03:29
Hi @aaronfox
I initially started my tribute page to my dad then I changed it to someone else
Daniel Acosta
@danny1428
Mar 26 2017 03:30
nvr mind
Aaron Fox
@aaronfox
Mar 26 2017 03:31
@thebadger1 and what's wrong with it now?
Ryan
@thebadger1
Mar 26 2017 03:31
@aaronfox Now in the description when I am about to post it on FB, It has the info that it is dedicated to my dad even though i change the info in settigs
I will upload an screenshot
Screenshot 2017-03-25 at 11.23.24 PM.png
@aaronfox The changes I did in settings are shown in codepen, but when I am about to upload it, I get The old description
Aaron Fox
@aaronfox
Mar 26 2017 03:35
@thebadger1 It looks like you didn't change the title of you page, though, just the description. Your CodePen tab is still titled "Tribute to Simon Bolivar" instead of "Tribute to [your dad"
Ryan
@thebadger1
Mar 26 2017 03:36
@aaronfox Yes, that is the final page. Tribute to simon bolivar
@aaronfox It is the description about my dad below that shows up even though in settings it looks the way I want it to look
Screenshot 2017-03-25 at 11.38.00 PM.png
Aaron Fox
@aaronfox
Mar 26 2017 03:41
@thebadger1 When I look at your page description at http://codepen.io/thebadger1/details/pepbvW/, I see nothing there besides "Created MARCH 18, 2017 // Updated MARCH 26, 2017". Are you sure you've saved a description there.
@thebadger1 e.g. if you go to my details page here: http://codepen.io/afox/details/vxppde/ you'll see the description This is a beautiful weather app hah but I'm not seeing anything on your page
Ryan
@thebadger1
Mar 26 2017 03:43
My page is on autosave
I just added the description. Lets see now what happen
moonjade7
@moonjade7
Mar 26 2017 03:46
K
BradyJ27
@BradyJ27
Mar 26 2017 03:59
Hey guys I'm having trouble adding CSS buttons
Bootstrap Buttons is what they're called
Abdallah Ramadan Awwad
@arawwad
Mar 26 2017 04:01
what kind of trouble @BradyJ27
BradyJ27
@BradyJ27
Mar 26 2017 04:01
Here are the instructions
Create a new button element with the text "Like".
Your new button should have the class btn.
I'm just lost on what to do
Abdallah Ramadan Awwad
@arawwad
Mar 26 2017 04:02
<button class="btn">like</button>
try this
BradyJ27
@BradyJ27
Mar 26 2017 04:04
Thanks! The instructions weren't very clear and I kept trying to add it into the style part
Abdallah Ramadan Awwad
@arawwad
Mar 26 2017 04:04
np have fun
Kirthana Ramanathan
@nineteeskid
Mar 26 2017 04:11
.container resizes in chunks at several certain widths, controlled by media queries. what does this mean?
Trần Văn Luận
@luandevpro
Mar 26 2017 04:11
hello i'm newbie
Kirthana Ramanathan
@nineteeskid
Mar 26 2017 04:11
I'm trying to learn bootstrap
codeWiiig
@codeWiiig
Mar 26 2017 04:12
helloWorld
Roxroy
@roxroy
Mar 26 2017 04:14
Hi @codeWiiig , welcome to fcc chat.
Sourabh Rangdal
@sourabhrangdal
Mar 26 2017 04:15
wizzoz
@wizzoz
Mar 26 2017 04:28
guys need help
<H3 class= "text-primary text-center"> jQuery Playground </H3>
Make sure your h3 element has a closing tag.????
sha
@nawaz9
Mar 26 2017 04:29
can anyone help me with level 74?
michael appenteng
@magyapp
Mar 26 2017 04:32
can anyone help me with level 108?
Roxroy
@roxroy
Mar 26 2017 04:33
@nawaz9 , what is the name of the challenge?
sha
@nawaz9
Mar 26 2017 04:33
Responsively Style Radio Buttons
@roxroy
Roxroy
@roxroy
Mar 26 2017 04:34
@nawaz9 , which test is not passing
sha
@nawaz9
Mar 26 2017 04:34

<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 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>
  </div>
<input type="text" placeholder="cat photo URL" required>

<button type="submit">Submit</button>

</form>

it says make sure all div element has closing tag
wizzoz
@wizzoz
Mar 26 2017 04:35

@nawaz9

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

sha
@nawaz9
Mar 26 2017 04:35
and i cant figure out which one doesn't
it says all div element should have closing tag
and i cant figure out which one doesn't
Roxroy
@roxroy
Mar 26 2017 04:37

@nawaz9 , you have an extra div on the last line

<div class="col-xs-6">
  <label><input type="checkbox" name="personality"> Crazy</label>
</div>
</div>

you should delete one of the closing </div>

wizzoz
@wizzoz
Mar 26 2017 04:38

@wizzoz
guys need help

<H3 class= "text-primary text-center"> jQuery Playground </H3>
Make sure your h3 element has a closing tag.????

sha
@nawaz9
Mar 26 2017 04:39
no thats for the <div class="row"> on top @roxroy
Abdallah Ramadan Awwad
@arawwad
Mar 26 2017 04:40
@wizzoz try lowercase h3
Roxroy
@roxroy
Mar 26 2017 04:40
@nawaz9, ok, paste all your code
wizzoz
@wizzoz
Mar 26 2017 04:41
@wizzoz try lowercase h3
thanks bro, it works
sha
@nawaz9
Mar 26 2017 04:41

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

<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 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>
  </div>
<input type="text" placeholder="cat photo URL" required>

<button type="submit">Submit</button>

</form>

wizzoz
@wizzoz
Mar 26 2017 04:41
@arawwad thanks bro, it works
CamperBot
@camperbot
Mar 26 2017 04:41
wizzoz sends brownie points to @arawwad :sparkles: :thumbsup: :sparkles:
:cookie: 276 | @arawwad |http://www.freecodecamp.com/arawwad
sha
@nawaz9
Mar 26 2017 04:41
@roxroy
Abdallah Ramadan Awwad
@arawwad
Mar 26 2017 04:43
@wizzoz np
Darren
@DarrenfJ
Mar 26 2017 04:43
@DarrenfJ and u think your people make weird statues
amazing @diomed
sha
@nawaz9
Mar 26 2017 04:49
thanks @wizzoz
CamperBot
@camperbot
Mar 26 2017 04:49
nawaz9 sends brownie points to @wizzoz :sparkles: :thumbsup: :sparkles:
:cookie: 88 | @wizzoz |http://www.freecodecamp.com/wizzoz
J726306d
@J726306d
Mar 26 2017 04:52
alright can someone help me, im suppose to nest the existing img element within an a element

<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="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></a>.</p>

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

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

Vidyaranya
@vidyaranyank
Mar 26 2017 04:56
Due to browser implementation differences, you may need to be at 100% zoom to pass the tests on this challenge. ??
what exactly does that mean ??
ChubbyCodes
@ChubbyCodes
Mar 26 2017 04:58
nest mean adding an 1 element inside anthoer one
Darren
@DarrenfJ
Mar 26 2017 04:58
@vidyaranyank if you haven't touched your browser zoom then you should be ok.. it's likely failing due to something else...
Vidyaranya
@vidyaranyank
Mar 26 2017 04:59
browser zoom means ??
Darren
@DarrenfJ
Mar 26 2017 05:00
goto you setting on your browser.. you can zoom any webpage.. increase it's viewable size
Vidyaranya
@vidyaranyank
Mar 26 2017 05:00
okay !
Darren
@DarrenfJ
Mar 26 2017 05:00
as if looking through a magnifying glass, which is also the icon they use to represent it
Vidyaranya
@vidyaranyank
Mar 26 2017 05:01
yeah i got it ... its 100%
Darren
@DarrenfJ
Mar 26 2017 05:02
@vidyaranyank coolcool.. that's usually the default anyway
Vidyaranya
@vidyaranyank
Mar 26 2017 05:03
but the code isn't running successfully ...
Darren
@DarrenfJ
Mar 26 2017 05:04
because it's usually a u or typo and not the browser zoom
can you post what you tried so far?
Vidyaranya
@vidyaranyank
Mar 26 2017 05:05

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

<style>
.red-text {
color: red;
}
.smalller-image{
width: 100px;
}

h2 {
font-family: Lobster, Monospace;
}

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

</style>

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

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

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

Synsational
@Synsational
Mar 26 2017 05:06
what does it mean when it says "Only add one class with each of your three selectors"
Darren
@DarrenfJ
Mar 26 2017 05:07
@vidyaranyank what's the name of the exercise?
J726306d
@J726306d
Mar 26 2017 05:07
i kinda understand code, for someone whos never done it first time actually its pretty easy once you see the correlation
Vidyaranya
@vidyaranyank
Mar 26 2017 05:07
size your images @DarrenfJ
Synsational
@Synsational
Mar 26 2017 05:07

this is my code

$(document).ready(function() {
$("button")
$(".btn")
$("#target1").addClass("btn-primary animated shake")

what does it mean when it says "Only add one class with each of your three selectors."

Darren
@DarrenfJ
Mar 26 2017 05:07
@Synsational you have three .addClass 's in that exercise
use 1 each to add 1 different class each
@J726306d coolcool... it's kinda good when it all starts coming together eh?
@vidyaranyank typo here:
.smalller-image{
width: 100px;
}
Vidyaranya
@vidyaranyank
Mar 26 2017 05:09
oh right !!
Darren
@DarrenfJ
Mar 26 2017 05:09
@Synsational can you see how you added 3 classes with 1 selector?
J726306d
@J726306d
Mar 26 2017 05:09
i feel my brain growing with such powerful knowledge lol
Vidyaranya
@vidyaranyank
Mar 26 2017 05:09
thank you @DarrenfJ
CamperBot
@camperbot
Mar 26 2017 05:09
vidyaranyank sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 1590 | @darrenfj |http://www.freecodecamp.com/darrenfj
Darren
@DarrenfJ
Mar 26 2017 05:09
$("#target1").addClass("btn-primary animated shake")
@J726306d i hear yah virtual high five
@Synsational can you see how you added 3 classes with 1 selector?
J726306d
@J726306d
Mar 26 2017 05:09
High
5 lol
Darren
@DarrenfJ
Mar 26 2017 05:10
@Synsational and you added nothing to these 2?
$("button")
$(".btn")
Synsational
@Synsational
Mar 26 2017 05:11

this is what i have

$(document).ready(function() {
$("button").addClass("animated")
$(".btn").addClass ("btn-primary")
$("#target1").addClass("shake")

Darren
@DarrenfJ
Mar 26 2017 05:11
@Synsational looks good but you have that space in the middle one

Add the animated class to all elements with type button.

Add the shake class to all the buttons with class .btn.

Add the btn-primary class to the button with id #target1.

and you got the bottom 2 switched
Synsational
@Synsational
Mar 26 2017 05:12
ohhhhh
Darren
@DarrenfJ
Mar 26 2017 05:13
you can see the space in the middle one here $(".btn").addClass ("btn-primary")
Dustin
@dustinn1404
Mar 26 2017 05:14
hey guys what does it mean by Emphasize the text in your target4 button by adding HTML tags.
lesson 105
Darren
@DarrenfJ
Mar 26 2017 05:14
@dustinn1404 use jQuery to change the existing text in the button with the id target 4
to emphasized text.
the number is your progress and not the exercise number
you have 105 brownies or cookies
Dustin
@dustinn1404
Mar 26 2017 05:16
hi darren, so is it $("#target4").html("target4");
Yannick Parfait
@yannickparfait
Mar 26 2017 05:17
@dustinn1404 i am stuck there too
Darren
@DarrenfJ
Mar 26 2017 05:17
close...

lookit the example they give: "Here's how you would rewrite and emphasize the text of our heading:

$("h3").html("<em>jQuery Playground</em>");"

J726306d
@J726306d
Mar 26 2017 05:17
i have a question, does doing all this work get saved automatically or no? because ive already had to restart once but it was no problem i just dont want to get so far and end up at the beginning again once i log back on
Darren
@DarrenfJ
Mar 26 2017 05:18
@J726306d take a look at your progress on your fCC profile page...
J726306d
@J726306d
Mar 26 2017 05:19
thanks! @DarrenfJ
CamperBot
@camperbot
Mar 26 2017 05:19
j726306d sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 1591 | @darrenfj |http://www.freecodecamp.com/darrenfj
Darren
@DarrenfJ
Mar 26 2017 05:19
@dustinn1404 so you are close but add the <em> stuff in there
Synsational
@Synsational
Mar 26 2017 05:20

I still don't understand what i'm doing wrong

$("button").addClass ("animated")
$(".btn").addClass ("shake")
$("#target1").addClass ("btn-primary")

Darren
@DarrenfJ
Mar 26 2017 05:20
the <em> does the emphasizing
@Synsational non of these spaces can be there
$("button").addClass ("animated")
$(".btn").addClass ("shake")
$("#target1").addClass ("btn-primary")
Yannick Parfait
@yannickparfait
Mar 26 2017 05:21
i have got it
Its the #tag
Synsational
@Synsational
Mar 26 2017 05:21
oh my god
thank you
Yannick Parfait
@yannickparfait
Mar 26 2017 05:21
$("#target4").html("<em>#target4</em>");
Synsational
@Synsational
Mar 26 2017 05:21
that was so silly
Darren
@DarrenfJ
Mar 26 2017 05:21
scootch the ( right up to addClass
Dustin
@dustinn1404
Mar 26 2017 05:21
thanks @DarrenfJ got it alr thanks to u!!!!!
CamperBot
@camperbot
Mar 26 2017 05:21
dustinn1404 sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 1592 | @darrenfj |http://www.freecodecamp.com/darrenfj
Darren
@DarrenfJ
Mar 26 2017 05:22
@yannickparfait yup.. gotta be the same as it was before you added the <em>'s the same text wording anyway
Yannick Parfait
@yannickparfait
Mar 26 2017 05:23
thanks
yes
Darren
@DarrenfJ
Mar 26 2017 05:23
@dustinn1404 virtual high five
David Al-Yakobi
@ddave5109
Mar 26 2017 05:24
Hello world
I needddd help
Darren
@DarrenfJ
Mar 26 2017 05:25
hey buddy! :wave:
David Al-Yakobi
@ddave5109
Mar 26 2017 05:25
I just got an AWS IoT from amazon
and I need start making it do stuff
does anyone happen to know anything about that?
Darren
@DarrenfJ
Mar 26 2017 05:26
i sure don't... sorry man
nik3108
@nik3108
Mar 26 2017 05:26
<p>"view more cat photos"<a href="http://www.freecatphotoapp.com">cat photos</a>cat photos.</p>
what am i doing wrong
Darren
@DarrenfJ
Mar 26 2017 05:27
@nik3108 well you got cat photos 3 times
David Al-Yakobi
@ddave5109
Mar 26 2017 05:27
its fine thanks anyway @DarrenfJ
CamperBot
@camperbot
Mar 26 2017 05:27
ddave5109 sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 1593 | @darrenfj |http://www.freecodecamp.com/darrenfj
Darren
@DarrenfJ
Mar 26 2017 05:27
@nik3108 and you got the first part in " "
"view more cat photos"cat photoscat photos. <-- where the middle on will be underlined as a link
tinnytintin
@tinnytintin
Mar 26 2017 05:28
Hey does anyone know if it's possible to take a text input from an HTML file and then save the input in a .txt file on the host machine... like at C:\users\%user%\Desktop
Darren
@DarrenfJ
Mar 26 2017 05:28
that's what it wold like without the < a href> which really only added the link part
nik3108
@nik3108
Mar 26 2017 05:29
how should it look
Deven Shah
@ShahaDeven
Mar 26 2017 05:29
plz help me
i will send you the code
Target the Parent of an Element Using jQuery
Doni Yafi
@yafiwebdev
Mar 26 2017 05:29
@tinnytintin you can google how to create files with JavaScript
Darren
@DarrenfJ
Mar 26 2017 05:30
@nik3108 "Create an a element that links to http://freecatphotoapp.com and has "cat photos" as its anchor text."
Deven Shah
@ShahaDeven
Mar 26 2017 05:30
plz check the below url @DarrenfJ
https://www.freecodecamp.com/challenges/target-the-parent-of-an-element-using-jquery#?solution=%0Afccss%0A%20%20%24(document).ready(function()%20%7B%0A%20%20%20%20%24(%22%23target1%22).css(%22color%22%2C%20%22red%22)%3B%0A%20%20%20%20%24(%22%23target1%22).prop(%22disabled%22%2C%20true)%3B%0A%20%20%20%20%24(%22%23target4%22).remove()%3B%0A%20%20%20%20%24(%22%23target2%22).appendTo(%22%23right-well%22)%3B%0A%20%20%20%20%24(%22%23target5%22).clone().appendTo(%22%23left-well%22)%3B%0A%20%20%20%20%24(%22%23left-well%22).parent().css(%22background-color%22%2C%22red%22)%3B%0A%20%20%7D)%3B%0Afcces%0A%0A%3C!--%20Only%20change%20code%20above%20this%20line.%20--%3E%0A%0A%3Cbody%3E%0A%20%20%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%20%20%3Ch3%20class%3D%22text-primary%20text-center%22%3EjQuery%20Playground%3C%2Fh3%3E%0A%20%20%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%20%20%3Ch4%3E%23left-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22left-well%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target1%22%3E%23target1%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target2%22%3E%23target2%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target3%22%3E%23target3%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%20%20%3Ch4%3E%23right-well%3C%2Fh4%3E%0A%20%20%20%20%20%20%20%20%3Cdiv%20class%3D%22well%22%20id%3D%22right-well%22%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target4%22%3E%23target4%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target5%22%3E%23target5%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target6%22%3E%23target6%3C%2Fbutton%3E%0A%20%20%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%3C%2Fbody%3E%0A
Darren
@DarrenfJ
Mar 26 2017 05:31
@nik3108 you only need it as a link with the words cat photos as the anchor text..
Deven Shah
@ShahaDeven
Mar 26 2017 05:32
@DarrenfJ Plz help me i my code
Darren
@DarrenfJ
Mar 26 2017 05:32
@ShahaDeven "Give the parent of the #target1 element a background-color of red."
you are 'giving it' the left-well here $("#left-well").parent().css("background-color","red");
they used left-well simply as an example for syntax
Deven Shah
@ShahaDeven
Mar 26 2017 05:34
@DarrenfJ thanks very much
nik3108
@nik3108
Mar 26 2017 05:34
@DarrenfJ not getting it
Darren
@DarrenfJ
Mar 26 2017 05:35
@ShahaDeven no worries brutha
Synsational
@Synsational
Mar 26 2017 05:35
how would i remove an html element with remove
am i on the right track
$("target4").remove()
$("#target4").remove()
Darren
@DarrenfJ
Mar 26 2017 05:36
@nik3108 <a href="sub in the url they gave here>sub in teh anchor text here</a>
Rudy Hernandez
@rudolphh
Mar 26 2017 05:36
Hide
Darren
@DarrenfJ
Mar 26 2017 05:36
@nik3108 "Create an a element that links to http://freecatphotoapp.com and has "cat photos" as its anchor text."
sha
@nawaz9
Mar 26 2017 05:36
it says Give the submit button in your form the classes btn btn-primary.
Add a <i class="fa fa-paper-plane"></i> within your submit button element. Give the text input in your form the class form-control.
<button type=" submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i>Submit</button>
whats wrong?
anyone?
Darren
@DarrenfJ
Mar 26 2017 05:37
@nawaz9 you got the first part there
you so this also" "Give the text input in your form the class form-control."?
sha
@nawaz9
Mar 26 2017 05:37
<form action="/submit-cat-photo" input="form-control">
?
not working
Darren
@DarrenfJ
Mar 26 2017 05:37
@nawaz9 class of form-control
Synsational
@Synsational
Mar 26 2017 05:38

@DarrenfJ how would I remove a HTML element with .remove

am i on the right track?

$("#target4").remove()

sha
@nawaz9
Mar 26 2017 05:38
still not working @DarrenfJ
Darren
@DarrenfJ
Mar 26 2017 05:39
@Synsational yah looks good
nik3108
@nik3108
Mar 26 2017 05:40
<a href="http://www.freecatphotoapp.com">cat photos</a>
what should i do in this
how to nest
@DarrenfJ
Darren
@DarrenfJ
Mar 26 2017 05:42
@nawaz9 what's the name of the exercise
Rudy Hernandez
@rudolphh
Mar 26 2017 05:44
@Synsational as long as the id of your element is id ='target4' then should be fine
nik3108
@nik3108
Mar 26 2017 05:44
@DarrenfJ yes
Darren
@DarrenfJ
Mar 26 2017 05:44
@nik3108 yu just need to add that as is
nik3108
@nik3108
Mar 26 2017 05:45
@DarrenfJ @DarrenfJ Nest an Anchor Element within a Paragraph
this is the challenge
Darren
@DarrenfJ
Mar 26 2017 05:46
@nik3108 this part? "Now nest your existing a element within a new p element (just after the existing h2 element) so that the surrounding paragraph says "View more cat photos", but where only "cat photos" is a link, and the rest of the text is plain text."
nik3108
@nik3108
Mar 26 2017 05:47
<p>view more <a href="http://www.freecatphotoapp.com">cat photos</a></p>
Darren
@DarrenfJ
Mar 26 2017 05:47
@nik3108 you want it to look like this View more cat photos and you have it as cat photos so far
@nik3108 looks good
nik3108
@nik3108
Mar 26 2017 05:48
i tried this but it is not accepting
Darren
@DarrenfJ
Mar 26 2017 05:48
ok helpRoomies.. gotta run.. might be back in a bit. but if not have a great time continuing to code onwards..
nik3108
@nik3108
Mar 26 2017 05:48

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

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

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

Darren
@DarrenfJ
Mar 26 2017 05:49
@nik3108 try it with a capital V
nik3108
@nik3108
Mar 26 2017 05:49
ok
You need an a element that links to "http://www.freecatphotoapp.com".
this is the error
Your a element should be nested within your new p element.
Your p element should have the text "View more " (with a space after it).
and this tto
Manish Giri
@Manish-Giri
Mar 26 2017 05:51
@DarrenfJ :wave:
Darren
@DarrenfJ
Mar 26 2017 05:51
@Manish-Giri hey buddy!
gotta sneak out and walk the dogs.. be back later...
cttith
@cttith
Mar 26 2017 05:53
Having trouble nesting my text input within a form element...
J726306d
@J726306d
Mar 26 2017 05:53
so do i..
cttith
@cttith
Mar 26 2017 05:53

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

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

is what i currently have
J72 wbu?
Manish Giri
@Manish-Giri
Mar 26 2017 05:56
the input needs to be nested inside the form element
<form action="/submit-cat-photo">
//input here
</form>
@cttith @J726306d
J726306d
@J726306d
Mar 26 2017 05:56
<form>
<action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>
this was the way i had it
cttith
@cttith
Mar 26 2017 05:56
remove the first >, after form I believe
nik3108
@nik3108
Mar 26 2017 05:57

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

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

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

cttith
@cttith
Mar 26 2017 05:57
kudos @Manish-Giri
nik3108
@nik3108
Mar 26 2017 05:57
what am i missing here
cttith
@cttith
Mar 26 2017 05:58
@nik1308 what is the task asking for?
nik3108
@nik3108
Mar 26 2017 05:58
Nest an Anchor Element within a Paragraph
J726306d
@J726306d
Mar 26 2017 06:00
^^i think you have to place <a> inside the paragraph <p>
nik3108
@nik3108
Mar 26 2017 06:01
i have tried it
cttith
@cttith
Mar 26 2017 06:01
i'm looking, but i have no idea....
J726306d
@J726306d
Mar 26 2017 06:01
<p>Click here for <a href="#">cat photos</a>.</p>
are you in this step?
LukeIBX1
@LukeIBX1
Mar 26 2017 06:01
Hey anyone know what to do here? I need to nest a text field in a form element. What would that look like?
nik3108
@nik3108
Mar 26 2017 06:01
<p>view more <a href="http://www.freecatphotoapp.com">cat photos</a></p>
cttith
@cttith
Mar 26 2017 06:01
is that period after the closing of the anchor element required?
J726306d
@J726306d
Mar 26 2017 06:02
yea
cttith
@cttith
Mar 26 2017 06:03
@LukeIBX1 do your form before the the input and then close the form after closing the input
Doni Yafi
@yafiwebdev
Mar 26 2017 06:03
@cttith probably required for the test, but it functions without it
cttith
@cttith
Mar 26 2017 06:03
@yafiwebdev thanks!
CamperBot
@camperbot
Mar 26 2017 06:03
cttith sends brownie points to @yafiwebdev :sparkles: :thumbsup: :sparkles:
:cookie: 248 | @yafiwebdev |http://www.freecodecamp.com/yafiwebdev
nik3108
@nik3108
Mar 26 2017 06:04
<p>"View more" <a href="http://www.freecatphotoapp.com">cat photos</a></p>
what is wrong in this
cttith
@cttith
Mar 26 2017 06:04
@nik3108 add a "." after closing your anchor element
LukeIBX1
@LukeIBX1
Mar 26 2017 06:04
@cttith That's what I think I've done but it doesn't seem to be working. Here is what I put : <form action="/submit-cat-photo"><input type="text" placeholder="cat photo URL">
</form>
Doni Yafi
@yafiwebdev
Mar 26 2017 06:04
@nik3108 also no quotes around View more
nik3108
@nik3108
Mar 26 2017 06:05
<p> View more <a href="http://www.freecatphotoapp.com">cat photos</a></p>
cttith
@cttith
Mar 26 2017 06:06
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
</form>
thats the same exact thing I have @LukeIBX1 , and it passed me
Doni Yafi
@yafiwebdev
Mar 26 2017 06:06
try refreshing the page @LukeIBX1
nik3108
@nik3108
Mar 26 2017 06:07
@yafiwebdev how to do this
LukeIBX1
@LukeIBX1
Mar 26 2017 06:07
that's wierd, the phone thing on the side is showing a chrome error message "Chrome detected unusual code on this page and blocked it to protect your personal information (for example, passwords, phone numbers, and credit cards)."
J726306d
@J726306d
Mar 26 2017 06:08
that just came up for me!
LukeIBX1
@LukeIBX1
Mar 26 2017 06:09
IDK I think it's working now.
Doni Yafi
@yafiwebdev
Mar 26 2017 06:09
@nik3108 do what ?
nik3108
@nik3108
Mar 26 2017 06:09
thanks i refreshed my page and it worked
@yafiwebdev thank you
CamperBot
@camperbot
Mar 26 2017 06:10
nik3108 sends brownie points to @yafiwebdev :sparkles: :thumbsup: :sparkles:
:cookie: 249 | @yafiwebdev |http://www.freecodecamp.com/yafiwebdev
Muthu Vignesh
@vigneshnoobie
Mar 26 2017 06:13
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
what should i do in sytle tag
nik3108
@nik3108
Mar 26 2017 06:14
<p>Click here for <a #="http://www.freecatphotoapp.com">cat photos</a>.</p>
is it right
Your a element should be a dead link with a href attribute set to "#".
Manish Giri
@Manish-Giri
Mar 26 2017 06:15
@nik3108 where's the href?
replace the http link with #
not the href
nik3108
@nik3108
Mar 26 2017 06:16
ohhkk
Manish Giri
@Manish-Giri
Mar 26 2017 06:16
the challenge says - replace value of href, not href itself.
Doni Yafi
@yafiwebdev
Mar 26 2017 06:16
@nik3108 sooooooooo many people are confused with this one, you change the value (url ) of the href, not the letters "href"
nik3108
@nik3108
Mar 26 2017 06:18
<p>Click here for <a href="#http://www.freecatphotoapp.com">cat photos</a>.</p>
J726306d
@J726306d
Mar 26 2017 06:19
omg this similar to math! all it takes is one simple symbol to ruin everything but also fix
Doni Yafi
@yafiwebdev
Mar 26 2017 06:20
it's even more strict than math
some mistakes in math the teacher can understand
but the computer doesn't know what you mean
it thinks exact characters and punctuation
nik3108
@nik3108
Mar 26 2017 06:21
<p>Click here for <a href="#http://www.freecatphotoapp.com">cat photos</a>.</p>
WHAT I AM meant to do here
Manish Giri
@Manish-Giri
Mar 26 2017 06:23
replace the http link with #
__mifflin__
@cdrainxv
Mar 26 2017 06:24
re·place
rəˈplās/
verb
1.
take the place of.
"Ian's smile was replaced by a frown"
Doni Yafi
@yafiwebdev
Mar 26 2017 06:24
he might think only http
replace the whole link, from http to .com
put only a hash # inside the double quotes
nik3108
@nik3108
Mar 26 2017 06:26
i got it @yafiwebdev thank you
CamperBot
@camperbot
Mar 26 2017 06:26
nik3108 sends brownie points to @yafiwebdev :sparkles: :thumbsup: :sparkles:
:warning: nik3108 already gave yafiwebdev points
J726306d
@J726306d
Mar 26 2017 06:27
coding makes me feel like I'm playing God
milcaasi
@milcaasi
Mar 26 2017 06:32
how do you center an image? can you do that?
Robert Klein
@enigmalife1
Mar 26 2017 06:33

Question for you all. Need to apply a thick green border to my cute cat picture. I am pretty sure i have it coded correctly... <style>
<style>
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
}
</style>

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

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

Manish Giri
@Manish-Giri
Mar 26 2017 06:34
@enigmalife1 did you make a second set of style tags?
Robert Klein
@enigmalife1
Mar 26 2017 06:35
i did. do i only need one ste
set?
Manish Giri
@Manish-Giri
Mar 26 2017 06:35
yes
Robert Klein
@enigmalife1
Mar 26 2017 06:35
Ok will try now.
Boom! Thanks @Manish-Giri !!
CamperBot
@camperbot
Mar 26 2017 06:36
enigmalife1 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4926 | @manish-giri |http://www.freecodecamp.com/manish-giri
nik3108
@nik3108
Mar 26 2017 06:38
Your a element should be a dead link with a href attribute set to #.
how to do this
Dushyant Rao
@Dushyant-Rao
Mar 26 2017 06:39
remove img's href link and key in #
nik3108
@nik3108
Mar 26 2017 06:41
src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> </a>
it is src
Gabriel
@Gabf70
Mar 26 2017 06:42
@Gabf70
hello
Emphasize the text in your target4 button by adding HTML tags.
Make sure the text is otherwise unchanged.
$("#target4").html("<u>jQueryPlayground</u>");
the challenge is Change Text Inside an Element Using jQuery
Dushyant Rao
@Dushyant-Rao
Mar 26 2017 06:43
@nik3108 imeant remove the https link and insert just #
sorry i said href.. it was suppose to be http :)
Sandeep Bhargav
@sandeep2x2016
Mar 26 2017 06:45
boostrap not working properly in codepen?
Manish Giri
@Manish-Giri
Mar 26 2017 06:46
@sandeep2x2016 use the right version for your code..
J726306d
@J726306d
Mar 26 2017 06:46
coding is so freaking fun! I feel like god creating blueprints for something
Sandeep Bhargav
@sandeep2x2016
Mar 26 2017 06:46
@Manish-Giri what do you mean bro?
Shane
@Shaneohmac
Mar 26 2017 06:47
Just starting up, not sure what it wants me to ask help for. Or maybe it just wanted me to join a help room.
nik3108
@nik3108
Mar 26 2017 06:47
<a> <img class="smaller-image thick-green-border" src=#>"https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> </a>'
Manish Giri
@Manish-Giri
Mar 26 2017 06:47
@sandeep2x2016 https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css
this is the ver 4 link
you probably need v3
Dushyant Rao
@Dushyant-Rao
Mar 26 2017 06:47
@nik3108 use the a attribute inside the img .. and don't use =#.. just use #
Sandeep Bhargav
@sandeep2x2016
Mar 26 2017 06:48
what should i do now?
J726306d
@J726306d
Mar 26 2017 06:48
keep moving forward
@sandeep2x2016
J726306d
@J726306d
Mar 26 2017 06:48
once you start and get the hang of it its fun
Sandeep Bhargav
@sandeep2x2016
Mar 26 2017 06:49
@Manish-Giri hey i was trying to do that portfolio challeneg
Manish Giri
@Manish-Giri
Mar 26 2017 06:50
@sandeep2x2016 I know..
Sandeep Bhargav
@sandeep2x2016
Mar 26 2017 06:50
@Manish-Giri i should copy paste bootstrap cdn in codepen?
Manish Giri
@Manish-Giri
Mar 26 2017 06:51
@sandeep2x2016 delete the v4 link and put this one in..
Sandeep Bhargav
@sandeep2x2016
Mar 26 2017 06:51
@Manish-Giri how to do it?
Dushyant Rao
@Dushyant-Rao
Mar 26 2017 06:51
got to go for a bit.. will catch in a bit
Manish Giri
@Manish-Giri
Mar 26 2017 06:52
@sandeep2x2016 click on css settings icon..
Sandeep Bhargav
@sandeep2x2016
Mar 26 2017 06:53
@Manish-Giri then?
Manish Giri
@Manish-Giri
Mar 26 2017 06:53
then you should be able to figure out the rest easily
Sandeep Bhargav
@sandeep2x2016
Mar 26 2017 06:54
Manish Giri
@Manish-Giri
Mar 26 2017 06:55
yes I know
that is v4
delete it
replace it with v3.3.7
Sandeep Bhargav
@sandeep2x2016
Mar 26 2017 07:05
hey anyone there to help?
Doni Yafi
@yafiwebdev
Mar 26 2017 07:09
with what ?
Constantin Iordache
@constantinmoon
Mar 26 2017 07:10
Yeah
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 07:12
@sandeep2x2016 yea we're here
TajOmair
@tajomair
Mar 26 2017 07:12
hey how to change the font family of an element, where do I type?
@UsmanAhmadSaeed hey changing font family how to ?
Doni Yafi
@yafiwebdev
Mar 26 2017 07:13
font-family: something;
inside the style tags
TajOmair
@tajomair
Mar 26 2017 07:14
@yafiwebdev on the respective element? h or p right ?
Doni Yafi
@yafiwebdev
Mar 26 2017 07:14
but you put the elemnt id or class before
p { font-family: Arial; }
for example
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 07:14
@tajomair first create a class for font family in style element then add that class to your specific elemnt you want to change font family of
TajOmair
@tajomair
Mar 26 2017 07:15
but is gave me another p tag not the font
@UsmanAhmadSaeed you mean like the style. class?
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 07:16
which challenge are you on? @tajomair
TajOmair
@tajomair
Mar 26 2017 07:16
set the font family of an element
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 07:17
@tajomair just a moment
Manish Giri
@Manish-Giri
Mar 26 2017 07:18
@tajomair you already have the p tag in the style tags right?
p {
...
}
set the font-family in there.
TajOmair
@tajomair
Mar 26 2017 07:18
yeah <P> in this way
<p{font-family: monospace;}>
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 07:19
Manish Giri
@Manish-Giri
Mar 26 2017 07:19
@UsmanAhmadSaeed pls don't post solutions here.
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 07:20
@Manish-Giri why?
Manish Giri
@Manish-Giri
Mar 26 2017 07:20
@UsmanAhmadSaeed because it doesn't help one learn.
TajOmair
@tajomair
Mar 26 2017 07:20
@Manish-Giri @UsmanAhmadSaeed thanks guys
CamperBot
@camperbot
Mar 26 2017 07:20
tajomair sends brownie points to @manish-giri and @usmanahmadsaeed :sparkles: :thumbsup: :sparkles:
:cookie: 97 | @usmanahmadsaeed |http://www.freecodecamp.com/usmanahmadsaeed
:star2: 4927 | @manish-giri |http://www.freecodecamp.com/manish-giri
Doni Yafi
@yafiwebdev
Mar 26 2017 07:21
@UsmanAhmadSaeed they need to understand why and how it works
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 07:21
@Manish-Giri hey dear it does. smetimes we don't understand what to do and when it is shown to us we'll remeber it forever that how we did it and how it worked
We'll never forget it then.
Manish Giri
@Manish-Giri
Mar 26 2017 07:22
@UsmanAhmadSaeed not really.
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 07:22
@Manish-Giri @yafiwebdev OK guys Sorry
Manish Giri
@Manish-Giri
Mar 26 2017 07:22
Given the solution, one would just copy paste it and move on. It's much better for one to arrive at the solution themselves.
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 07:22
@tajomair Pleasure
TajOmair
@tajomair
Mar 26 2017 07:22
@UsmanAhmadSaeed @yafiwebdev @Manish-Giri sorry guys :(
Doni Yafi
@yafiwebdev
Mar 26 2017 07:23
it's ok
this one isn't that hard, he could have figured it out with some pointers :)
why is my page title and other icons different
Doni Yafi
@yafiwebdev
Mar 26 2017 07:26
they have different classes
also, I think you should put them in a container
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 07:28
@tajomair Sorry for what bro
Doni Yafi
@yafiwebdev
Mar 26 2017 07:28
as they're in the same section
@BhavyaJain08
TajOmair
@tajomair
Mar 26 2017 07:29
@UsmanAhmadSaeed small issue
Bhavya Jain
@BhavyaJain08
Mar 26 2017 07:30
they are in a fluid container
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 07:31
@tajomair But we can get stuck in much smaller issue than this. That's ok. Don't be sorry about that you couldn't do it. Carry on and on
Doni Yafi
@yafiwebdev
Mar 26 2017 07:31
@BhavyaJain08
that's for the whole webpage
TajOmair
@tajomair
Mar 26 2017 07:32
@UsmanAhmadSaeed yeah thanks mate :)
CamperBot
@camperbot
Mar 26 2017 07:32
tajomair sends brownie points to @usmanahmadsaeed :sparkles: :thumbsup: :sparkles:
:warning: tajomair already gave usmanahmadsaeed points
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 07:32
@tajomair :)
Doni Yafi
@yafiwebdev
Mar 26 2017 07:32
@BhavyaJain08 you have a container for the whole page, then containers for each section
Bhavya Jain
@BhavyaJain08
Mar 26 2017 07:33
okay thanks @yafiwebdev
CamperBot
@camperbot
Mar 26 2017 07:33
bhavyajain08 sends brownie points to @yafiwebdev :sparkles: :thumbsup: :sparkles:
:cookie: 255 | @yafiwebdev |http://www.freecodecamp.com/yafiwebdev
Doni Yafi
@yafiwebdev
Mar 26 2017 07:33
;)
J726306d
@J726306d
Mar 26 2017 07:39
.silver-background {
background-color: silver;
}
</style>
<div> class="silver-background">
<p>Things cats love:</p>
<ul>
I need help turning the background silver, ive already checked online and it seems im right but nothing is happening
Doni Yafi
@yafiwebdev
Mar 26 2017 07:42
try refreshing the page
J726306d
@J726306d
Mar 26 2017 07:42
i tried already
h1tag
@h1tag
Mar 26 2017 07:42
@J726306d <div> class="silver-background">?
J726306d
@J726306d
Mar 26 2017 07:43
that's exactly what i have right now
Doni Yafi
@yafiwebdev
Mar 26 2017 07:43
oh
h1tag
@h1tag
Mar 26 2017 07:43
you have a typo
Doni Yafi
@yafiwebdev
Mar 26 2017 07:43
you closed the tag too soon
you apply the class inside the opening tag
J726306d
@J726306d
Mar 26 2017 07:46
like this?<div> class="silver-background">
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
</div>
<div> class="silver-background">
<p>Things cats love:</p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
</div>
Amit Ranjitkar
@aamitss
Mar 26 2017 07:46
<div class="silver-background">
This should be in the first
J726306d
@J726306d
Mar 26 2017 07:47
OMG!!!!!1
finally
thanks!lmao
Humberto
@kanekyblac
Mar 26 2017 07:51
hola mundo
J726306d
@J726306d
Mar 26 2017 07:52
hola hola
Humberto
@kanekyblac
Mar 26 2017 07:52
@J726306d que tal?
james umali
@indefinite0212
Mar 26 2017 07:52
hello :)
Humberto
@kanekyblac
Mar 26 2017 07:53
como estan
J726306d
@J726306d
Mar 26 2017 07:55
eres Nuevo aqui?
@kanekyblac
Doni Yafi
@yafiwebdev
Mar 26 2017 07:55
anyone knows the difference between /\d+/ and /\d/ in regular expressions ? it's giving the same result
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 07:56
@indefinite0212 hi
Doni Yafi
@yafiwebdev
Mar 26 2017 07:56
it says that this + allows it to match one or more digits
princeantor
@princeantor
Mar 26 2017 07:56
hi,i am new here.. I may need some help alongside my journey,,i am glad to be here with u,,
james umali
@indefinite0212
Mar 26 2017 07:57
@UsmanAhmadSaeed hello there
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 07:57
@princeantor Welcome to FCC and we're here to help
james umali
@indefinite0212
Mar 26 2017 07:57
@princeantor welcome to FreeCodeCamp :smile:
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 07:57
@indefinite0212 :)
J726306d
@J726306d
Mar 26 2017 07:57
im not gonna lie, ill prpbably be doing this everyday and be here asking for help every so often
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 07:58
@J726306d You're always welcome for any help
J726306d
@J726306d
Mar 26 2017 08:00
Well I appreciate that thanks @UsmanAhmadSaeed
CamperBot
@camperbot
Mar 26 2017 08:00
j726306d sends brownie points to @usmanahmadsaeed :sparkles: :thumbsup: :sparkles:
:cookie: 112 | @usmanahmadsaeed |http://www.freecodecamp.com/usmanahmadsaeed
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 08:01
@J726306d PLeasure
Manish Giri
@Manish-Giri
Mar 26 2017 08:09
@yafiwebdev \d will match only one occurrence.
Doni Yafi
@yafiwebdev
Mar 26 2017 08:10
it matched all of them
it gave the exact same number
with and without the plus
the g(global) after the expression is what changed it
@Manish-Giri
Manish Giri
@Manish-Giri
Mar 26 2017 08:12
@yafiwebdev well yeah without the g it would match only once.
try the + with the g
Doni Yafi
@yafiwebdev
Mar 26 2017 08:12
I tried with and without
same result
it was different only with \S+ , which looks for all other than whitespace
Manish Giri
@Manish-Giri
Mar 26 2017 08:13
Screenshot 2017-03-26 04.13.25.png
17 numbers, 17 matches, with \d
Screenshot 2017-03-26 04.14.32.png
17 numbers, 1 match, with \d+
Doni Yafi
@yafiwebdev
Mar 26 2017 08:15
you just said that \d will match once
Manish Giri
@Manish-Giri
Mar 26 2017 08:15
isn't that's what's happening?
Doni Yafi
@yafiwebdev
Mar 26 2017 08:15
@Manish-Giri here
sorry I wanted to quote
Manish Giri
@Manish-Giri
Mar 26 2017 08:16
you have 17 numbers, \d matches only one number, so you get 17 matches
Doni Yafi
@yafiwebdev
Mar 26 2017 08:16
hmm
so it considers the big number like a digit
Manish Giri
@Manish-Giri
Mar 26 2017 08:17
yes
Doni Yafi
@yafiwebdev
Mar 26 2017 08:17
cool
Manish Giri
@Manish-Giri
Mar 26 2017 08:17
"1 or more occurences"
Doni Yafi
@yafiwebdev
Mar 26 2017 08:17
it was the same for me coz they were separated
thanks @Manish-Giri
CamperBot
@camperbot
Mar 26 2017 08:17
yafiwebdev sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 4928 | @manish-giri |http://www.freecodecamp.com/manish-giri
Legacy
@punyparker
Mar 26 2017 08:26
<img class ="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
What's wrong with this?
Raghav Mundra
@Raghav17
Mar 26 2017 08:29
@Raghav17
My tweet button is not working. Please tell me what is wrong
http://codepen.io/raghav96/pen/NpBNZO
cimris
@cimris
Mar 26 2017 08:29
@punyparker you need to close the image tag with /> at the end
Manish Giri
@Manish-Giri
Mar 26 2017 08:29
@punyparker show the css
@Raghav17
Uncaught ReferenceError: a is not defined
    at HTMLDocument.<anonymous> (pen.js:10)
    at j (jquery.min.js:2)
Raghav Mundra
@Raghav17
Mar 26 2017 08:31
@Manish-Giri How can I fix this issue?
Manish Giri
@Manish-Giri
Mar 26 2017 08:32
@Raghav17
$('#tweet-quote').attr('href', 'https://twitter.com/intent/tweet?hashtags=quotes&related=freecodecamp&text=' + encodeURIComponent('"' + a[0].content + '" ' + a[0].title));
what is this a here?
Raghav Mundra
@Raghav17
Mar 26 2017 08:33
@Manish-Giri I have used an API.
It is part of that
Manish Giri
@Manish-Giri
Mar 26 2017 08:33
a isn't defined in the scope where you're using it
as the error says.
Constantin Iordache
@constantinmoon
Mar 26 2017 08:34

a

A
$a
Hey
How you made the "a" into a box
ankitkrks1
@ankitkrks1
Mar 26 2017 08:38
what the use of <label>
Ardarius Mickell
@Ardarius
Mar 26 2017 08:40
Hey. I can't seem to get the image resizing yet. It says create a class, then it also says that my "img" element should have the class. I'm stuck. Please help.
Doni Yafi
@yafiwebdev
Mar 26 2017 08:42
@Ardarius you create the class inside the style tags, but you apply it in the img tag
use the examples and what you've learned in the previous lessons
TajOmair
@tajomair
Mar 26 2017 08:45
@Ardarius did you get that ?
Ardarius Mickell
@Ardarius
Mar 26 2017 08:46
not quite. I think I'm just doing it wrong
Smashrr
@Smashrr
Mar 26 2017 08:47
im trying to adjust the border radius to 50% however it isnt letting me finish the level. i have created a new class and put it in the img but it isnt working
TajOmair
@tajomair
Mar 26 2017 08:47
yeah am stuck one it too
Ardarius Mickell
@Ardarius
Mar 26 2017 08:47
@tajomair but thanks though
CamperBot
@camperbot
Mar 26 2017 08:47
ardarius sends brownie points to @tajomair :sparkles: :thumbsup: :sparkles:
:cookie: 21 | @tajomair |http://www.freecodecamp.com/tajomair
Smashrr
@Smashrr
Mar 26 2017 08:50
i found the problem
Ardarius Mickell
@Ardarius
Mar 26 2017 08:56
@yafiwebdev I didn't quite get it, being that I'm still stuck but thank you
CamperBot
@camperbot
Mar 26 2017 08:56
ardarius sends brownie points to @yafiwebdev :sparkles: :thumbsup: :sparkles:
:cookie: 265 | @yafiwebdev |http://www.freecodecamp.com/yafiwebdev
Yasha
@kittenx
Mar 26 2017 08:59
hey, how do i keep my streak up while at
-Build a Tribute Page Incomplete   *
Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:00
hey i need some help
h1tag
@h1tag
Mar 26 2017 09:00
@kittenx by helping in the chat
@Anmolpreet97 shoot
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 09:01
@Anmolpreet97 yes
Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:01
i am stuck here
h1tag
@h1tag
Mar 26 2017 09:02
stuck in the chat?
Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:02
No
In 18 chapter
h1tag
@h1tag
Mar 26 2017 09:02
write the challenge name
Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:02
i dont know how i take help now
Change the font size of an element
h1tag
@h1tag
Mar 26 2017 09:03
What have you tried?
Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:03
how i send to u
h1tag
@h1tag
Mar 26 2017 09:04
'''
CamperBot
@camperbot
Mar 26 2017 09:04
:bulb: to format code use backticks! ``` more info
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 09:04
@Anmolpreet97 take a screenshot of it
Constantin Iordache
@constantinmoon
Mar 26 2017 09:04
What are ou using
h1tag
@h1tag
Mar 26 2017 09:04
read more info in the link above
@Anmolpreet97
Constantin Iordache
@constantinmoon
Mar 26 2017 09:04

Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:05
how i send screenshot now?
Constantin Iordache
@constantinmoon
Mar 26 2017 09:06
You cant
Please copy&paste
Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:06

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

</style>

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

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

<p>Kitty ipsum text </p>

Ardarius Mickell
@Ardarius
Mar 26 2017 09:06
I need help guys
Constantin Iordache
@constantinmoon
Mar 26 2017 09:06
And what you need to o
Do @Anmolpreet97
Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:07
You need 2 p elements with Kitty Ipsum text.
Make sure each of your p elements has a closing tag.
Your p element should contain the first few words of the provided additional kitty ipsum text.
The first p element should have the class red-text.
Do not add a class attribute to the second p element.
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
these steps
Constantin Iordache
@constantinmoon
Mar 26 2017 09:07
Ok
h1tag
@h1tag
Mar 26 2017 09:08
@Anmolpreet97 you have to copy from the text given to you
Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:08
how
@fortMaximus
Constantin Iordache
@constantinmoon
Mar 26 2017 09:08
So,first remove the class attribute from the second element
Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:08
h2
h1tag
@h1tag
Mar 26 2017 09:08
by copying it @Anmolpreet97
TajOmair
@tajomair
Mar 26 2017 09:09
@Anmolpreet97 the p tag should have the same text do not include the class element \
h1tag
@h1tag
Mar 26 2017 09:09
select the the text and then ctrl+c
Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:09
@constaninmoon
Constantin Iordache
@constantinmoon
Mar 26 2017 09:09
From <p class="red-text"
Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:09
ok
Constantin Iordache
@constantinmoon
Mar 26 2017 09:09
Remove class
Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:09
@constaninmoon now
IDEASDOT
@IDEASDOT
Mar 26 2017 09:09
good luck
h1tag
@h1tag
Mar 26 2017 09:10
@Anmolpreet97 you dont have to remove the class
Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:10
@fortMaximus Why
h1tag
@h1tag
Mar 26 2017 09:10
@Anmolpreet97 do you see this <p>Kitty ipsum text </p>
Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:10
yes
@fortMaximus
h1tag
@h1tag
Mar 26 2017 09:10
change the text inside it to the text given to you
Create a second p element after the existing p element with the following kitty ipsum text: Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.
Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:11
i dont underst @fortMaximus and
h1tag
@h1tag
Mar 26 2017 09:12
and your .red-text class definition is incomplete, you may have deleted it by accident
TajOmair
@tajomair
Mar 26 2017 09:12
@Anmolpreet97 remove the class from p tag
Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:12
i remove it @tajomair
TajOmair
@tajomair
Mar 26 2017 09:12
<p class="red-text">Kitty ipsum text dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
remove class= "red-text"
try ctrl+enter what does it say now?
Emandleni
@Emandleni
Mar 26 2017 09:13
Campers I can't seem to get past creating two radio buttons
Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:13
i remove it already
TajOmair
@tajomair
Mar 26 2017 09:13
@Anmolpreet97 now what does it say ?
h1tag
@h1tag
Mar 26 2017 09:13
no, this the 1st p element he doesnt have to remove the class from it
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 09:13
@Anmolpreet97 do you solved it?
h1tag
@h1tag
Mar 26 2017 09:13
@Anmolpreet97 now listen to me
Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:13
no
Emandleni
@Emandleni
Mar 26 2017 09:13

Help me create two radio buttons <input type="radio" name="indoor">indoor</input>
</label>

<label>
<input type="radio" name="outdoor">outoor</input>
</label>

Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:13
ok
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 09:13
just a moment
TajOmair
@tajomair
Mar 26 2017 09:14
@fortMaximus but he has declared it before
h1tag
@h1tag
Mar 26 2017 09:14
@Anmolpreet97 reset the challenge code
Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:14
ok @fortMaximus
TajOmair
@tajomair
Mar 26 2017 09:14
@UsmanAhmadSaeed hey the image resizing part doesn't work on some browsers?
Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:14
now @fortMaximus
h1tag
@h1tag
Mar 26 2017 09:15
@Anmolpreet97 select the p elements like you did before and give it the font size
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 09:15
@tajomair It should on most ones which arre famous like firefox or chorme
chrome*
Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:15
how @fortMaximus
h1tag
@h1tag
Mar 26 2017 09:15
between the style tags @Anmolpreet97
TajOmair
@tajomair
Mar 26 2017 09:15
@UsmanAhmadSaeed working on safari
h1tag
@h1tag
Mar 26 2017 09:15
p{
font-size:16px;
}
@Anmolpreet97
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 09:15
@tajomair safari has some limitations like somethings dont work on it
@Anmolpreet97 wait and let me show u
TajOmair
@tajomair
Mar 26 2017 09:16
@UsmanAhmadSaeed tried on chrome didn't work
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 09:16
@tajomair it should wokr. can i have a screenshot?
Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:17
ok
thanx all
h1tag
@h1tag
Mar 26 2017 09:17
@Anmolpreet97 solved?
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 09:17
@Anmolpreet97 welcome
Constantin Iordache
@constantinmoon
Mar 26 2017 09:17
"Html
TajOmair
@tajomair
Mar 26 2017 09:18
@UsmanAhmadSaeed Screen Shot 2017-03-26 at 2.46.55 PM
oops
Suhas G
@Suhas-G
Mar 26 2017 09:18
https://suhas-g.github.io/Local-Weather/
https://github.com/Suhas-G/Local-Weather
heres the link to my local weather app
im getting "mixed content" error because of Openweather using HTTP
Can anyone help please?
Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:18
@fortMaximus YESSSSS
Constantin Iordache
@constantinmoon
Mar 26 2017 09:19

Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:19
@fortMaximus THANX
CamperBot
@camperbot
Mar 26 2017 09:19
anmolpreet97 sends brownie points to @fortmaximus :sparkles: :thumbsup: :sparkles:
:cookie: 653 | @fortmaximus |http://www.freecodecamp.com/fortmaximus
Anmolpreet97
@Anmolpreet97
Mar 26 2017 09:19
@UsmanAhmadSaeed THANX
CamperBot
@camperbot
Mar 26 2017 09:19
anmolpreet97 sends brownie points to @usmanahmadsaeed :sparkles: :thumbsup: :sparkles:
:cookie: 122 | @usmanahmadsaeed |http://www.freecodecamp.com/usmanahmadsaeed
oops
Constantin Iordache
@constantinmoon
Mar 26 2017 09:21
```html <p>hello

<hello>
james umali
@indefinite0212
Mar 26 2017 09:24
@tajomair you don't have a class="smaller-image" in <img>
TajOmair
@tajomair
Mar 26 2017 09:29
@indefinite0212 in the image source?
<img src=> part ?
h1tag
@h1tag
Mar 26 2017 09:40
@tajomair src and class are different properties that have different use
give it the class like you learned before
bannedghost
@bannedghost
Mar 26 2017 09:43
cant get the same from sesame string in confirm the ending
sugam
@sugamaryal
Mar 26 2017 09:58
how to use a CSS class to style an element??????
html <p> hello </p>
Jor
@joreyesl
Mar 26 2017 09:59
@sugamaryal you have to create a css class then apply it to the element you want to style
Jennifer
@ehjennifer
Mar 26 2017 10:05
hey does anyone know how to give an element a change in font size between style tags
Im stuck on the "Change the Font Size of an Element" lesson
Doni Yafi
@yafiwebdev
Mar 26 2017 10:07
@ehjennifer you use the selector for example p { font-size: 15px; }
inside the <style> ....... </style> tags
Constantin Iordache
@constantinmoon
Mar 26 2017 10:10
@sugamaryal
Ops
Make a class
Asalehusman
@Asalehusman
Mar 26 2017 10:14
@ehjennifer . name of the element then in curly bracket specify the font size. screen shot??
iminiwin
@iminiwin
Mar 26 2017 10:17
how to add borders around images?
Jennifer
@ehjennifer
Mar 26 2017 10:18
yeahh i got it, thanks!
J726306d
@J726306d
Mar 26 2017 10:20
how do i add or use img-responsive when trying to add a second image below the current existing one ?
james umali
@indefinite0212
Mar 26 2017 10:20
border-color: green ; @iminiwin
J726306d
@J726306d
Mar 26 2017 10:21

First, add a new image below the existing one. Set its src attribute to https://bit.ly/fcc-running-cats.

It would be great if this image could be exactly the width of our phone's screen.

Fortunately, with Bootstrap, all we need to do is add the img-responsive class to your image. Do this, and the image should perfectly fit the width of your page.

Run tests (ctrl + enter)

Reset

Help

Bug

You should have a total of two images.

Your new image should be below your old one and have the class img-responsive.

Your new image should not have the class smaller-image.

Your new image should have a src of https://bit.ly/fcc-running-cats.

Make sure your new img element has a closing angle bracket.

Jennifer
@ehjennifer
Mar 26 2017 10:21
how do you make the image smaller?
james umali
@indefinite0212
Mar 26 2017 10:22
@ehjennifer declare a class. and access it on style. just like on class="red-text"
@J726306d what have you done so far?
J726306d
@J726306d
Mar 26 2017 10:22
@ehjennifer .smaller-image {
width: 100px;
TajOmair
@tajomair
Mar 26 2017 10:23
@indefinite0212 class=.smaller-image ?
james umali
@indefinite0212
Mar 26 2017 10:24
without .(dot)
and use double quotes
TajOmair
@tajomair
Mar 26 2017 10:25
@indefinite0212 class="smaller-image"?
james umali
@indefinite0212
Mar 26 2017 10:25
yes
TajOmair
@tajomair
Mar 26 2017 10:26
< img class="smaller-image {width: 100px;}"
james umali
@indefinite0212
Mar 26 2017 10:27
< img class="smaller-image {width: 100px;}"
that is for your style
David S Gutbezahl
@dzebs48
Mar 26 2017 10:29
Can someone help explain why codepen is autoindenting with massive indents for me? Its driving me crazy :confounded:
TajOmair
@tajomair
Mar 26 2017 10:29
how to share the screenshot ?
Jennifer
@ehjennifer
Mar 26 2017 10:29
^^
TajOmair
@tajomair
Mar 26 2017 10:31
@indefinite0212 thanks got it now
CamperBot
@camperbot
Mar 26 2017 10:31
tajomair sends brownie points to @indefinite0212 :sparkles: :thumbsup: :sparkles:
:cookie: 316 | @indefinite0212 |http://www.freecodecamp.com/indefinite0212
james umali
@indefinite0212
Mar 26 2017 10:32
@tajomair welcome :)
Usman Ahmad Saeed
@UsmanAhmadSaeed
Mar 26 2017 10:36
@tajomair Sorry I had to go urgently
TappeiocaMPLS
@TappeiocaMPLS
Mar 26 2017 10:37
How do I nest my input text element within a form element
Doni Yafi
@yafiwebdev
Mar 26 2017 10:38
you just put them between opening and closing form tags
<form>
<input>
</form>
@TappeiocaMPLS