These are chat archives for FreeCodeCamp/Help

23rd
Nov 2016
Hermin Robillard
@hermin303
Nov 23 2016 00:00
I did fix the challenge with your help... @cdrainxv
Chris Scharff
@cscharff
Nov 23 2016 00:00
@evan17gr I guess it depends on what you compare it to. :)
__mifflin__
@cdrainxv
Nov 23 2016 00:00
@hermin303: You are welcome, but you already had it done. :smile:
RocaKvs
@RocaKvs
Nov 23 2016 00:01
how in the world do I do this "Your a element should have the anchor text of "cat photos".
Marc-Adems Dor
@Marc-Adems
Nov 23 2016 00:01
Can someone help me out with a quick question?
Evan Kalvis
@evan17gr
Nov 23 2016 00:01
I mean is it much more difficult than HTML and css?
Chris Scharff
@cscharff
Nov 23 2016 00:02
@evan17gr rather than style and layout it is a programming language so it can be much more complex
__mifflin__
@cdrainxv
Nov 23 2016 00:02
There’s a steeper learning curve.
Evan Kalvis
@evan17gr
Nov 23 2016 00:02
<a href="URL">text</a>
So does it involve a lot of maths?
Vahid
@Vahid1359
Nov 23 2016 00:03
something wrong here about size: <img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. " class="smaller-image" {width:100px;}>
Evan Kalvis
@evan17gr
Nov 23 2016 00:04
your css should be inside a style tag
Jeison Geronim
@AlphaTest01
Nov 23 2016 00:04
I am just starting out and for some when I try to "Run tests" it's not doing anything. I can do everything else except "Run tests".
Evan Kalvis
@evan17gr
Nov 23 2016 00:05
Are you sure you ve done the challenge correctly?
Jeison Geronim
@AlphaTest01
Nov 23 2016 00:05
Yes I am sure.
Evan Kalvis
@evan17gr
Nov 23 2016 00:05
Can u copy and paste it?
Jeison Geronim
@AlphaTest01
Nov 23 2016 00:05
The challenge?
RocaKvs
@RocaKvs
Nov 23 2016 00:05
yea
Evan Kalvis
@evan17gr
Nov 23 2016 00:05
Your code
Jeison Geronim
@AlphaTest01
Nov 23 2016 00:06

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

Evan Kalvis
@evan17gr
Nov 23 2016 00:06
And what the challenge?
Jeison Geronim
@AlphaTest01
Nov 23 2016 00:07

Remember that you can attach classes to HTML elements by using class="your-class-here" within the relevant element's opening tag.

Remember that CSS class selectors require a period at the beginning like this:

.blue-text {
color: blue;
}
But also remember that class declarations don't use a period, like this:

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

Apply the red-text class to your h2 and p elements.

Run tests (ctrl + enter)

Evan Kalvis
@evan17gr
Nov 23 2016 00:08
Maybe try refreshing the page
dmon050
@dmon050
Nov 23 2016 00:08
@AlphaTest01 it could be that ur p element is not using "red-text" ur using "red text"
Evan Kalvis
@evan17gr
Nov 23 2016 00:09
Yep that's it
Jeison Geronim
@AlphaTest01
Nov 23 2016 00:10
Ok then I changed it but still it's not running.
Evan Kalvis
@evan17gr
Nov 23 2016 00:10
Your forgot the hyphen
Jeison Geronim
@AlphaTest01
Nov 23 2016 00:10

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

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

<p calss="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>

Evan Kalvis
@evan17gr
Nov 23 2016 00:10
Idk man sometimes it happens
Did u try refreshing?
dmon050
@dmon050
Nov 23 2016 00:10
@AlphaTest01 u spelt the class for p wrong
Evan Kalvis
@evan17gr
Nov 23 2016 00:10
Lol
Jeison Geronim
@AlphaTest01
Nov 23 2016 00:11
OHHH
Evan Kalvis
@evan17gr
Nov 23 2016 00:11
It's worth checking ur spelling when u can pass a challenge
Can't
Jeison Geronim
@AlphaTest01
Nov 23 2016 00:12
Thank You.
__mifflin__
@cdrainxv
Nov 23 2016 00:12
Thanks @dmon050
CamperBot
@camperbot
Nov 23 2016 00:12
cdrainxv sends brownie points to @dmon050 :sparkles: :thumbsup: :sparkles:
:cookie: 123 | @dmon050 |http://www.freecodecamp.com/dmon050
Jeison Geronim
@AlphaTest01
Nov 23 2016 00:13
Hahaha, I can't stop laughing. Thank You . @evan17gr and @dmon050.
CamperBot
@camperbot
Nov 23 2016 00:13
alphatest01 sends brownie points to @evan17gr and @dmon050 :sparkles: :thumbsup: :sparkles:
:cookie: 117 | @evan17gr |http://www.freecodecamp.com/evan17gr
dmon050
@dmon050
Nov 23 2016 00:13
@AlphaTest01 hahaha yea those small things will leave you confused. np
CamperBot
@camperbot
Nov 23 2016 00:14
api offline
jvallsGITZ16
@jvallsGITZ16
Nov 23 2016 00:14
++ on checking your spelling! Just spent 10 minutes trying to get the form section to work...
Evan Kalvis
@evan17gr
Nov 23 2016 00:15
No worries
RocaKvs
@RocaKvs
Nov 23 2016 00:16
I'm stuck again how do I nest this <a href="http://www.freecatphotoapp.com">cat photos</a>
Evan Kalvis
@evan17gr
Nov 23 2016 00:16
Inside what
Send the link to the challenge
RocaKvs
@RocaKvs
Nov 23 2016 00:17
https://www.freecodecamp.com/challenges/nest-an-anchor-element-within-a-paragraph#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Ca%20href%3D%22http%3A%2F%2Fwww.freecatphotoapp.com%22%3Ecat%20photos%3C%2Fa%3E%0A%0A%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%3E%0A%0A%3Cp%20class%3D%22red-text%22%3EKitty%20ipsum%20dolor%20sit%20amet%2C%20shed%20everywhere%20shed%20everywhere%20stretching%20attack%20your%20ankles%20chase%20the%20red%20dot%2C%20hairball%20run%20catnip%20eat%20the%20grass%20sniff.%3C%2Fp%3E%0A%3Cp%20class%3D%22red-text%22%3EPurr%20jump%20eat%20the%20grass%20rip%20the%20couch%20scratched%20sunbathe%2C%20shed%20everywhere%20rip%20the%20couch%20sleep%20in%20the%20sink%20fluffy%20fur%20catnip%20scratched.%3C%2Fp%3E%0A
thata the link to it
iiRosie1
@iiRosie1
Nov 23 2016 00:18
Okay people so I have a problem
Wait nevermind!
Josh
@jmarsters89
Nov 23 2016 00:21
@RocaKvs you just need to put <p> and </p> tags on the outside of the <a> and </a> tags
e.g. <p><a href="http://www.freecatphotoapp.com">cat photos</a></p>
weedless1
@weedless1
Nov 23 2016 00:22
@Lahde-damz have you figured it out?
sorry i answered late
Ololade Oluwadamilare
@Lahde-damz
Nov 23 2016 00:23
@weedless 1 thanks bro,i figured it out...on to the next one
CamperBot
@camperbot
Nov 23 2016 00:23
:warning: could not find receiver for weedless
lahde-damz sends brownie points to @weedless :sparkles: :thumbsup: :sparkles:
weedless1
@weedless1
Nov 23 2016 00:24

@Lahde-damz i typed this

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

RocaKvs
@RocaKvs
Nov 23 2016 00:24
@jmarsters89 um it says this Your a element should not have the text "View more".
dmon050
@dmon050
Nov 23 2016 00:24
@RocaKvs after the closing tag</a> just put View more
Josh
@jmarsters89
Nov 23 2016 00:25
Ah yeah do it like this
<p>View more <a href="http://www.freecatphotoapp.com">cat photos</a></p>
RocaKvs
@RocaKvs
Nov 23 2016 00:26
thx
aRtoo
@artoodeeto
Nov 23 2016 00:27

hi huys i have a javascript that make a slideshow but it wont slide the image. can someone give some advice? heres the code:

var myImage=document.getElementsByClassName("mySlides");

var imageArray=["accessories.png", "bags.png", "new_arrivals.png"];

var imageIndex=0;

function slideImage(){
mySlides.setAttribute("src" , imageArray [imageIndex]);
imageIndex++;
if (imageIndex>=imageArray.length){
imageIndex=0;

}

}

var intervalHandle = setInterval (slideImage,2000);

mySlides.onclick=function(){
clearInterval(intervalHandle);
}

heres my html.

<div class="slide">


<img class="mySlides" src="accessories.png"/>
<img class="mySlides" src="bags.png" />
<img class="mySlides" src="new_arrivals.png" />

</div>

TKVGLOBAL
@tkvglobal
Nov 23 2016 00:29

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

<p> cat photos.
<a href="http://freecatphotoapp.com"> cat app </a> </p>

im having trouble with the <a> tag.
Benjamin
@XenoCoding
Nov 23 2016 00:32
I don't see anything wrong with the <a> tag. The only thing I can think of is your url.
cole8
@cole8
Nov 23 2016 00:33
put www. after the http:// ?
I have a question
where do I put the #
Benjamin
@XenoCoding
Nov 23 2016 00:36
what?
What #?
cole8
@cole8
Nov 23 2016 00:36
it says your "a" element should be a dead link with a href attribute set to a #
Benjamin
@XenoCoding
Nov 23 2016 00:37
Are you trying to make a link that takes you somewhere else on the page?
cole8
@cole8
Nov 23 2016 00:37
Your a element should be a dead link with a href attribute set to "#".
Great Okafor
@calmest
Nov 23 2016 00:37

Hello guys please i need help with this java script

Using .addClass(), add only one class at a time to the same element, three different ways:

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.

Note
You should only be targeting one element and adding only one class at a time. Altogether, your three individual selectors will end up adding the three classes shake, animated, and btn-primary to #target1.

how do i go about it?
i need help from someone that must have passed this staged
stage*
Benjamin
@XenoCoding
Nov 23 2016 00:38
@cole8 Try doing the this: <a href="#targeturl">blah</a>
Great Okafor
@calmest
Nov 23 2016 00:39

This is the main code

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

});
</script>

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

cole8
@cole8
Nov 23 2016 00:39

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

Benjamin
@XenoCoding
Nov 23 2016 00:40
Oh, I see. You're talking about a link element, and not an anchor one?
cole8
@cole8
Nov 23 2016 00:40
yeh
I need to make a dead link
Jean Mesa
@roninjay
Nov 23 2016 00:41
<a href="#"></a>\
oops
Benjamin
@XenoCoding
Nov 23 2016 00:41
Yeah, that's right. ^
cole8
@cole8
Nov 23 2016 00:41
thanks
Benjamin
@XenoCoding
Nov 23 2016 00:41
without the backslash
cole8
@cole8
Nov 23 2016 00:41
ill try it
Jean Mesa
@roninjay
Nov 23 2016 00:41
yea that was a typo
Benjamin
@XenoCoding
Nov 23 2016 00:42
it happens
cole8
@cole8
Nov 23 2016 00:42
where would the link go
Jean Mesa
@roninjay
Nov 23 2016 00:42
nowhere
cole8
@cole8
Nov 23 2016 00:42
oh
Benjamin
@XenoCoding
Nov 23 2016 00:42
If you have a link, put it after the hashtag
Jean Mesa
@roninjay
Nov 23 2016 00:42
its a dead link thats what the hash is for
cole8
@cole8
Nov 23 2016 00:42
ok
thanks
ill try it
Benjamin
@XenoCoding
Nov 23 2016 00:42
The hashtag just means that the link is on the same page
cole8
@cole8
Nov 23 2016 00:43
ohh
ok
so it doesnt open another tab
?
Benjamin
@XenoCoding
Nov 23 2016 00:43
yah
cole8
@cole8
Nov 23 2016 00:43
ok
thanks :)
Benjamin
@XenoCoding
Nov 23 2016 00:43
Did it work?
cole8
@cole8
Nov 23 2016 00:43
yep
thank you
Benjamin
@XenoCoding
Nov 23 2016 00:43
Awesome! No problem man.
Ololade Oluwadamilare
@Lahde-damz
Nov 23 2016 00:44
sorry guys but am downloading an app and its says file space is 16gb does that mean the data i will use is 16gb because here we purchase data and i only have like 6gb left?
cole8
@cole8
Nov 23 2016 00:45
yes
it will take up 16 gb of space
ADIL KARMOUZI
@mradil16
Nov 23 2016 00:49
Guys, can I add javascript to the list of my skills even I don't know how to write such scripts.
// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=35

// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")

// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

// Set the letter that creates your snowflake (recommended:*)
var snowletter="*"

// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6

// Set the maximal-size of your snowflaxes
var snowmaxsize=22

// Set the minimal-size of your snowflaxes
var snowminsize=8

// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing 
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=3

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////


// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent 
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)  
var browserok=ie5||ns6||opera

function randommaker(range) {        
    rand=Math.floor(range*Math.random())
    return rand
}

function initsnow() {
    if (ie5 || opera) {
        marginbottom = document.body.clientHeight
        marginright = document.body.clientWidth
    }
    else if (ns6) {
        marginbottom = window.innerHeight
        marginright = window.innerWidth
    }
    var snowsizerange=snowmaxsize-snowminsize
    for (i=0;i<=snowmax;i++) {
        crds[i] = 0;                      
        lftrght[i] = Math.random()*15;         
        x_mv[i] = 0.03 + Math.random()/10;
        snow[i]=document.getElementById("s"+i)
        snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
        snow[i].size=randommaker(snowsizerange)+snowminsize
        snow[i].style.fontSize=snow[i].size
        snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
        snow[i].sink=sinkspeed*snow[i].size/5
        if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
        if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
        if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
        if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
        snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
        snow[i].style.left=snow[i].posx
        snow[i].style.top=snow[i].posy
    }
    movesnow()
}

function movesnow() {
    for (i=0;i<=snowmax;i++) {
        crds[i] += x_mv[i];
        snow[i].posy+=snow[i].sink
        snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
        snow[i].style.top=snow[i].posy

        if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
            if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
            if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
            if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
            if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
            snow[i].posy=0
        }
    }
    var timer=setTimeout("movesnow()",50)
}

for (i=0;i<=snowmax;i++) {
    document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
    window.onload=initsnow
}
Ololade Oluwadamilare
@Lahde-damz
Nov 23 2016 00:49
@cole8 i mean data... because i buy data and its not up to 16gb
Benjamin
@XenoCoding
Nov 23 2016 00:49
If you can't write Javascript, then I wouldn't include it as a skill... @mradil16
ADIL KARMOUZI
@mradil16
Nov 23 2016 00:54
@XenoCoding ok , tell me , what can I do to write such scripts ?
weedless1
@weedless1
Nov 23 2016 00:54
@Lahde-damz yup
Joshua Cheung
@jcheung1
Nov 23 2016 00:54
<button class="btn btn-danger navbar-btn pull-right">Sign Up to Weekly Updates</button>
pull-right doesn't work in codepen?
Joanna
@Joanna15
Nov 23 2016 00:54
Hello, it's first time when I'm writing here.. I would love to ask you about help with target 145 escape sequences in strings..
Benjamin
@XenoCoding
Nov 23 2016 00:55
@mradil16 You can learn on FreeCodeCamp, codecademy.com, and other various sites. It will take a while.
Ololade Oluwadamilare
@Lahde-damz
Nov 23 2016 00:57
ok am scr*wed then,i just used up my data bundle for the month... see you guys till next year hopefully i purchase a data plan by then,you people in America & other parts of the world dont really know how it feels not to have data.
Warren
@W-D-E
Nov 23 2016 00:57
Hey there, people!
Benjamin
@XenoCoding
Nov 23 2016 00:58
@W-D-E Hey there!
Warren
@W-D-E
Nov 23 2016 00:58
just finished a tribute page
can you give me some advices?
Benjamin
@XenoCoding
Nov 23 2016 00:59
@W-D-E Awesome. I don't know what that is, sorry. :P
I can still look at it if you want me to
cole8
@cole8
Nov 23 2016 00:59
dang
Warren
@W-D-E
Nov 23 2016 00:59
yeah why not
:)
cole8
@cole8
Nov 23 2016 00:59
is that your website
Warren
@W-D-E
Nov 23 2016 00:59
just a tribute page for FreeCodeCamp
cole8
@cole8
Nov 23 2016 00:59
I like it
Benjamin
@XenoCoding
Nov 23 2016 00:59
Oh I see... XP I thought that "tribute" was a technical term or something... :P
Warren
@W-D-E
Nov 23 2016 01:00
naaaah
it's part of the courses
cole8
@cole8
Nov 23 2016 01:00
good job
Warren
@W-D-E
Nov 23 2016 01:00
i'm a beginner
Benjamin
@XenoCoding
Nov 23 2016 01:00
Wow, you got some really nice design going there. Looks great.
Warren
@W-D-E
Nov 23 2016 01:00
thank you @cole8
CamperBot
@camperbot
Nov 23 2016 01:00
w-d-e sends brownie points to @cole8 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for cole8
Warren
@W-D-E
Nov 23 2016 01:00
thank you @XenoCoding
CamperBot
@camperbot
Nov 23 2016 01:01
w-d-e sends brownie points to @xenocoding :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for xenocoding
Warren
@W-D-E
Nov 23 2016 01:01
now i can get past that stage
that was fun to do also
cole8
@cole8
Nov 23 2016 01:01
what does that mean could not find reciever
Benjamin
@XenoCoding
Nov 23 2016 01:01
What stage
Warren
@W-D-E
Nov 23 2016 01:02
I dont know Cole8 i got the same thing
cole8
@cole8
Nov 23 2016 01:02
in chat
Warren
@W-D-E
Nov 23 2016 01:02
the tribute Page stage
@XenoCoding
Benjamin
@XenoCoding
Nov 23 2016 01:02
Oh, I thought that you said "can't" for some reason. :P
Those tongue emojis are terrible lol
cole8
@cole8
Nov 23 2016 01:03
lol
Warren
@W-D-E
Nov 23 2016 01:04
@cole8 you are in code mode
found the error
Kirby James
@kirbygit
Nov 23 2016 01:04
what does this mean
etween the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
the browser and text zoom
Benjamin
@XenoCoding
Nov 23 2016 01:04
<style>
Warren
@W-D-E
Nov 23 2016 01:04
is there a list of emojis somewhere?
Kirby James
@kirbygit
Nov 23 2016 01:04
just the browser and text zoom i dont get it
Benjamin
@XenoCoding
Nov 23 2016 01:04
@W-D-E I don't know.
cole8
@cole8
Nov 23 2016 01:05
not sure sorry @W-D-E
Benjamin
@XenoCoding
Nov 23 2016 01:05
@kboygit You don't have to do anything about the browser and text zoom.
I think
Chris Scharff
@cscharff
Nov 23 2016 01:05
@kboygit generally you can ignore that.. it’s about your web browser,, not code
Kirby James
@kirbygit
Nov 23 2016 01:05
oh ok
thanks
Pratiksha Nikam
@Pratikshagit
Nov 23 2016 01:08
Hello everybody...if I want to design end to end web app without Code Pen, on my personal machine..which IDE (Development Environment) should I use .. ??
Manish Giri
@Manish-Giri
Nov 23 2016 01:09
@Pratikshagit Webstorm(paid), or Atom/Sublime(free)
Yang Lu
@ylu01
Nov 23 2016 01:09
netbeans, lel
Benjamin
@XenoCoding
Nov 23 2016 01:09
Yah, atom.io works great for a free coding editor. @Pratikshagit
Pratiksha Nikam
@Pratikshagit
Nov 23 2016 01:10
Atom/Sublime ..does it support Database handling and server management .. ??
cole8
@cole8
Nov 23 2016 01:10
What is the difference between oredered lists (ol) and (il)
Manish Giri
@Manish-Giri
Nov 23 2016 01:10
@cole8 bullet points, numbers
cole8
@cole8
Nov 23 2016 01:10
thanks
Benjamin
@XenoCoding
Nov 23 2016 01:10
Do you mean (ul) instead of (il)? @cole8
cole8
@cole8
Nov 23 2016 01:11
yeh
typo
Benjamin
@XenoCoding
Nov 23 2016 01:11
peace out y'all.
cole8
@cole8
Nov 23 2016 01:11
bye
Aaron
@apalm1341
Nov 23 2016 01:11
im trying to figure out why my changes aren't being added to my github desktop app
that app doesn't show the changes i am making after i make changes to files in notepad++
any ideas?
David Amanze
@GodKingShogun
Nov 23 2016 01:11
can some help me with a coding program like font awesome that does social media icons like the bird for twitter and the camera for instagram
Manish Giri
@Manish-Giri
Nov 23 2016 01:11
@apalm1341 probably your git repo is looking in the wrong place?
Aaron
@apalm1341
Nov 23 2016 01:11
@Manish-Giri ?
mzedlach
@mzedlach
Nov 23 2016 01:12
Does anyone have some helpful links or documentation to read for the Weather App? I'm sort of stuck as to where to start.
Manish Giri
@Manish-Giri
Nov 23 2016 01:12
@apalm1341 there could be n reasons, start with making sure you've initialized your git repo at the same place where you're making changes
David Amanze
@GodKingShogun
Nov 23 2016 01:14
i need help me with a coding program like font awesome that does social media icons like the bird for twitter and the camera for instagram
iiRosie1
@iiRosie1
Nov 23 2016 01:17
Hello World! I'm back!
CamperBot
@camperbot
Nov 23 2016 01:17

welcome to FreeCodeCamp @iiRosie1!

CherryPlaysRoblox
@CherryPlaysRoblox1
Nov 23 2016 01:20
hello world!
CamperBot
@camperbot
Nov 23 2016 01:20

welcome to FreeCodeCamp @CherryPlaysRoblox1!

iiRosie1
@iiRosie1
Nov 23 2016 01:20
Hi @CherryPlaysRoblox1 Welcome to FCC@!
CherryPlaysRoblox
@CherryPlaysRoblox1
Nov 23 2016 01:20
@iiRosie1 Thanks!
CamperBot
@camperbot
Nov 23 2016 01:20
cherryplaysroblox1 sends brownie points to @iirosie1 :sparkles: :thumbsup: :sparkles:
:cookie: 2 | @iirosie1 |http://www.freecodecamp.com/iirosie1
CherryPlaysRoblox
@CherryPlaysRoblox1
Nov 23 2016 01:20
Happy?
@iiRosie1 Thanks!
CamperBot
@camperbot
Nov 23 2016 01:21
cherryplaysroblox1 sends brownie points to @iirosie1 :sparkles: :thumbsup: :sparkles:
:warning: cherryplaysroblox1 already gave iirosie1 points
CherryPlaysRoblox
@CherryPlaysRoblox1
Nov 23 2016 01:21
@camperbot Thanks!
CamperBot
@camperbot
Nov 23 2016 01:21
cherryplaysroblox1 sends brownie points to @camperbot :sparkles: :thumbsup: :sparkles:
:star2: 2647 | @camperbot |http://www.freecodecamp.com/camperbot
CherryPlaysRoblox
@CherryPlaysRoblox1
Nov 23 2016 01:21
Lol
skemp06
@skemp06
Nov 23 2016 01:22
im already stuck... commenting elements... i put the element before and after each heading but it didnt work..
Manish Giri
@Manish-Giri
Nov 23 2016 01:22
@skemp06 show your code
skemp06
@skemp06
Nov 23 2016 01:22
Manish Giri
@Manish-Giri
Nov 23 2016 01:23
you removed the tags too?
skemp06
@skemp06
Nov 23 2016 01:23
yes
was i not supposed to?
Jean Mesa
@roninjay
Nov 23 2016 01:24
cole8
@cole8
Nov 23 2016 01:24
hey guys can I ask something really simple
is there a meaning to href
coffeebeanzz
@coffeebeanzz
Nov 23 2016 01:24
Hypertext reference
cole8
@cole8
Nov 23 2016 01:24
thanks :)
Jean Mesa
@roninjay
Nov 23 2016 01:24
yep
Manish Giri
@Manish-Giri
Nov 23 2016 01:24
@cole8 href contains the link where your a tag will go to
Kirby James
@kirbygit
Nov 23 2016 01:24
Hi guys I need help here
Your p element should have the text "View more " (with a space after it).
<p> "View <a href="http://www.freecatphotoapp.com">cat photos</a> More"
</p>
lol I dont get it
Manish Giri
@Manish-Giri
Nov 23 2016 01:25
@kboygit View more should be before the opening <a
without quotes
cole8
@cole8
Nov 23 2016 01:25
^
Kirby James
@kirbygit
Nov 23 2016 01:26
ok
thanks
Jean Mesa
@roninjay
Nov 23 2016 01:26
<a href="http://www.freecatphotoapp.com"><p> View More cat photos</p></a>
Kirby James
@kirbygit
Nov 23 2016 01:27
manish got it
Manish Giri
@Manish-Giri
Nov 23 2016 01:27
:+1:
Jean Mesa
@roninjay
Nov 23 2016 01:27
well no that captures the entire text
skemp06
@skemp06
Nov 23 2016 01:27
still didnt work...
cole8
@cole8
Nov 23 2016 01:27
does html work on pc's aswell
Manish Giri
@Manish-Giri
Nov 23 2016 01:28
html is browser dependent, so yes
cole8
@cole8
Nov 23 2016 01:28
ok
just making sure
what is the file type you would save as
or would you
Manish Giri
@Manish-Giri
Nov 23 2016 01:29
.html
cole8
@cole8
Nov 23 2016 01:29
ok
and when you run it a window comes up and everything
Manish Giri
@Manish-Giri
Nov 23 2016 01:29
@skemp06 were you asked to comment out all the elements
skemp06
@skemp06
Nov 23 2016 01:29
yes
Sanjay Khadka
@yegya
Nov 23 2016 01:30
Okay its fine till now. Where can i find swift code campers.
skemp06
@skemp06
Nov 23 2016 01:30
i cannot believe i am already stuck on such a simple thing... i am trying this out to see if programming is for me :)
Manish Giri
@Manish-Giri
Nov 23 2016 01:31
@skemp06 copy paste the challenge url from the top of your browser
Sanjay Khadka
@yegya
Nov 23 2016 01:31
Or does freecodecamp has courses on swift programing for ios development?
Manish Giri
@Manish-Giri
Nov 23 2016 01:32
@skemp06
<!--
<h1>Hello World</h1>

<h2>CatPhotoApp</h2>

<p>Hello Paragraph</p>
-->
commenting does not work like that
you need to comment out each element one by one
<!--<h1>Hello World</h1>-->
this comments out h1
skemp06
@skemp06
Nov 23 2016 01:33
well..that is how they had it i am supposed to change it ...so i put it before and after each one but it didnt work when i ran the test
do i also delete the top <!-- and the one on the bottom as well? or does those stay
Sanjay Khadka
@yegya
Nov 23 2016 01:33
Yea he is right .. .In html, you only need to comment the line that you dont want to show up
like <!-- this line is commented out -->
skemp06
@skemp06
Nov 23 2016 01:34
so i delete the <h1> ?
this is what I did but it still does not work
bebo09
@bebo09
Nov 23 2016 01:37
guys, I'm having a real hard time trying to figure out how to adjust an image...do i write the class within the <style> </style>???
Tom Stimus
@tstimus1
Nov 23 2016 01:37
Guys! having a lot of trouble with the "Target the same element with multiple jQuery Selectors" course. Any advice?
@bebo09 what is it telling you to do?
Manish Giri
@Manish-Giri
Nov 23 2016 01:39
@bebo09 yes
bebo09
@bebo09
Nov 23 2016 01:39
Create a class called smaller-image and use it to resize the image so that it's only 100 pixels wide.
Manish Giri
@Manish-Giri
Nov 23 2016 01:39
@tstimus1 show your code?
bebo09
@bebo09
Nov 23 2016 01:39

this is what i got...<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

.smaller-image {width: 100px;}

</style>

Manish Giri
@Manish-Giri
Nov 23 2016 01:40
@bebo09 did you add the smaller-image class to img
bebo09
@bebo09
Nov 23 2016 01:40
like this?.....<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back." smaller-image >
Manish Giri
@Manish-Giri
Nov 23 2016 01:42
@bebo09 no, class="smaller-image"
Tom Stimus
@tstimus1
Nov 23 2016 01:43

@Manish-Giri <script>
$(document).ready(function() {

});
</script>

aRtoo
@artoodeeto
Nov 23 2016 01:43

hi guys i have a javascript slide show but its not running. can someone help me. thanks.

heres the code for JS:

var myImage=document.getElementsByClassName("mySlides");

var imageArray=["accessories.png", "bags.png", "new_arrivals.png"];

var imageIndex=0;

function slideImage(){
mySlides.setAttribute("src" , imageArray [imageIndex]);
imageIndex++;
if (imageIndex>=imageArray.length){
imageIndex=0;
}
}

var intervalHandle = setInterval (slideImage,2000);

mySlides.onclick=function(){
clearInterval(intervalHandle);
}

Heres the HTML:

<div class="slide">    
        <img class="mySlides" src="accessories.png"/>
        <img class="mySlides" src="bags.png" />
        <img class="mySlides" src="new_arrivals.png" />  
    </div> 

    <!-- Scripts -->
    <script src="desert_js.js">

    </script>
Tom Stimus
@tstimus1
Nov 23 2016 01:43

thats all i have and these are the directions Using .addClass(), add only one class at a time to the same element, three different ways:

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.

@Manish-Giri i don't even know where to start :/
bebo09
@bebo09
Nov 23 2016 01:44
@Manish-Giri Thank you!
CamperBot
@camperbot
Nov 23 2016 01:44
bebo09 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 2401 | @manish-giri |http://www.freecodecamp.com/manish-giri
gerrystrange
@gerrystrange
Nov 23 2016 01:44
anyone help? in the 'put elements side-by-side' w/ bootstrap grid. how is done? I've tried several combos but getting nowhere
João Mhurilo Godoi da Silva
@ebak123
Nov 23 2016 01:45
guys, how can i put into a variable, a text from some input in jQuery? Example: I've a text input, and i wanna take whatever the users write, and put into an variable, for use click event to append to some div whatever the users wrote.
Manish Giri
@Manish-Giri
Nov 23 2016 01:47

@tstimus1 so, you have to target a selector, and add a class to it
For example, for this

Add the animated class to all elements with type button

you target the button and add the class animated to it with .addClass

$("button").addClass("animated");
Tom Stimus
@tstimus1
Nov 23 2016 01:48
right! I think i am confused with what they mean by multiple selectors. Would that mean all within one continuous line of code?
Manish Giri
@Manish-Giri
Nov 23 2016 01:50
nope
3 lines
João Mhurilo Godoi da Silva
@ebak123
Nov 23 2016 01:51
someone?
Manish Giri
@Manish-Giri
Nov 23 2016 01:52
@ebak123 var userInput = $("selector").html()
or .val() if it's a form element
Tom Stimus
@tstimus1
Nov 23 2016 01:52
@Manish-Giri thank you!
CamperBot
@camperbot
Nov 23 2016 01:52
tstimus1 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 2402 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Nov 23 2016 01:53
@tstimus1 np! let me know if you get stuck
Tom Stimus
@tstimus1
Nov 23 2016 01:56
@Manish-Giri got stuck!
i have all but one of the checkpoints completed
Manish Giri
@Manish-Giri
Nov 23 2016 01:56
@tstimus1 show code
Tom Stimus
@tstimus1
Nov 23 2016 01:56
"only add one class with each of your three selectors"
<script> $(document).ready(function() {
$("button").addClass("animated")
João Mhurilo Godoi da Silva
@ebak123
Nov 23 2016 01:57
heres the code @Manish-Giri : http://codepen.io/ebrak123/pen/oYWwyO
Tom Stimus
@tstimus1
Nov 23 2016 01:58

(".btn").addClass('shake')

KatMarie
@KatMarie
Nov 23 2016 01:58
Hey guys, cant figure out how to set lobster font. Woulsnt it be
Manish Giri
@Manish-Giri
Nov 23 2016 01:58
@tstimus1 put closing ; at the end
KatMarie
@KatMarie
Nov 23 2016 01:58
Inside the style tag
Manish Giri
@Manish-Giri
Nov 23 2016 01:58
@KatMarie yes
Tom Stimus
@tstimus1
Nov 23 2016 01:59
@Manish-Giri$("button").addClass("animated")
$(".btn").addClass("shake")
$("#target1").addClass("animated shake btn-primary")
});
Manish Giri
@Manish-Giri
Nov 23 2016 01:59

@tstimus1 one class per selector

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

this has 3 classes, I think you just need btn-primary

Tom Stimus
@tstimus1
Nov 23 2016 02:00
Oh!!! @Manish-Giri
about to try it
CamperBot
@camperbot
Nov 23 2016 02:00
you need to ask about @someone!
Tom Stimus
@tstimus1
Nov 23 2016 02:00
now thats just a reading error and I'm embarrassed
KatMarie
@KatMarie
Nov 23 2016 02:00
And then it's just <h2 {font-family: Lobster;} </h2>
...wait....that's not right is it..?
Manish Giri
@Manish-Giri
Nov 23 2016 02:01
without the {}, there's no {} in css
Jeison Geronim
@AlphaTest01
Nov 23 2016 02:01
how do I add 2 class to an img attribute?
KatMarie
@KatMarie
Nov 23 2016 02:01
@Manish-Giri thanks! I appreciate the help!
CamperBot
@camperbot
Nov 23 2016 02:01
katmarie sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 2403 | @manish-giri |http://www.freecodecamp.com/manish-giri
Kasper
@kam1986
Nov 23 2016 02:01
Hey in lesson 64 (Use Responsive Design with Bootstrap Fluid Containers)
Manish Giri
@Manish-Giri
Nov 23 2016 02:01
@KatMarie welcome!
@AlphaTest01 <element class="....">
Kasper
@kam1986
Nov 23 2016 02:02
what do they mean by "Make sure you have nested all HTML elements in .container-fluid."?
cole8
@cole8
Nov 23 2016 02:03
can someone help me
Jeison Geronim
@AlphaTest01
Nov 23 2016 02:03
<img class1="smaller-image" class="thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "> @Manish-Giri
Like This?
Manish Giri
@Manish-Giri
Nov 23 2016 02:03
@AlphaTest01 you separate multiple class names only with spaces, not multiple class keywords
@AlphaTest01 class=classA classB classC
cole8
@cole8
Nov 23 2016 02:04
Manish Giri
weedless1
@weedless1
Nov 23 2016 02:05
@bebo09 how did you add the 100 pixel
width
Manish Giri
@Manish-Giri
Nov 23 2016 02:05
@cole8 wsup
cole8
@cole8
Nov 23 2016 02:06
for some reason the </input> will make the </form> go red
here
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
<button type="submit">Submit</button>
<input type="text" required>
</form>
weedless1
@weedless1
Nov 23 2016 02:07
finally got it
Manish Giri
@Manish-Giri
Nov 23 2016 02:07
@cole8 remove this - <input type="text" required>
cole8
@cole8
Nov 23 2016 02:07
k
Manish Giri
@Manish-Giri
Nov 23 2016 02:07
and add required here - <input type="text" placeholder="cat photo URL">
Jeison Geronim
@AlphaTest01
Nov 23 2016 02:08
@Manish-Giri I've tried but I either get one class or the other
<img class="smaller-image" class="thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Brandon Zamorano
@BrandonZamorano
Nov 23 2016 02:08
Anyone here done the tribute page and wouldn't mind showing me theirs as an example?
Miha Chentsov
@SneakyTactics
Nov 23 2016 02:09
@AlphaTest01
img class="smaller-image thick-green-border"
Kasper
@kam1986
Nov 23 2016 02:10
A little help please :)
Jeison Geronim
@AlphaTest01
Nov 23 2016 02:10
Thank you. @SneakyTactics
CamperBot
@camperbot
Nov 23 2016 02:10
alphatest01 sends brownie points to @sneakytactics :sparkles: :thumbsup: :sparkles:
:cookie: 45 | @sneakytactics |http://www.freecodecamp.com/sneakytactics
Miha Chentsov
@SneakyTactics
Nov 23 2016 02:11
np just started myself
Jeison Geronim
@AlphaTest01
Nov 23 2016 02:11
Thank You, @Manish-Giri
CamperBot
@camperbot
Nov 23 2016 02:11
alphatest01 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 2404 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Nov 23 2016 02:12
@AlphaTest01 :+1:
Justin Vigil
@jvigil243
Nov 23 2016 02:12
I cant seem to figure out nesting an a element within a new p element
Ololade Oluwadamilare
@Lahde-damz
Nov 23 2016 02:13
hi everyone, i just imported the so called lobster font but its not accepting,it says "your h2 element should use the font lobster" in the import google font challenge.
Miha Chentsov
@SneakyTactics
Nov 23 2016 02:14
you probably should invoke that font
h2 {
font-family: Lobster
}
wong3030
@wong3030
Nov 23 2016 02:14
Hello all I need help with (Responsively Style Radio Buttons) on the question that asks me to nest al of my radio buttons inside one div with the class row. Here is my code so far, <div class="row">
<div class="col-xs-6">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
</div>
<div class="row">
<div class="col-xs-6">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
Brandon Zamorano
@BrandonZamorano
Nov 23 2016 02:15
@jvigil243 Nesting means putting something inside of another. In this case, putting the <a> element inside the <p> element. So it would be something like: <p>Paragraph text<a href="link goes here" alt="alternate text">link text</a></p>
cristianokabin
@cristianokabin
Nov 23 2016 02:15
hey everyone..this could be a lot more embarrassing for me but can anyone tell whats wrong with my very first programming to say HelloWorld...
wong3030
@wong3030
Nov 23 2016 02:15
Do i just put one row on the top and an extra </div> at the bottom?
Manish Giri
@Manish-Giri
Nov 23 2016 02:16
@wong3030 first things first - you're nesting the wrong things, those aren't radio buttons. those are just button elements
@cristianokabin post your code
Trevin
@trevn525
Nov 23 2016 02:18
.grey-border {
border-color: grey;
border-width: 100px;
broder-style: solid;
}
Ololade Oluwadamilare
@Lahde-damz
Nov 23 2016 02:18
@SneakyTactics THANKS,got that.
CamperBot
@camperbot
Nov 23 2016 02:18
lahde-damz sends brownie points to @sneakytactics :sparkles: :thumbsup: :sparkles:
:cookie: 46 | @sneakytactics |http://www.freecodecamp.com/sneakytactics
Trevin
@trevn525
Nov 23 2016 02:18
I was going to ask what the problem was, but it looks like spelling :P
wong3030
@wong3030
Nov 23 2016 02:18
hmm
Kasper
@kam1986
Nov 23 2016 02:19
@wong3030 can u help me a littel with Use Responsive Design with Bootstrap Fluid Containers?
Jean Mesa
@roninjay
Nov 23 2016 02:19

Instructions: Nest all of your radio buttons within a <div class="row"> element. Then nest each of them within a <div class="col-xs-6"> element.
My code:

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

whats the issue here?
wong3030
@wong3030
Nov 23 2016 02:19
@kam1986 I can try, show me your code
Brandon Zamorano
@BrandonZamorano
Nov 23 2016 02:19
@roninjay Those aren't radio buttons.
Manish Giri
@Manish-Giri
Nov 23 2016 02:20
@roninjay <input type="radio"> are radio buttons
Jean Mesa
@roninjay
Nov 23 2016 02:20
thanks, wrong set of buttons
wong3030
@wong3030
Nov 23 2016 02:20
@Manish-Giri omg
cristianokabin
@cristianokabin
Nov 23 2016 02:20
<h1>HelloWorld></h1>@Manish-Giri
Jean Mesa
@roninjay
Nov 23 2016 02:20
yea those are in my code already im fried lol thanks
@Manish-Giri
Manish Giri
@Manish-Giri
Nov 23 2016 02:20
@cristianokabin it seems fine, what's the problem
Jeison Geronim
@AlphaTest01
Nov 23 2016 02:21
Question, If I want to take a break for a while how do I stop the Challenge?
Kasper
@kam1986
Nov 23 2016 02:21
@wong3030 sry but somehow the code works now ??
Aaron
@apalm1341
Nov 23 2016 02:21
@Manish-Giri ?
Jean Mesa
@roninjay
Nov 23 2016 02:21
I dont think theres a timer @AlphaTest01
Brandon Zamorano
@BrandonZamorano
Nov 23 2016 02:22
@cristianokabin There's supposed to be a space between "Hello" and "World"
wong3030
@wong3030
Nov 23 2016 02:22
@kam1986 I usually like to go to the next challenge page when i am done and see how they did the code to figure out how it worked.
@kam1986 like compare the code to yours
Jeison Geronim
@AlphaTest01
Nov 23 2016 02:22
How so, is there a way to just log of or something?
Chris Scharff
@cscharff
Nov 23 2016 02:23
@AlphaTest01 it will be here when you come back. You can close out and come back later
you can log out of the site if it is a shared computer and log back in later from somewhere else
Jeison Geronim
@AlphaTest01
Nov 23 2016 02:23
Ok ak then
Thank you @cscharff
CamperBot
@camperbot
Nov 23 2016 02:23
alphatest01 sends brownie points to @cscharff :sparkles: :thumbsup: :sparkles:
:cookie: 246 | @cscharff |http://www.freecodecamp.com/cscharff
cristianokabin
@cristianokabin
Nov 23 2016 02:23
@Manish-Giri Even I thought so
@BrandonZamorano thanks
CamperBot
@camperbot
Nov 23 2016 02:24
cristianokabin sends brownie points to @brandonzamorano :sparkles: :thumbsup: :sparkles:
:cookie: 121 | @brandonzamorano |http://www.freecodecamp.com/brandonzamorano
Chris Scharff
@cscharff
Nov 23 2016 02:25
@AlphaTest01 woohoo easiest points I earned all day.. thanks!
CamperBot
@camperbot
Nov 23 2016 02:25
cscharff sends brownie points to @alphatest01 :sparkles: :thumbsup: :sparkles:
:cookie: 28 | @alphatest01 |http://www.freecodecamp.com/alphatest01
Kasper
@kam1986
Nov 23 2016 02:25
@wong3030 Thx :)
CamperBot
@camperbot
Nov 23 2016 02:25
kam1986 sends brownie points to @wong3030 :sparkles: :thumbsup: :sparkles:
:cookie: 78 | @wong3030 |http://www.freecodecamp.com/wong3030
cole8
@cole8
Nov 23 2016 02:26
how do I save where I left off
Chris Scharff
@cscharff
Nov 23 2016 02:27
@cole8 it will remember for you.
cole8
@cole8
Nov 23 2016 02:27
so I can just exit out
Chris Scharff
@cscharff
Nov 23 2016 02:27
@cole8 you can also look at the map to review past lessons or look ahead.. yep you can exit out
cole8
@cole8
Nov 23 2016 02:27
thanks man :)
Ivan Vallina
@IvanV96
Nov 23 2016 02:28
Create a class called silver-background with the background-color of silver. Assign this class to your div 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;
}

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

</style>

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

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

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

<div>

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

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

I kinda need help with that
Eric Snell
@EricSnell
Nov 23 2016 02:28
@IvanV96 <element class=“some-class-name”></element>
wong3030
@wong3030
Nov 23 2016 02:29
if anyone is still stuck on Responsively Style Radio Buttons, here is my code that worked. <div class="row 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>
Ivan Vallina
@IvanV96
Nov 23 2016 02:29
thank you @EricSnell
CamperBot
@camperbot
Nov 23 2016 02:29
ivanv96 sends brownie points to @ericsnell :sparkles: :thumbsup: :sparkles:
:cookie: 299 | @ericsnell |http://www.freecodecamp.com/ericsnell
Eric Snell
@EricSnell
Nov 23 2016 02:29
@IvanV96 you’re styling declaration isn’t quite right though
wong3030
@wong3030
Nov 23 2016 02:30
@Manish-Giri thank you for helping me out
CamperBot
@camperbot
Nov 23 2016 02:30
wong3030 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 2405 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Nov 23 2016 02:30
@wong3030 :+1:
Aaron
@apalm1341
Nov 23 2016 02:30
blob
Can someone please tell me what this does?
someone just tried helping me on my computer and asked me to type in a password
im concerned about this
Manish Giri
@Manish-Giri
Nov 23 2016 02:32
@apalm1341 I already told you, follow the instructions listed on the github website and complete the rest of the steps
Cameron O'Rourke
@corourke
Nov 23 2016 02:33
@apalm1341 That's just standard SSH key generation stuff.
Aaron
@apalm1341
Nov 23 2016 02:33
ok...so no worries about someone accessing my computer by me typing in a password in there?
Manish Giri
@Manish-Giri
Nov 23 2016 02:33
@apalm1341 and honestly, even though I did tell you - your password doesn't show up on screen, so there's no need to be worried about
you don't seem to believe me
Cameron O'Rourke
@corourke
Nov 23 2016 02:34
@apalm1341 No, you are running a local command to generate and secure a SSH key pair with a passphrase. Don't forget your passphrase!!!
cole8
@cole8
Nov 23 2016 02:35
can someone tell me what is wrong
<form id="cat-photo-app">
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
id is apparently wrong
Aaron
@apalm1341
Nov 23 2016 02:35
@corourke ok thx
CamperBot
@camperbot
Nov 23 2016 02:35
apalm1341 sends brownie points to @corourke :sparkles: :thumbsup: :sparkles:
:cookie: 7 | @corourke |http://www.freecodecamp.com/corourke
Manish Giri
@Manish-Giri
Nov 23 2016 02:35
@cole8 these 2 should be on the same form
<form id="cat-photo-app">
<form action="/submit-cat-photo">
Eric Snell
@EricSnell
Nov 23 2016 02:36
@cole8 you don’t need another form element
@cole8 “action” is just another attribute you can add to your existing form
cole8
@cole8
Nov 23 2016 02:36
i need to make an id
Eric Snell
@EricSnell
Nov 23 2016 02:37
@cole8 you can add multiple attributes, just separate with a space
Denriquezx
@Denriquezx
Nov 23 2016 02:37
:wave:
Eric Snell
@EricSnell
Nov 23 2016 02:37
@EricSnell <element class=“some-class-name” anotherAttribute=“something-else”>
Errikka
@Errikka
Nov 23 2016 02:38
Hello all!
cole8
@cole8
Nov 23 2016 02:38
im on lesson Set the ID of an Element
Chris Scharff
@cscharff
Nov 23 2016 02:38
hola @Errikka
Errikka
@Errikka
Nov 23 2016 02:38
blob
I'm stuck on challenge 23
I don't know what I am doing wrong.
Chris Scharff
@cscharff
Nov 23 2016 02:39
@cole8 setting an ID is sort of like setting a class id=“foo"
Manish Giri
@Manish-Giri
Nov 23 2016 02:39
@Errikka the part between lines 21-22 should go in the existing style tags
Eric Snell
@EricSnell
Nov 23 2016 02:39
@Errikka all styling declarations go in one sytle section
Denriquezx
@Denriquezx
Nov 23 2016 02:39
@cole8 They're saying those can both be in the same form line @Manish-Giri
@cole8 these 2 should be on the same form
<form id="cat-photo-app" action="/submit-cat-photo">
Eric Snell
@EricSnell
Nov 23 2016 02:39
@cscharff yup
Errikka
@Errikka
Nov 23 2016 02:40
Thank you! Do I need to put "class="?
Eric Snell
@EricSnell
Nov 23 2016 02:40
@cscharff oops..you weren’t asking..mah bad!
Manish Giri
@Manish-Giri
Nov 23 2016 02:40
yes, class="classname" is how your class changes will go in effect
Chris Scharff
@cscharff
Nov 23 2016 02:41
@EricSnell it’s Ok I appreciate the confirmation :)
Denriquezx
@Denriquezx
Nov 23 2016 02:41

Can anyone tell me why well class isn't working ```

<script>
$(document).ready(function() {
$("button").addClass("animated bounce");
$("well").addClass("animated shake");
});

</script>```

Use the jQuery addClass() function to give the classes animated and shake to all your elements with the class well.
__mifflin__
@cdrainxv
Nov 23 2016 02:42
@Denriquezx: well is a class not an element.
cole8
@cole8
Nov 23 2016 02:42
this is getting annoying i might get off
Manish Giri
@Manish-Giri
Nov 23 2016 02:42
lol
Denriquezx
@Denriquezx
Nov 23 2016 02:42
derp derp
have to add my .
tyty
Manish Giri
@Manish-Giri
Nov 23 2016 02:42
@cdrainxv :wave:
__mifflin__
@cdrainxv
Nov 23 2016 02:42
@Manish-Giri: :wave:
Ololade Oluwadamilare
@Lahde-damz
Nov 23 2016 02:42

hey guys please am having issues in "size your images" <style> .smaller-image {width: 100px;} </style>

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

Eric Snell
@EricSnell
Nov 23 2016 02:43
@Lahde-damz whats the prob
__mifflin__
@cdrainxv
Nov 23 2016 02:43
lem
Denriquezx
@Denriquezx
Nov 23 2016 02:44
The class is missing
in your img
Manish Giri
@Manish-Giri
Nov 23 2016 02:44
lem?
Denriquezx
@Denriquezx
Nov 23 2016 02:45
class="smaller-image"
Eric Snell
@EricSnell
Nov 23 2016 02:45
@Lahde-damz you didn’t add the class to your image element
@Lahde-damz <element class=“class-name”>
cole8
@cole8
Nov 23 2016 02:45
where do I put the <form id="cat-photo-app">
Denriquezx
@Denriquezx
Nov 23 2016 02:45
<img src="https://bit.ly/fcc-relaxing-cat" class="smaller-image" alt="A cute orange cat lying on its back. ">
Ololade Oluwadamilare
@Lahde-damz
Nov 23 2016 02:46
@Denriquezx @EricSnell thanks guys you rock! but whats this code for then,because i saw it in the examples<img src="https://bit.ly/fcc-relaxing-cat" class="smaller-image" alt="A cute orange cat lying on its back. ">
CamperBot
@camperbot
Nov 23 2016 02:46
lahde-damz sends brownie points to @denriquezx and @ericsnell :sparkles: :thumbsup: :sparkles:
:cookie: 154 | @denriquezx |http://www.freecodecamp.com/denriquezx
:cookie: 300 | @ericsnell |http://www.freecodecamp.com/ericsnell
Cole Maly
@malycole
Nov 23 2016 02:46
how can I lock a button to the bottom of a div? whenever I say margin-top/margin-bottom it puts it to the bottom of the page rather than the bottom of my box
solima18
@solima18
Nov 23 2016 02:46
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<lable><input type="checkbox" name="personality">loving</lable>
<lable><input type="checkbox" name="personality">affectionate</lable>
<lable><input type="checkbox" name="personality">friendly</lable>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
What is wrong with that ^
Eric Snell
@EricSnell
Nov 23 2016 02:47
@solima18 typo on the closing label tag of your last label
@solima18 actually the last two label closing tags
cole8
@cole8
Nov 23 2016 02:47
yeh
solima18
@solima18
Nov 23 2016 02:47
oh yea last three thank you
cole8
@cole8
Nov 23 2016 02:47
just about to say that
Eric Snell
@EricSnell
Nov 23 2016 02:47
@solima18 actually some opening tags too lol
Manish Giri
@Manish-Giri
Nov 23 2016 02:48
yeah that's a mixture of label and lable
cole8
@cole8
Nov 23 2016 02:48
@EricSnell
what is wrong with this when trying to set an id of an element

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

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

Manish Giri
@Manish-Giri
Nov 23 2016 02:48
@malycole something like this, maybe?
div {
position: relative;
}
button {
position: absolute;
bottom: 0;
}
@cole8 I thought you were just on that challenge
Eric Snell
@EricSnell
Nov 23 2016 02:49
@cole8 add the id attribute alongside the action attribute in the first line
cole8
@cole8
Nov 23 2016 02:49
I have been on it for an hour
Errikka
@Errikka
Nov 23 2016 02:49
I'm having a difficult time figuring out where I'm supposed to put things. What is the basic formula? Nothing is coming together yet. Its driving me crazy because I don't know how I've gotten this far.
Manish Giri
@Manish-Giri
Nov 23 2016 02:49
@cole8 <form id="cat-photo-app"> creates a new form
Errikka
@Errikka
Nov 23 2016 02:50
Thank you for all of the help everyone.
Eric Snell
@EricSnell
Nov 23 2016 02:50
@cole8 all attributes for an element go in it’s opening tag
Cole Maly
@malycole
Nov 23 2016 02:51
@Manish-Giri thanks, I realized that I'm also modifying the wrong div
CamperBot
@camperbot
Nov 23 2016 02:51
malycole sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 2406 | @manish-giri |http://www.freecodecamp.com/manish-giri
Eric Snell
@EricSnell
Nov 23 2016 02:51
@cole8 “action” is just another attribute of “form"
@cole8 like “class” and “id"
cole8
@cole8
Nov 23 2016 02:51
so form action="/submit-cat-photo"
Manish Giri
@Manish-Giri
Nov 23 2016 02:52

@Errikka the basic formula is this -

<style>
...
</style>
HTML

anything between the style tags should be css, this styles the HTML elements that you have on the page, which follows </style>

cole8
@cole8
Nov 23 2016 02:52
is like saying form form="/submit-cat-photo"?
Eric Snell
@EricSnell
Nov 23 2016 02:52
@cole8 you would just add the action attribute next to the existing id attribute
@cole8 <element attribute1=“something” attribute2=“something”>
Manish Giri
@Manish-Giri
Nov 23 2016 02:53

so, if you have a div which you want to style with a class,

<div class="some-class">
...
</div>

you put the css for some-class between style tags

<style>
.some-class {
color: red;
}
</style>
@Errikka
cole8
@cole8
Nov 23 2016 02:53
didnt worj
work*
maybe it's the way they are explaining it
WHY IS THIS SO HARD XD
Manish Giri
@Manish-Giri
Nov 23 2016 02:55
if you try to write the code without understanding the logic, it will feel hard
that's quite natural
Errikka
@Errikka
Nov 23 2016 02:55
Thank you so much @Manish-Giri !
CamperBot
@camperbot
Nov 23 2016 02:55
errikka sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
Eric Snell
@EricSnell
Nov 23 2016 02:55
@cole8 post your code
CamperBot
@camperbot
Nov 23 2016 02:55
:star2: 2407 | @manish-giri |http://www.freecodecamp.com/manish-giri
cole8
@cole8
Nov 23 2016 02:55

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

<form id action="cat-photo-photo">

Eric Snell
@EricSnell
Nov 23 2016 02:56
@cole8 okay, you still have that extra form element at the bottom
@cole8 that creates another form
@cole8 you only need one
cole8
@cole8
Nov 23 2016 02:56
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
Manish Giri
@Manish-Giri
Nov 23 2016 02:56
@Errikka welcome! post here if you're still stuck!
Eric Snell
@EricSnell
Nov 23 2016 02:56
@cole8 great, now just add the id attribute to the form
Chris Scharff
@cscharff
Nov 23 2016 02:56
@ cole8 class=“ foo bar” to apply both foo and bar
Errikka
@Errikka
Nov 23 2016 02:57
I made it to challenge 24. Whew!
cole8
@cole8
Nov 23 2016 02:57
didnt work
Chris Scharff
@cscharff
Nov 23 2016 02:57
@cole8 I may be behind.. so ignore that for id. id != class
cole8
@cole8
Nov 23 2016 02:58
ok
btw eric didnt work
Sudha Subramaniam
@Sudha533
Nov 23 2016 02:58
i am trying to do the following
Emphasize the text in your target4 button by adding HTML tags.
Make sure the text is otherwise unchanged.
Manish Giri
@Manish-Giri
Nov 23 2016 02:58
@Sudha533 show your code
Sudha Subramaniam
@Sudha533
Nov 23 2016 02:59
sure!
$("#target4").html("<em>#target4</em>");
cole8
@cole8
Nov 23 2016 02:59
@EricSnell what did you mean by add the id attribute to the form
Manish Giri
@Manish-Giri
Nov 23 2016 03:00
@Sudha533 can you post the rest of your code
Eric Snell
@EricSnell
Nov 23 2016 03:00
@cole8 how you had it originally
cole8
@cole8
Nov 23 2016 03:00
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
Sudha Subramaniam
@Sudha533
Nov 23 2016 03:01

@Manis

<script>
$(document).ready(function() {
$("#target1").css("color", "red");
$("#target4").html("<em>#target4</em>");

});
</script>

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

Eric Snell
@EricSnell
Nov 23 2016 03:01
@cole8 add “id=“whatever-the-id-is"
__mifflin__
@cdrainxv
Nov 23 2016 03:01
@cole8: You just have to add the id to your opening form tag:
<form action="…" id="…">
Manish Giri
@Manish-Giri
Nov 23 2016 03:02
@Sudha533 copy paste your challenge url from the browser here
Walid Ashri
@walidashri
Nov 23 2016 03:02
@cdrainxv hi
cole8
@cole8
Nov 23 2016 03:03
<form action="/submit-cat-photo"id="cat-photo-app">?
__mifflin__
@cdrainxv
Nov 23 2016 03:03
@Sudha533: That looks :100: . Have you tried refreshing and/or resetting the challenge?
@cole8: It’s cat-photo-form as per instructions.
Manish Giri
@Manish-Giri
Nov 23 2016 03:03
@cole8 the id is cat-photo-form
:1234:
cole8
@cole8
Nov 23 2016 03:04
im gonna go kill myselft
this whole time
i did app instead of form
__mifflin__
@cdrainxv
Nov 23 2016 03:04
@walidashri: :facepunch:
Manish Giri
@Manish-Giri
Nov 23 2016 03:04
the devil is in the details
cole8
@cole8
Nov 23 2016 03:04

thank you!
I have to go now
Thank you all for your help
Sudha Subramaniam
@Sudha533
Nov 23 2016 03:05
@Manish-Giri https://www.freecodecamp.com/challenges/change-text-inside-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%23target4%22).html(%22%3Cem%3E%3C%2Fem%3E%22)%3B%0A%20%20%20%20%0A%20%20%7D)%3B%0Afcces%0A%0A%3C!--%20Only%20change%20code%20above%20this%20line.%20--%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Ch3%20class%3D%22text-primary%20text-center%22%3EjQuery%20Playground%3C%2Fh3%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23left-well%3C%2Fh4%3E%0A%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%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%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%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target3%22%3E%23target3%3C%2Fbutton%3E%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-6%22%3E%0A%20%20%20%20%20%20%3Ch4%3E%23right-well%3C%2Fh4%3E%0A%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%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%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%3Cbutton%20class%3D%22btn%20btn-default%20target%22%20id%3D%22target6%22%3E%23target6%3C%2Fbutton%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%2Fdiv%3E%0A
Manish Giri
@Manish-Giri
Nov 23 2016 03:05
@Sudha533 it's incomplete - $("#target4").html("<em></em>");
Sudha Subramaniam
@Sudha533
Nov 23 2016 03:05
OMG, the url is too long..
Walid Ashri
@walidashri
Nov 23 2016 03:05
@cdrainxv Sorry man was joking btw this how to add es6 to fcc
__mifflin__
@cdrainxv
Nov 23 2016 03:07
@walidashri: :smile: I know. :laughing: … I also know that…
//jshint esversion:6
Sudha Subramaniam
@Sudha533
Nov 23 2016 03:07
@Manish-Giri Sorry, I dont understand. How does it incomplete?
M.Sohaib
@coolcoder007
Nov 23 2016 03:07

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

@Manish-Giri

Walid Ashri
@walidashri
Nov 23 2016 03:07
@cdrainxv not like that
M.Sohaib
@coolcoder007
Nov 23 2016 03:07
hey
Manish need your help
__mifflin__
@cdrainxv
Nov 23 2016 03:08
@walidashri: How much do you want to bet?
Manish Giri
@Manish-Giri
Nov 23 2016 03:08
@Manish-Giri because you're missing #target4 between the em tags - $("#target4").html("<em></em>");
@coolcoder007 wsup
Walid Ashri
@walidashri
Nov 23 2016 03:08
@Sudha533 u need to add the text between the <em> tags
M.Sohaib
@coolcoder007
Nov 23 2016 03:08
coding man
Walid Ashri
@walidashri
Nov 23 2016 03:08
@cdrainxv 100000000000000000USD
Manish Giri
@Manish-Giri
Nov 23 2016 03:08
@coolcoder007 can you copy paste the challenge url from your browser
@walidashri if you have that much to bet, why not lend me some?
M.Sohaib
@coolcoder007
Nov 23 2016 03:09
ok
Sudha Subramaniam
@Sudha533
Nov 23 2016 03:09
@Manish-Giri It's working now...Thanks
__mifflin__
@cdrainxv
Nov 23 2016 03:09
@Manish-Giri: He had it right here: :point_up: November 22, 2016 7:59 PM
M.Sohaib
@coolcoder007
Nov 23 2016 03:09
https://www.freecodecamp.com/challenges/create-a-custom-heading#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%0A%3Cstyle%3E%0A%20%20h2%20{%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20}%0A%0A%20%20.thick-green-border%20{%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20}%0A%3C%2Fstyle%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%3Ch2%20class%3D%22text-primary%20text-center%22%3ECatPhotoApp%3C%2Fh2%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3Cdiv%20class%3D%22col-xs-8%22%3E%20%0A%20%20%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22img-responsive%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%3E%3C%2Fa%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%0A%20%20%3Cimg%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-running-cats%22%20class%3D%22img-responsive%22%20alt%3D%22Three%20kittens%20running%20towards%20the%20camera.%20%22%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-primary%22%3ELike%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-info%22%3EInfo%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22col-xs-4%22%3E%0A%20%20%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-danger%22%3EDelete%3C%2Fbutton%3E%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E%0A%20%20%3Cp%3EThings%20cats%20%3Cspan%20class%3D%22text-danger%22%3Elove%3A%3C%2Fspan%3E%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%20%20%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Indoor%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Loving%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Crazy%3C%2Flabel%3E%0A%20%20%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%20%20%3C%2Fform%3E%0A%3C%2Fdiv%3E%0A
Manish Giri
@Manish-Giri
Nov 23 2016 03:09
@cdrainxv I know! Weird, right? which is why I asked for the url.
Walid Ashri
@walidashri
Nov 23 2016 03:09
@Manish-Giri let's see if @cdrainxv can pay I'll split with u
__mifflin__
@cdrainxv
Nov 23 2016 03:10
@walidashri: Then pay up. :money_with_wings: <—— That is money leaving your pockets.
Manish Giri
@Manish-Giri
Nov 23 2016 03:10
@coolcoder007 the code looks..wrong
M.Sohaib
@coolcoder007
Nov 23 2016 03:11
i have shared basically i stucked in nesting
Manish Giri
@Manish-Giri
Nov 23 2016 03:11

@coolcoder007 so, look

Nest your topmost img element within a div with the class col-xs-4

__mifflin__
@cdrainxv
Nov 23 2016 03:11
@coolcoder007: Shouldn't the img only take up 4 columns of the row and the h2 take up 8 columns?
Manish Giri
@Manish-Giri
Nov 23 2016 03:12
@coolcoder007 and you have
    <div class="col-xs-4">
  <h2 class="text-primary text-center">CatPhotoApp</h2>
    </div>
@cdrainxv the img should be in col-xs-4, while you put the h2 in there instead
M.Sohaib
@coolcoder007
Nov 23 2016 03:12
oh i got it
Walid Ashri
@walidashri
Nov 23 2016 03:12
blob
M.Sohaib
@coolcoder007
Nov 23 2016 03:12
@Manish-Giri thanks
CamperBot
@camperbot
Nov 23 2016 03:12
coolcoder007 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 2408 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Nov 23 2016 03:13
@walidashri @cdrainxv whichever one of you pays, do it fast. i'm waiting
@coolcoder007 :+1:
__mifflin__
@cdrainxv
Nov 23 2016 03:13
@Manish-Giri: Huh…. how is that different than this :point_up: November 22, 2016 8:11 PM?
Manish Giri
@Manish-Giri
Nov 23 2016 03:14
@cdrainxv lol, why does it need to be different
__mifflin__
@cdrainxv
Nov 23 2016 03:15
@walidashri: Automatic withdrawl of 100000000000000000USD as you didn’t even spell version correct. Cha— Ching… I want it all in $1 denominations.
Manish Giri
@Manish-Giri
Nov 23 2016 03:15
:disappointed:
__mifflin__
@cdrainxv
Nov 23 2016 03:15
@Manish-Giri: The img is being used as more of a logo.
William Huang
@WilliamHuang1995
Nov 23 2016 03:15

hi

__mifflin__
@cdrainxv
Nov 23 2016 03:16

HIHI

Manish Giri
@Manish-Giri
Nov 23 2016 03:16
hi
deja vu @cdrainxv
Sudha Subramaniam
@Sudha533
Nov 23 2016 03:16
Hi..
__mifflin__
@cdrainxv
Nov 23 2016 03:16
Hi
Manish Giri
@Manish-Giri
Nov 23 2016 03:16
pls
I already won this game
__mifflin__
@cdrainxv
Nov 23 2016 03:17
uv ajed
Manish Giri
@Manish-Giri
Nov 23 2016 03:17
:smirk:
Bluitgaarden
@Bluitgaarden
Nov 23 2016 03:17

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

__mifflin__
@cdrainxv
Nov 23 2016 03:18
{
 console.log("Hi");
}
Bluitgaarden
@Bluitgaarden
Nov 23 2016 03:18
i need to make my picture smaller but where do i add the style for it
__mifflin__
@cdrainxv
Nov 23 2016 03:18
@Bluitgaarden: In your style tag
Bluitgaarden
@Bluitgaarden
Nov 23 2016 03:18
thank you
Manish Giri
@Manish-Giri
Nov 23 2016 03:18
@cdrainxv .html("@cdrainxv .html().split("").reverse().join("")");
@cdrainxv
:smiling_imp:
KatMarie
@KatMarie
Nov 23 2016 03:19
Can't figure out how to resize the image even if my life depended on it. And it feel like it's really simple....
Manish Giri
@Manish-Giri
Nov 23 2016 03:19
@KatMarie post your code
__mifflin__
@cdrainxv
Nov 23 2016 03:20
@Manish-Giri:
(salutations => console.log(salutations))("Hi!");
William Huang
@WilliamHuang1995
Nov 23 2016 03:20
markdowns are cool
how long does it take to get used to them
M.Sohaib
@coolcoder007
Nov 23 2016 03:20
<div class="container-fluid">
<div class="row">
<div class="col-xs-4">
<h2 class="text-primary text-center">CatPhotoApp</h2>
</div>
<div class="col-xs-8">
<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>
__mifflin__
@cdrainxv
Nov 23 2016 03:20
Not very long.
M.Sohaib
@coolcoder007
Nov 23 2016 03:21
still not right
Manish Giri
@Manish-Giri
Nov 23 2016 03:21
as long as you can master arrow functions and IIFEs in
AXACT
@AXACT
Nov 23 2016 03:21
I can't figure out how to change the font size?
M.Sohaib
@coolcoder007
Nov 23 2016 03:21
Your h2 element and topmost img element should both be nested together within a div element with the class row.
Nest your topmost img element within a div with the class col-xs-4.
Nest your h2 element within a div with the class col-xs-8.
Make sure each of your div elements has a closing tag.
KatMarie
@KatMarie
Nov 23 2016 03:21

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
<img style .smaller-image{ width:100px }>

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

M.Sohaib
@coolcoder007
Nov 23 2016 03:22
that are instruction
__mifflin__
@cdrainxv
Nov 23 2016 03:22
@coolcoder007: Do you have a closing div for your container-fluid class?
Manish Giri
@Manish-Giri
Nov 23 2016 03:22

@coolcoder007

Nest your h2 element within a div with the class col-xs-8.

@coolcoder007
<div class="col-xs-8">
<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>

@KatMarie first thing - this goes between the style tags

.smaller-image{ width:100px }

with the ; at the end

KatMarie
@KatMarie
Nov 23 2016 03:23
I thought that <img style .smaller-image {width:100px}> would be right...but obviously not...also tried putting it directly in the style but that didn't seem to work either
Manish Giri
@Manish-Giri
Nov 23 2016 03:23
then get rid of <img style .smaller-image{ width:100px }>
@cdrainxv will explain the rest
M.Sohaib
@coolcoder007
Nov 23 2016 03:23
yes i have
at the end
KatMarie
@KatMarie
Nov 23 2016 03:24
@Manish-Giri ok
Manish Giri
@Manish-Giri
Nov 23 2016 03:25
looks like he isn't here
weedless1
@weedless1
Nov 23 2016 03:26
im stuck, i think I'm doing this right
Manish Giri
@Manish-Giri
Nov 23 2016 03:26
@KatMarie once you do steps 1 and 2, add the class smaller-image to this element -
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
class="smaller-image"
weedless1
@weedless1
Nov 23 2016 03:26
is this right
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.
Bluitgaarden
@Bluitgaarden
Nov 23 2016 03:26
im still having trouble, i put it inside the style and it still wont work, what am i doing wrong?
weedless1
@weedless1
Nov 23 2016 03:27

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

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

Manish Giri
@Manish-Giri
Nov 23 2016 03:27
@weedless1 V should be capital
Bluitgaarden
@Bluitgaarden
Nov 23 2016 03:27

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

here is my code, need to resize image to 100px
Manish Giri
@Manish-Giri
Nov 23 2016 03:28
@Bluitgaarden where's your code for this challenge?
Bluitgaarden
@Bluitgaarden
Nov 23 2016 03:28
right above us
weedless1
@weedless1
Nov 23 2016 03:28

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

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

neosamwell
@neosamwell
Nov 23 2016 03:28
hello
weedless1
@weedless1
Nov 23 2016 03:29
didn't work
neosamwell
@neosamwell
Nov 23 2016 03:29
I'm having a problem with challenge 50
the program is not detecting one of my closing tags
:\
Manish Giri
@Manish-Giri
Nov 23 2016 03:29
@neosamwell copy paste the challenge url here
Manish Giri
@Manish-Giri
Nov 23 2016 03:30
@neosamwell it's not hi - </hi>, it's </h1>
neosamwell
@neosamwell
Nov 23 2016 03:30
huh?
Manish Giri
@Manish-Giri
Nov 23 2016 03:30
@weedless1 copy paste challenge url here
neosamwell
@neosamwell
Nov 23 2016 03:30
oh
XD
hahahaha
My bad.
Manish Giri
@Manish-Giri
Nov 23 2016 03:30
lol
neosamwell
@neosamwell
Nov 23 2016 03:30
thank you for your help good sir.
Bluitgaarden
@Bluitgaarden
Nov 23 2016 03:31
where do i add the width for the picture in the style?
Manish Giri
@Manish-Giri
Nov 23 2016 03:31
:+1:
within the style tags
__mifflin__
@cdrainxv
Nov 23 2016 03:31
@Bluitgaarden: Yes.
Bluitgaarden
@Bluitgaarden
Nov 23 2016 03:31
yea i did that but do i need to add img
Manish Giri
@Manish-Giri
Nov 23 2016 03:31
@cdrainxv that wasn't a boolean question :smirk:
Bluitgaarden
@Bluitgaarden
Nov 23 2016 03:31
such as h2
weedless1
@weedless1
Nov 23 2016 03:32
I'm stumped
__mifflin__
@cdrainxv
Nov 23 2016 03:32
@Manish-Giri: true :smirk:
Manish Giri
@Manish-Giri
Nov 23 2016 03:32
ffalselse
__mifflin__
@cdrainxv
Nov 23 2016 03:32
true
weedless1
@weedless1
Nov 23 2016 03:32
https://www.freecodecamp.com/challenges/nest-an-anchor-element-within-a-paragraph#?solution=%0A%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Ca%20href%3D%22http%3A%2F%2Fwww.freecatphotoapp.com%22%3Ecat%20photos%3C%2Fa%3E%0A%0A%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%3E%0A%0A%3Cp%20class%3D%22red-text%22%3EKitty%20ipsum%20dolor%20sit%20amet%2C%20shed%20everywhere%20shed%20everywhere%20stretching%20attack%20your%20ankles%20chase%20the%20red%20dot%2C%20hairball%20run%20catnip%20eat%20the%20grass%20sniff.%3C%2Fp%3E%0A%3Cp%20class%3D%22red-text%22%3EPurr%20jump%20eat%20the%20grass%20rip%20the%20couch%20scratched%20sunbathe%2C%20shed%20everywhere%20rip%20the%20couch%20sleep%20in%20the%20sink%20fluffy%20fur%20catnip%20scratched.%3C%2Fp%3E%0A
Ololade Oluwadamilare
@Lahde-damz
Nov 23 2016 03:32

hey guys please am trying to make a dead link, HERE IS MY CODE

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

<p>Click here for #="http://www.freecatphotoapp.com"cat photos.</p>

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

weedless1
@weedless1
Nov 23 2016 03:32
sorry can someone help
Manish Giri
@Manish-Giri
Nov 23 2016 03:33
@Lahde-damz replace value of href with #, not href itself
__mifflin__
@cdrainxv
Nov 23 2016 03:34
@Lahde-damz: href="value"… before value was a url… but now you want to replace it with #.
Bluitgaarden
@Bluitgaarden
Nov 23 2016 03:34
i put it inside the style but nothing happened
__mifflin__
@cdrainxv
Nov 23 2016 03:34
Can I see it?
Manish Giri
@Manish-Giri
Nov 23 2016 03:34
nope
Dominique Brown
@Ol-boy
Nov 23 2016 03:35
how do you copy your syntax to message @Manish-Giri
Manish Giri
@Manish-Giri
Nov 23 2016 03:35
'''
CamperBot
@camperbot
Nov 23 2016 03:35
:bulb: to format code use backticks! ``` more info
Bluitgaarden
@Bluitgaarden
Nov 23 2016 03:35

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

@Manish-Giri
__mifflin__
@cdrainxv
Nov 23 2016 03:35
@Bluitgaarden: img isn’t required.
Manish Giri
@Manish-Giri
Nov 23 2016 03:35
@Bluitgaarden
  1. remove img from img .smaller-image{width:100px;}
  2. add smaller-image class to the img in html
Ololade Oluwadamilare
@Lahde-damz
Nov 23 2016 03:37
@weedless1 create a <p> tag before your <a href... example : <p> View more (the link) cat photos </a> </p>
Bluitgaarden
@Bluitgaarden
Nov 23 2016 03:37
where do i add smaller image insice the html
@Manish-Giri
Manish Giri
@Manish-Giri
Nov 23 2016 03:37
@Bluitgaarden like the way a class is added here - <h2 class="red-text">CatPhotoApp</h2>
@Bluitgaarden but in the opening <img> tag
__mifflin__
@cdrainxv
Nov 23 2016 03:38
@Bluitgaarden: inside the img element. Don’t remove anything though… you just add.
Manish Giri
@Manish-Giri
Nov 23 2016 03:38
@cdrainxv did burning-monk get unbanned?
KatMarie
@KatMarie
Nov 23 2016 03:39
@Manish-Giri now the only problem is that the image needs to 100px width and browser zoom has to 100%
AXACT
@AXACT
Nov 23 2016 03:39
@coolcoder007 Can you give an example ?
__mifflin__
@cdrainxv
Nov 23 2016 03:39
@Manish-Giri: I don’t think so… Lance is not lenient. He didn’t even have any evidence.
Manish Giri
@Manish-Giri
Nov 23 2016 03:39
@KatMarie show your code?
@cdrainxv he's a joke
alevele3
@alevele3
Nov 23 2016 03:40
Which IDEs are used for HTML, CSS,JS etc...?
Manish Giri
@Manish-Giri
Nov 23 2016 03:40
@cdrainxv but, imho, I always knew switching allegiance from kim jong to putin would cost him his life :wink:
zonkerzonker
@zonkerzonker
Nov 23 2016 03:40
hey folks , can someone please help me, I'm trying to turn a button into a font
M.Sohaib
@coolcoder007
Nov 23 2016 03:40
@AXACT which type of exemple ?
zonkerzonker
@zonkerzonker
Nov 23 2016 03:40
not a font sorry, an icon
a button to icon
Manish Giri
@Manish-Giri
Nov 23 2016 03:40
@alevele3 webstorm, intellij, even netbeans to some extent, eclipse
Ynot40
@Ynot40
Nov 23 2016 03:41
<img src="https://s3.amazonaws.com/freecodecamp/relaxing-cat.jpg" alt="Photo of a cat chillin. ">
This is the correct way to
KatMarie
@KatMarie
Nov 23 2016 03:41

@Manish-Giri

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

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

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

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

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

__mifflin__
@cdrainxv
Nov 23 2016 03:41
@Manish-Giri: Well, that’s what he gets for waving a red flag instead of a white one.
Ynot40
@Ynot40
Nov 23 2016 03:41
code a picture right?
AJ Cupp
@OverladenPrince
Nov 23 2016 03:41
Has anyone done the using responsive design challenge?
Bluitgaarden
@Bluitgaarden
Nov 23 2016 03:41
<img smaller-image="100px" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Ynot40
@Ynot40
Nov 23 2016 03:41
thx
Bluitgaarden
@Bluitgaarden
Nov 23 2016 03:41
i know this is wrong, where did it go wrong
Manish Giri
@Manish-Giri
Nov 23 2016 03:42

@KatMarie um, I thought I said this the last time(my bad, if I didnt) - everything here needs to be in the existing set of style tags

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
color: red;
}
<style>
h2 {
font-family: Lobster, Monospace;
}
p {
font-size: 16px;
font-family: Monospace;
}
</style>

don't create new ones

alevele3
@alevele3
Nov 23 2016 03:42
@Manish-Giri , thank you.
CamperBot
@camperbot
Nov 23 2016 03:42
alevele3 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 2409 | @manish-giri |http://www.freecodecamp.com/manish-giri
__mifflin__
@cdrainxv
Nov 23 2016 03:42
@Bluitgaarden:
class="name-of-class"
same as this example:
<h2 class="red-text">CatPhotoApp</h2>
KatMarie
@KatMarie
Nov 23 2016 03:42
@Manish-Giri ok thanks!
CamperBot
@camperbot
Nov 23 2016 03:42
katmarie sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 2410 | @manish-giri |http://www.freecodecamp.com/manish-giri
zonkerzonker
@zonkerzonker
Nov 23 2016 03:42
can someone point out what Im doing wrong here?
<button class="btn btn-block btn-primary"><i class="fa fa-thumps-up"></i>Like</button>
Manish Giri
@Manish-Giri
Nov 23 2016 03:42

@KatMarie you've added the class to the img

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

but you don't have the css for the class yet

zonkerzonker
@zonkerzonker
Nov 23 2016 03:43
trying to convert a button into an icon
__mifflin__
@cdrainxv
Nov 23 2016 03:43
@zonkerzonker: thumbs
George Oplt
@georgeo84
Nov 23 2016 03:43
hi i got stuck and am looking for some help please, it wants a pink text class in the style element and i cant figure out what it should look like

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

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

Ololade Oluwadamilare
@Lahde-damz
Nov 23 2016 03:43
@Manish-Giri @cdrainxv thanks both of you...<coding since yesterday,its now 4:45am time to sleep> good nyt guys thanks alot. gracias
CamperBot
@camperbot
Nov 23 2016 03:43
:star2: 1065 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
lahde-damz sends brownie points to @manish-giri and @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 2411 | @manish-giri |http://www.freecodecamp.com/manish-giri
__mifflin__
@cdrainxv
Nov 23 2016 03:44
@Lahde-damz: No problem… sleep well.
John Gaspar Gerald R
@gerald23
Nov 23 2016 03:44
@georgeo84 it is but pink-text-color in style
alevele3
@alevele3
Nov 23 2016 03:45
R the concepts of OOP, Encapsu., Polimorph.. and Inheritance the same in JS, as in Java or C++;
John Gaspar Gerald R
@gerald23
Nov 23 2016 03:45
@georgeo84 only text-color:
__mifflin__
@cdrainxv
Nov 23 2016 03:45

@alevele3:

<style>
 selector {
 property: value;
}

</style>
selector:
if it is a class: add . before class name. Ex: .red-text, etc
if it is an element: add just the element name. Ex: p or h2, etc
if it is an id: add # before the id name. Ex: #orange-text, etc

Tanveer Arshad
@meer39
Nov 23 2016 03:45
@georgeo84 u havw to play
Manish Giri
@Manish-Giri
Nov 23 2016 03:45
@alevele3 they're somewhat different
4:45 AM
hmm
weedless1
@weedless1
Nov 23 2016 03:46
@Lahde-damz thanks
CamperBot
@camperbot
Nov 23 2016 03:46
weedless1 sends brownie points to @lahde-damz :sparkles: :thumbsup: :sparkles:
:cookie: 30 | @lahde-damz |http://www.freecodecamp.com/lahde-damz
Manish Giri
@Manish-Giri
Nov 23 2016 03:46
I guess @Lahde-damz is in the same timezone as @diomed
Tanveer Arshad
@meer39
Nov 23 2016 03:46

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

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

alevele3
@alevele3
Nov 23 2016 03:46
@Manish-Giri , ok, will have to play with it and see it, thank u.
CamperBot
@camperbot
Nov 23 2016 03:46
alevele3 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:warning: alevele3 already gave manish-giri points
neosamwell
@neosamwell
Nov 23 2016 03:47
o-o
Tanveer Arshad
@meer39
Nov 23 2016 03:47
@georgeo84 try this

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

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

Manish Giri
@Manish-Giri
Nov 23 2016 03:47
@meer39 please don't give wrong advice
h1 { pink-text-color:pink;
color: pink; }
neosamwell
@neosamwell
Nov 23 2016 03:47
hey can someone teach me about exploitation so I can hack this cute girl's facebook account
Manish Giri
@Manish-Giri
Nov 23 2016 03:48
O.o
neosamwell
@neosamwell
Nov 23 2016 03:48
no one?
sigh
__mifflin__
@cdrainxv
Nov 23 2016 03:48
Why don’t you just hack her heart?
Manish Giri
@Manish-Giri
Nov 23 2016 03:48
or :heart: :gun:
neosamwell
@neosamwell
Nov 23 2016 03:49
implying I would have to talk to her
__mifflin__
@cdrainxv
Nov 23 2016 03:49
:clap:
acgaray
@acgaray
Nov 23 2016 03:49

On 21, why isn't this working? <style>

.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

.smaller-image {
width: 100px;
}

</style>

__mifflin__
@cdrainxv
Nov 23 2016 03:49
:running: :girl:
hedalexa
@hedalexa
Nov 23 2016 03:49
How bout you not be a creep and just say hello.
Manish Giri
@Manish-Giri
Nov 23 2016 03:49
@acgaray add the smaller-image class to the img
Tanveer Arshad
@meer39
Nov 23 2016 03:52
@acgaray remove "," btwn Lobster and Monospace
neosamwell
@neosamwell
Nov 23 2016 03:54
@hedalexa : ( I'm scared of socializing
acgaray
@acgaray
Nov 23 2016 03:54
@Manish-Giri I tried moving it into img, not working :worried:
hedalexa
@hedalexa
Nov 23 2016 03:55
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
acgaray
@acgaray
Nov 23 2016 03:55
@meer39 it has something to do with the "smaller image"
Manish Giri
@Manish-Giri
Nov 23 2016 03:55
@acgaray you shouldn't "move" it - you need to add the classname
<img class='smaller-image' src="...">
__mifflin__
@cdrainxv
Nov 23 2016 03:55
You could always say Hello — on the terminal that is — and she’ll say it back to you. :smile:
Manish Giri
@Manish-Giri
Nov 23 2016 03:56
echo "hello"
CamperBot
@camperbot
Nov 23 2016 03:56
@Manish-Giri said: echo "hello"
Manish Giri
@Manish-Giri
Nov 23 2016 03:56
huh what
hedalexa
@hedalexa
Nov 23 2016 03:56
@neosamwell Never even jokingly suggest hacking a girl's ANYTHING. There's your pro-tip for how NOT to socialize.
Manish Giri
@Manish-Giri
Nov 23 2016 03:56
@acgaray this bit should stay as is
.smaller-image {
width: 100px;
}
</style>
__mifflin__
@cdrainxv
Nov 23 2016 03:57
echo @Manish-Giri is confused, possibly concussed.
CamperBot
@camperbot
Nov 23 2016 03:57
@cdrainxv said: echo @Manish-Giri is confused, possibly concussed.
__mifflin__
@cdrainxv
Nov 23 2016 03:58
Not even her kidneys? What if she is willing to share? :worried:
alevele3
@alevele3
Nov 23 2016 03:58
I ma trying to apply the class .red-text to the selector h2, I just dont know where to place h2 in the code:

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

<h2>CatPhotoApp</h2>

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

__mifflin__
@cdrainxv
Nov 23 2016 03:59
Place it in here <h2 here>… as shown in the example with blue-text
Manish Giri
@Manish-Giri
Nov 23 2016 03:59
@alevele3 you didn't add the red-text class to h2
M.Sohaib
@coolcoder007
Nov 23 2016 03:59
@alevele3 its like <h2 class="red-text">
__mifflin__
@cdrainxv
Nov 23 2016 03:59
@coolcoder007: Oh, is it like or is it exactly?
weedless1
@weedless1
Nov 23 2016 03:59
why does this program trip
I think this is right
<p>Click here for <a #="http://www.freecatphotoapp.com">cat photos</a>.</p>
is this A dead link?
M.Sohaib
@coolcoder007
Nov 23 2016 04:00
like
alevele3
@alevele3
Nov 23 2016 04:01
However, I supposed to do it in css format.
Manish Giri
@Manish-Giri
Nov 23 2016 04:01
:point_up: November 22, 2016 10:33 PM
:point_up: November 22, 2016 10:34 PM
@weedless1
acgaray
@acgaray
Nov 23 2016 04:01

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

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

__mifflin__
@cdrainxv
Nov 23 2016 04:01
@weedless1: No. :point_up: November 22, 2016 8:34 PM
acgaray
@acgaray
Nov 23 2016 04:01
Still not passing
Manish Giri
@Manish-Giri
Nov 23 2016 04:01
@acgaray missing -
weedless1
@weedless1
Nov 23 2016 04:01
it said replace href to a #
Manish Giri
@Manish-Giri
Nov 23 2016 04:01
@acgaray "smaller image"
@acgaray <img class="smaller image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
KatMarie
@KatMarie
Nov 23 2016 04:02
@Manish-Giri I think I just had a break through... the width part of the code goes in the style, and the class goes in the img..?
__mifflin__
@cdrainxv
Nov 23 2016 04:02
:+1:
acgaray
@acgaray
Nov 23 2016 04:02
FINALLY! @Manish-Giri Thanks so much
CamperBot
@camperbot
Nov 23 2016 04:02
acgaray sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 2412 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Nov 23 2016 04:02
@KatMarie your code is fine, you just missed the -
@acgaray welcome
KatMarie
@KatMarie
Nov 23 2016 04:03
@Manish-Giri you're a great helper!!!! Thanks again!
CamperBot
@camperbot
Nov 23 2016 04:03
katmarie sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:warning: katmarie already gave manish-giri points
Manish Giri
@Manish-Giri
Nov 23 2016 04:03
@KatMarie pleasure :)
hedalexa
@hedalexa
Nov 23 2016 04:03
@KatMarie the class in the img tag tells "style" where to apply.
weedless1
@weedless1
Nov 23 2016 04:03
@cdrainxv it said replace href to a #
neosamwell
@neosamwell
Nov 23 2016 04:03
html and css are so cool
MrSaturn42
@MrSaturn42
Nov 23 2016 04:04

I'm supposed to give a background color(silver)to a div element what did I do wrong it says i got it wrong <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

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

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

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

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

hedalexa
@hedalexa
Nov 23 2016 04:04
style is WHAT to do. class is WHERE to do it.
Manish Giri
@Manish-Giri
Nov 23 2016 04:04
@weedless1 it said to replace value of href to #
__mifflin__
@cdrainxv
Nov 23 2016 04:05

@weedless1:

Replace the value of your a element's href attribute with a #, also known as a hash symbol, to turn it into a dead link.

neosamwell
@neosamwell
Nov 23 2016 04:05
@hedalexa is hacking really considered that bad? It's not something very easily learned.
__mifflin__
@cdrainxv
Nov 23 2016 04:05
Brandon Zamorano
@BrandonZamorano
Nov 23 2016 04:05
@MrSaturn42 .silver-background { background color: silver; } background-color
Manish Giri
@Manish-Giri
Nov 23 2016 04:05
@MrSaturn42 missing a - in background color: silver;
hedalexa
@hedalexa
Nov 23 2016 04:05
@neosamwell Really?
strika7
@strika7
Nov 23 2016 04:05
currently stuck in ID Attribute to Style an Element
Your form element should have the background-color of green.
hedalexa
@hedalexa
Nov 23 2016 04:06
@neosamwell It's an invasion of privacy if you're trying to hack someone's personal stuff/information. This isn't rocket science.
weedless1
@weedless1
Nov 23 2016 04:06
I'm brain dead
guys
sorry
strika7
@strika7
Nov 23 2016 04:06

One cool thing about id attributes is that, like classes, you can style them using CSS.

Here's an example of how you can take your element with the id attribute of cat-photo-element and give it the background color of green. In your style element:

cat-photo-element {

background-color: green;
}
Note that inside your style element, you always reference classes by putting a . in front of their names. You always reference ids by putting a # in front of their names.

Try giving your form, which now has the id attribute of cat-photo-form, a green background.

alevele3
@alevele3
Nov 23 2016 04:06
@coolcoder007 , got it, ty.
CamperBot
@camperbot
Nov 23 2016 04:06
alevele3 sends brownie points to @coolcoder007 :sparkles: :thumbsup: :sparkles:
:cookie: 74 | @coolcoder007 |http://www.freecodecamp.com/coolcoder007
MrSaturn42
@MrSaturn42
Nov 23 2016 04:06
@Manish-Giri Thank you!!!
CamperBot
@camperbot
Nov 23 2016 04:06
mrsaturn42 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 2413 | @manish-giri |http://www.freecodecamp.com/manish-giri
neosamwell
@neosamwell
Nov 23 2016 04:07
exactly no one would teach it to anyone who has bad intentions
Hope0311
@Hope0311
Nov 23 2016 04:08
https://www.freecodecamp.com/challenges/create-a-form-element#?solution=%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%3Cinput%20type%3Dtext%20placeholder%3Dcat%20photo%20url%3E%3C%2Fform%3E%20%20%0A%20%20%3Clink%20href%3D%22https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%20%20%0A%3C%2Fstyle%3E%0A%3Cform%20action%3D%22%2Fsubmit-cat-photo%22%3E%0A%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%3E%0A%3C%2Fform%3E%0A%3Ch2%20class%3D%22red-text%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20alt%3D%22A%20cute%20orange%20cat%20lying%20on%20its%20back.%20%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%3Cul%3E%0A%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%3C%2Ful%3E%0A%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%3Col%3E%0A%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%3C%2Fol%3E%0A%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%3E%0A
what am i doing wrong
bakrhussein
@bakrhussein
Nov 23 2016 04:08
hello guys
<input type="text" required> is something wrong?
weedless1
@weedless1
Nov 23 2016 04:09
eureka
lol
M.Sohaib
@coolcoder007
Nov 23 2016 04:09
@bakrhussein No looking fine
weedless1
@weedless1
Nov 23 2016 04:10
@Manish-Giri @cdrainxv thanks guys
CamperBot
@camperbot
Nov 23 2016 04:10
weedless1 sends brownie points to @manish-giri and @cdrainxv :sparkles: :thumbsup: :sparkles:
:star2: 1066 | @cdrainxv |http://www.freecodecamp.com/cdrainxv
:star2: 2414 | @manish-giri |http://www.freecodecamp.com/manish-giri
bakrhussein
@bakrhussein
Nov 23 2016 04:10
@coolcoder007 then why is it saying Your text input element should have the required attribute.
M.Sohaib
@coolcoder007
Nov 23 2016 04:10
@bakrhussein share your code
Hope0311
@Hope0311
Nov 23 2016 04:11
y does my form has no action attributre
Surajit Basak
@surajitbasak109
Nov 23 2016 04:11
"required" attribute is used for form validation
Manish Giri
@Manish-Giri
Nov 23 2016 04:11
@MrSaturn42 @weedless1 welcome
__mifflin__
@cdrainxv
Nov 23 2016 04:11
@Hope0311: You have two input elements… and why is your form element with the nested input element so high up… move it below your ol element.
Bluitgaarden
@Bluitgaarden
Nov 23 2016 04:12
where do you add the # to make it a dead link? can i see an example?
__mifflin__
@cdrainxv
Nov 23 2016 04:13
@Hope0311: also it’s alway attribute:"value"… the values for your typeand placeholder attributes should be in ""
vivek
@myth-vivek
Nov 23 2016 04:13
Your <style> should have a pink-text CSS class with its color set to pink.
its not working
bakrhussein
@bakrhussein
Nov 23 2016 04:13
this is my code
M.Sohaib
@coolcoder007
Nov 23 2016 04:13
@Bluitgaarden <a herf="#">
bakrhussein
@bakrhussein
Nov 23 2016 04:14
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
<button type="submit">Submit</button>
<input type="text" required>
</form>
__mifflin__
@cdrainxv
Nov 23 2016 04:14
@coolcoder007: herf?
M.Sohaib
@coolcoder007
Nov 23 2016 04:14
href
sorry
vivek
@myth-vivek
Nov 23 2016 04:15

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

h1, pink-text {
color: pink;
}
</style>

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

Manish Giri
@Manish-Giri
Nov 23 2016 04:15
fcc should just drop this href challenge once n for al
vivek
@myth-vivek
Nov 23 2016 04:15
is there somthing wrong>
__mifflin__
@cdrainxv
Nov 23 2016 04:15
I concur.
M.Sohaib
@coolcoder007
Nov 23 2016 04:15
@cdrainxv i,m so sleepy right now
Bluitgaarden
@Bluitgaarden
Nov 23 2016 04:16
i put it there and nothing happened
<p>Click here for <a href=#"http://www.freecatphotoapp.com">cat photos</a>.</p>
Manish Giri
@Manish-Giri
Nov 23 2016 04:16
@Bluitgaarden href="#"
__mifflin__
@cdrainxv
Nov 23 2016 04:16
@coolcoder007: Then power down. I’m going to soon, but I have to go and watch The Walking Dead. :smile:
Manish Giri
@Manish-Giri
Nov 23 2016 04:16
@cdrainxv I stopped at season 4, have to pick up
__mifflin__
@cdrainxv
Nov 23 2016 04:17
@Manish-Giri: You are definitely missing out. :worried:
Bluitgaarden
@Bluitgaarden
Nov 23 2016 04:17
<p>Click here for <a href="#""http://www.freecatphotoapp.com">cat photos</a>.</p>
is this it?
M.Sohaib
@coolcoder007
Nov 23 2016 04:17
@cdrainxv gr8
Manish Giri
@Manish-Giri
Nov 23 2016 04:17
jeez
__mifflin__
@cdrainxv
Nov 23 2016 04:18
@Bluitgaarden: :point_up: November 22, 2016 8:34 PM
M.Sohaib
@coolcoder007
Nov 23 2016 04:19
@cdrainxv i have helped three people and i am very happy
xd
Manish Giri
@Manish-Giri
Nov 23 2016 04:19
lol
diomed helps hundreds of ppl everyday
__mifflin__
@cdrainxv
Nov 23 2016 04:19
@coolcoder007: Nice… :smile: thanks.
CamperBot
@camperbot
Nov 23 2016 04:19
cdrainxv sends brownie points to @coolcoder007 :sparkles: :thumbsup: :sparkles:
:cookie: 75 | @coolcoder007 |http://www.freecodecamp.com/coolcoder007
Manish Giri
@Manish-Giri
Nov 23 2016 04:19
not sure how many of them leave discouraged though
M.Sohaib
@coolcoder007
Nov 23 2016 04:20
@Manish-Giri yeah i know but i,m new and not good in english
Manish Giri
@Manish-Giri
Nov 23 2016 04:20
@coolcoder007 nice job!
M.Sohaib
@coolcoder007
Nov 23 2016 04:20
@Manish-Giri You r a Guru sir
__mifflin__
@cdrainxv
Nov 23 2016 04:21
They come back… I sometimes wake up and see all these pm’s from people I only helped once and suddenly they feel comfortable sliding in my pm’s.
Manish Giri
@Manish-Giri
Nov 23 2016 04:21
@coolcoder007 lol, ty
CamperBot
@camperbot
Nov 23 2016 04:21
manish-giri sends brownie points to @coolcoder007 :sparkles: :thumbsup: :sparkles:
:cookie: 76 | @coolcoder007 |http://www.freecodecamp.com/coolcoder007
__mifflin__
@cdrainxv
Nov 23 2016 04:21
echo @Manish-Giri is Manish-Guru
CamperBot
@camperbot
Nov 23 2016 04:21
@cdrainxv said: echo @Manish-Giri is Manish-Guru
Manish Giri
@Manish-Giri
Nov 23 2016 04:21
lol
I discovered that piece of magic today
Subodh Sharma
@subodhss23
Nov 23 2016 04:22
You need 2 p elements with Kitty Ipsum text.
??
neosamwell
@neosamwell
Nov 23 2016 04:22
is it possible to get a back-end developer job at the age of 19 without a degree?
Manish Giri
@Manish-Giri
Nov 23 2016 04:22
O.o
Subodh Sharma
@subodhss23
Nov 23 2016 04:22
hey manish
canyou help me out bro??
Bluitgaarden
@Bluitgaarden
Nov 23 2016 04:22
i still cant figure it out
idk why
Manish Giri
@Manish-Giri
Nov 23 2016 04:22
@subodhss23 help with?
Subodh Sharma
@subodhss23
Nov 23 2016 04:22
You need 2 p elements with Kitty Ipsum text.
Manish Giri
@Manish-Giri
Nov 23 2016 04:22
@subodhss23 post your code
__mifflin__
@cdrainxv
Nov 23 2016 04:23
@Bluitgaarden: What have you tried? Code please.
Manish Giri
@Manish-Giri
Nov 23 2016 04:23
@subodhss23 better still, post the challenge URL from the top of your browser
M.Sohaib
@coolcoder007
Nov 23 2016 04:23
@neosamwell yeah i think if you show some extraordinary skills but your pay will be low as compare to graduated,s
Bluitgaarden
@Bluitgaarden
Nov 23 2016 04:23
<p>Click here for <a href="http://www.freecatphotoapp.com">cat photos</a>.</p> i just need to make this a dead link with a # i just dont know where to put the hashtag
__mifflin__
@cdrainxv
Nov 23 2016 04:24
@coolcoder007: Not necessarily. Pay is mostly based on technical skill and your portfolio.
Bluitgaarden
@Bluitgaarden
Nov 23 2016 04:26
where do i add #
Manish Giri
@Manish-Giri
Nov 23 2016 04:26
@cdrainxv check your pm
M.Sohaib
@coolcoder007
Nov 23 2016 04:26
@Bluitgaarden

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

<h2 class="red-text">CatPhotoApp</h2><p>Click here for <a href="#">cat photos</a>.</p>

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

jchaosk
@jchaosk
Nov 23 2016 04:27
@Bluitgaarden <a href="#">
__mifflin__
@cdrainxv
Nov 23 2016 04:27
@Bluitgaarden:
attribute="value"
the href is the attribute… and the http://www.freecatphotoapp.com is your value. To make it a dead link… just replace your current value (the link) with #
wong3030
@wong3030
Nov 23 2016 04:27
Just wondering, do they show us how to add the libraries at some point like animate.css and JQuery libraries?
Manish Giri
@Manish-Giri
Nov 23 2016 04:27
@wong3030 nope
M.Sohaib
@coolcoder007
Nov 23 2016 04:27
@Bluitgaarden this is the right code
Manish Giri
@Manish-Giri
Nov 23 2016 04:27
AFAIK
jchaosk
@jchaosk
Nov 23 2016 04:27
sorr, no quotes
wong3030
@wong3030
Nov 23 2016 04:27
@Manish-Giri Well fck, ain't that just swell
Manish Giri
@Manish-Giri
Nov 23 2016 04:28
lol
wong3030
@wong3030
Nov 23 2016 04:28
hope that doesn't come up in any interview questions
Manish Giri
@Manish-Giri
Nov 23 2016 04:29
@wong3030 for any good interviews, they'd expect you to know how to handle the basics, without using frameworks on top
so, css and js, not animate and jquery
Frank Joseph
@frankmaayn
Nov 23 2016 04:30
quick simple questions: do computer scientist keep notes for codes incase they forget something or do they simply memorize every code there is?
Manish Giri
@Manish-Giri
Nov 23 2016 04:30
@frankmaayn I'm studying TS and i'm making notes right now
so, memorizing every code ~ almost impossible
Avante Jeffers
@Solkorea2
Nov 23 2016 04:31

20px of padding.
Yo bottom of the elements 20px of padding.

1

2

<style>
3
.injected-text {
4
margin-bottom: -25px;
5
text-align: center;
6
}
7

8
.box {
9
border-style: solid;
10
border-color: black;
11
border-width: 5px;
12
text-align: center;
13
}
14

15
.yellow-box {
16
background-color: yellow;
17
padding: 10px;
18
}
19

20
.red-box {
21
background-color: red;
22
padding-top: 40px;
23
padding-right: 20px;
24
padding-bottom: 20px;
25
padding-left: 40px;
26
}
27

28
.green-box {
29
background-color: green;
30
padding-top: 40px;
31
padding-left: 40px;
32
padding-bottom: 20px;
33
padding-right: 20px;
34
}
35

36
</style>
37

<h5 class="injected-text">margin</h5>
38

39

<div class="box yellow-box">
40
<h5 class="box red-box">padding</h5>
41
<h5 class="box green-box">padding</h5>
42
</div>
43

20px of padding.
Your green-box class should give the bottom of the elements 20px of padding.

1

2

<style>
3
.injected-text {
4
margin-bottom: -25px;
5
text-align: center;
6
}
7

8
.box {
9
border-style: solid;
10
border-color: black;
11
border-width: 5px;
12
text-align: center;
13
}
14

15
.yellow-box {
16
background-color: yellow;
17
padding: 10px;
18
}
19

20
.red-box {
21
background-color: red;
22
padding-top: 40px;
23
padding-right: 20px;
24
padding-bottom: 20px;
25
padding-left: 40px;
26
}
27

28
.green-box {
29
background-color: green;
30
padding-top: 40px;
31
padding-left: 40px;
32
padding-bottom: 20px;
33
padding-right: 20px;
34
}
35

36
</style>
37

<h5 class="injected-text">margin</h5>
38

39

<div class="box yellow-box">
40
<h5 class="box red-box">padding</h5>
41
<h5 class="box green-box">padding</h5>
42
</div>
43

Frank Joseph
@frankmaayn
Nov 23 2016 04:31
@Manish-Giri thanks! :D because I'm learning the colors and their specific codes right now and I was wondering if they memorize all of that xD
CamperBot
@camperbot
Nov 23 2016 04:31
frankmaayn sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 2415 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Nov 23 2016 04:32
@frankmaayn lol, there's no way you should memorize all those codes
wong3030
@wong3030
Nov 23 2016 04:32
Unless you have Eidetic memory or something
then yes you will memorize everything
Frank Joseph
@frankmaayn
Nov 23 2016 04:32
true true
wong3030
@wong3030
Nov 23 2016 04:32
otherwise, you'll be referring to google as you work.
Manish Giri
@Manish-Giri
Nov 23 2016 04:33
speaking of
is google blocked in china?
__mifflin__
@cdrainxv
Nov 23 2016 04:33
@frankmaayn: They have access to documentation like this:
http://devdocs.io/
M.Sohaib
@coolcoder007
Nov 23 2016 04:33
@frankmaayn lol i just remembered one code #000000
wong3030
@wong3030
Nov 23 2016 04:33
I don't live there, but yes it is
M.Sohaib
@coolcoder007
Nov 23 2016 04:33
for black
color
Manish Giri
@Manish-Giri
Nov 23 2016 04:33
damn
wong3030
@wong3030
Nov 23 2016 04:33
facebook as well
they have their own facebook called Weibo
jchaosk
@jchaosk
Nov 23 2016 04:34
When adding the browser and text zoom,should this be within the <p> css?
wong3030
@wong3030
Nov 23 2016 04:34
and something else instead of google, i forgot what it was called but it sounded stupid to me.
Frank Joseph
@frankmaayn
Nov 23 2016 04:34
@coolcoder007 LOL thats the only one i remember
wong3030
@wong3030
Nov 23 2016 04:35
nothing vpn's can't fix though
Avante Jeffers
@Solkorea2
Nov 23 2016 04:35
Im having a little bit of trouble with
Frank Joseph
@frankmaayn
Nov 23 2016 04:35
@wong3030 when u said Weibo, i thought u were talkn about that one anime term
wong3030
@wong3030
Nov 23 2016 04:36
@frankmaayn lol Weaboo
Avante Jeffers
@Solkorea2
Nov 23 2016 04:36

Add Different Padding to Each Side of an Element

Sometimes you will want to customize an element so that it has different padding on each of its sides.

CSS allows you to control the padding of an element on all four sides with padding-top, padding-right, padding-bottom, and padding-left properties.

Give the green box a padding of 40px on its top and left side, but only 20px on its bottom and right side.

Run tests (ctrl + enter)
Reset Help Bug
Your green-box class should give the top of the elements 40px of padding.
Your green-box class should give the left of the elements 40px of padding.
Your green-box class should give the right of the elements 20px of padding.
Your green-box class should give the bottom of the elements 20px of padding.

1

2

<style>
3
.injected-text {
4
margin-bottom: -25px;
5
text-align: center;
6
}
7

8
.box {
9
border-style: solid;
10
border-color: black;
11
border-width: 5px;
12
text-align: center;
13
}
14

15
.yellow-box {
16
background-color: yellow;
17
padding: 10px;
18
}
19

20
.red-box {
21
background-color: red;
22
padding-top: 40px;
23
padding-right: 20px;
24
padding-bottom: 20px;
25
padding-left: 40px;
26
}
27

28
.green-box {
29
background-color: green;
30
padding-top: 40px;
31
padding-left: 40px;
32
padding-bottom: 20px;
33
padding-right: 20px;
34
}
35

36
</style>
37

<h5 class="injected-text">margin</h5>
38

39

<div class="box yellow-box">
40
<h5 class="box red-box">padding</h5>
41
<h5 class="box green-box">padding</h5>
42
</div>
43

Help

Frank Joseph
@frankmaayn
Nov 23 2016 04:37
just send the link instead of the entire code.. its easier to read
Rahul Nambi.E.V
@RahulNambi
Nov 23 2016 04:37
hey im in basics in css of html how to make h2 element blue
Avante Jeffers
@Solkorea2
Nov 23 2016 04:37
alright
wong3030
@wong3030
Nov 23 2016 04:37
@RahulNambi link it
Frank Joseph
@frankmaayn
Nov 23 2016 04:38
@RahulNambi add style:"color: blue" into the element
Frank Joseph
@frankmaayn
Nov 23 2016 04:38
@RahulNambi style="color: blue"
add it inside the h2 element
Avante Jeffers
@Solkorea2
Nov 23 2016 04:40
i adjust the pixels to each corner, but nothing happens. i dont know what im doing wrong? plus im doing this on my cell, which is not easy.
Frank Joseph
@frankmaayn
Nov 23 2016 04:40
@RahulNambi oops in ur case.. you would do css. <style> h2 {color: blue}</style>
@RahulNambi you are also missing an h2 element
wong3030
@wong3030
Nov 23 2016 04:40
@RahulNambi <style>
h2 {color: blue;}
</style>
M.Sohaib
@coolcoder007
Nov 23 2016 04:41
@Solkorea2 your code seems right
Frank Joseph
@frankmaayn
Nov 23 2016 04:41
@wong3030 he also needs to add an h2 element because it was missing
Avante Jeffers
@Solkorea2
Nov 23 2016 04:41
what should i do? should i try refreshing my page?
Rahul Nambi.E.V
@RahulNambi
Nov 23 2016 04:41
buddy wong i did what u mentioned still seems incorrected
M.Sohaib
@coolcoder007
Nov 23 2016 04:42
@Solkorea2 you should try to run on your desktop browser
wong3030
@wong3030
Nov 23 2016 04:42
@RahulNambi put <h2>CatPhotoApp</h2> under the style
Frank Joseph
@frankmaayn
Nov 23 2016 04:42
@RahulNambi you have to add this <h2>CatPhotoApp</h2>
Avante Jeffers
@Solkorea2
Nov 23 2016 04:43
ill try that
Rahul Nambi.E.V
@RahulNambi
Nov 23 2016 04:43
Thanks a lot Budiies @wong3030 and @frankmaayn
CamperBot
@camperbot
Nov 23 2016 04:43
rahulnambi sends brownie points to @wong3030 and @frankmaayn :sparkles: :thumbsup: :sparkles:
:cookie: 119 | @frankmaayn |http://www.freecodecamp.com/frankmaayn
:cookie: 105 | @wong3030 |http://www.freecodecamp.com/wong3030
wong3030
@wong3030
Nov 23 2016 04:43

@RahulNambi </style>

<h2>Like this</h2>

Rahul Nambi.E.V
@RahulNambi
Nov 23 2016 04:43
it works
Frank Joseph
@frankmaayn
Nov 23 2016 04:43
@RahulNambi no problem :D
wong3030
@wong3030
Nov 23 2016 04:43
@RahulNambi np
Rahul Nambi.E.V
@RahulNambi
Nov 23 2016 04:44
great to see u
MikeeOsburn
@MikeeOsburn
Nov 23 2016 04:44

can someone help me with this.?
Give the submit button in your form the classes btn btn-primary.

CODE:
<input class="form-control" type="text" placeholder="cat photo URL" required>
<button type="submit"><i class="fa fa-paper-plane btn btn-primary"></i>Submit</button>

Alexander
@FatalBlade
Nov 23 2016 04:44
anyone willing to look at my tribute page for feedback?
wong3030
@wong3030
Nov 23 2016 04:44
Man, this platform is great I think I might make a video on why this is awesome
M.Sohaib
@coolcoder007
Nov 23 2016 04:44

@Solkorea2 <style>
.injected-text {
margin-bottom: -25px;
text-align: center;
}

.box {
border-style: solid;
border-color: black;
border-width: 5px;
text-align: center;
}

.yellow-box {
background-color: yellow;
padding: 10px;
}

.red-box {
background-color: red;
padding-top: 40px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 40px;
}

.green-box {
background-color: green;
padding-top: 40px;
padding-left: 40px;
padding-right:20px;
padding-bottom:20px;
}
</style>

<h5 class="injected-text">margin</h5>

<div class="box yellow-box">
<h5 class="box red-box">padding</h5>
<h5 class="box green-box">padding</h5>
</div>

try my code
Frank Joseph
@frankmaayn
Nov 23 2016 04:45
@MikeeOsburn send a link
Beaubeaubeau
@BeaubeaubeaubeauBeaubeaubeau
Nov 23 2016 04:45
Hey guys got a question, how do i make my "body" and "h1" element acquire the same color?

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

h1 {
background-color: green
}

</style>

<body>
<h1>
Hello World
</h1>
</body>

Frank Joseph
@frankmaayn
Nov 23 2016 04:46
@BeaubeaubeaubeauBeaubeaubeau send a link plz lol
wong3030
@wong3030
Nov 23