These are chat archives for FreeCodeCamp/Help

27th
Aug 2016
VirtualLogan
@VirtualLogan
Aug 27 2016 00:00
@VirtualLogan need to remove <style></style>. CodePen is adding it for you
Matt
@northern11
Aug 27 2016 00:00
ok thanks @VirtualLogan
CamperBot
@camperbot
Aug 27 2016 00:00
northern11 sends brownie points to @virtuallogan :sparkles: :thumbsup: :sparkles:
:cookie: 124 | @virtuallogan |http://www.freecodecamp.com/virtuallogan
chunnali
@chunnali
Aug 27 2016 00:05
@ndburrus thank you very much! :D
CamperBot
@camperbot
Aug 27 2016 00:05
chunnali sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 1894 | @ndburrus |http://www.freecodecamp.com/ndburrus
Norvin Burrus
@ndburrus
Aug 27 2016 00:05
@chunnali you're welcome! enjoy! :palm_tree:
Rakan
@Rakankordab
Aug 27 2016 00:07
how to fix this issue --> Text zoom should be at 100%
Norvin Burrus
@ndburrus
Aug 27 2016 00:10
@Rakankordab which browser?
Rakan
@Rakankordab
Aug 27 2016 00:10
google chrome
VirtualLogan
@VirtualLogan
Aug 27 2016 00:12
@northern11 moreover properties in CSS are de clared like this:
property: value
not : property= value
Matt
@northern11
Aug 27 2016 00:13
woah that fixed it
Norvin Burrus
@ndburrus
Aug 27 2016 00:13
VirtualLogan
@VirtualLogan
Aug 27 2016 00:14
@northern11 good!
Matt
@northern11
Aug 27 2016 00:14
but I thought goal of challenge was to not use CSS and only HTML? I'm just trying to go back to the challenges and re-practice and apply
Rakan
@Rakankordab
Aug 27 2016 00:16
thank @ndburrus
CamperBot
@camperbot
Aug 27 2016 00:16
rakankordab sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 1895 | @ndburrus |http://www.freecodecamp.com/ndburrus
Norvin Burrus
@ndburrus
Aug 27 2016 00:16
@Rakankordab you're welcome! enjoy! :palm_tree:
Rakan
@Rakankordab
Aug 27 2016 00:18
Same error :/ Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.
what i have to do
VirtualLogan
@VirtualLogan
Aug 27 2016 00:18
@northern11 you can use CSS and the libraries you want for that challenge
Manish Giri
@Manish-Giri
Aug 27 2016 00:18
@Rakankordab can you show your code?
Rakan
@Rakankordab
Aug 27 2016 00:19

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

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

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

i find the error
Thanks
Norvin Burrus
@ndburrus
Aug 27 2016 00:20
@Rakankordab congrats! very nicely done! :+1:
Rakan
@Rakankordab
Aug 27 2016 00:20
missing } after red;
Thank You
Norvin Burrus
@ndburrus
Aug 27 2016 00:21
@Rakankordab you're welcome! :sparkles:
Matt
@northern11
Aug 27 2016 00:27
@VirtualLogan I'm still very new to this so how can I determine what is CSS and what is not? The initial challenges don't really specify
Manish Giri
@Manish-Giri
Aug 27 2016 00:28
@northern11 try out the HTML & CSS tutorials on code academy first
Matt
@northern11
Aug 27 2016 00:29
more tuts?! lol OK
Joe Retamar
@Voyager74656
Aug 27 2016 00:30
Hi everyone I'm just starting my jQuery section and im having trouble completing the task ...any sugestions this is what i have done so far:
<script $(document).ready(function(){ });>
</script>
Manish Giri
@Manish-Giri
Aug 27 2016 00:31
@Voyager74656 your opening script tag is wrong
@Voyager74656
<script>
$(document).ready(function(){ });
</script>
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 00:31
Where am i to add "Give the text input in your form the class form-control" in the lesson style text inputs as form controls i have this so far "<button class="btn btn-primary" type="submit"><i class="fa fa-paper-plane"></i>Submit</button>"
VirtualLogan
@VirtualLogan
Aug 27 2016 00:32
@northern11 CSS is a language that describes the style of an HTML document
ahorrorstory
@ahorrorstory
Aug 27 2016 00:32
can some one help me with anchor text?
Joe Retamar
@Voyager74656
Aug 27 2016 00:32
thank you the way i read it i tou it had to be inside the opening script
Matt
@northern11
Aug 27 2016 00:33
@VirtualLogan thanks! That's what codeacademy lessons are saying too
CamperBot
@camperbot
Aug 27 2016 00:33
northern11 sends brownie points to @virtuallogan :sparkles: :thumbsup: :sparkles:
:warning: northern11 already gave virtuallogan points
ahorrorstory
@ahorrorstory
Aug 27 2016 00:34
how to do an a element that should have the anchor text of cat photos?
Joseph Parkton
@hippybear
Aug 27 2016 00:35
@ahorrorstory <a href="someLink.jpg" title="cat photos">Things</a>
Joe Retamar
@Voyager74656
Aug 27 2016 00:36
@Manish-Giri thanks for your assistance
CamperBot
@camperbot
Aug 27 2016 00:36
voyager74656 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 1661 | @manish-giri |http://www.freecodecamp.com/manish-giri
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 00:38
Where am i to add "Give the text input in your form the class form-control" lesson style text inputs as form controls i have this so far "<button class="btn btn-primary" type="submit"><i class="fa fa-paper-plane"></i>Submit</button>"
<form action="/submit-cat-photo" >
<div class="row">
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
</div>
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
</div>
</div>
<div class="row">
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Loving</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Lazy</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Crazy</label>
</div>
</div>


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



<button class="btn btn-primary" type="submit"><i class="fa fa-paper-plane"></i>Submit</button>

</form>
Roshan Syed
@RoshanSyed
Aug 27 2016 00:41
This message was deleted
Manish Giri
@Manish-Giri
Aug 27 2016 00:42
@onepointtwentyonegigawatts can you identify your text input?
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 00:46
im not sure what the text input there referring to
TimmyD21
@TimmyD21
Aug 27 2016 00:47
@onepointtwentyonegigawatts I think is that one: <input type="text" placeholder="cat photo URL" required>
Norvin Burrus
@ndburrus
Aug 27 2016 00:48
@onepointtwentyonegigawatts :sparkles:
  • they are referring to cat photo URL (placeholder)
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 00:52
Okay got it thanks @ndburrus @TimmyD21 @Manish-Giri @RoshanSyed
CamperBot
@camperbot
Aug 27 2016 00:52
onepointtwentyonegigawatts sends brownie points to @ndburrus and @timmyd21 and @manish-giri and @roshansyed :sparkles: :thumbsup: :sparkles:
:cookie: 116 | @roshansyed |http://www.freecodecamp.com/roshansyed
:warning: could not find receiver for timmyd21
:star2: 1896 | @ndburrus |http://www.freecodecamp.com/ndburrus
:star2: 1662 | @manish-giri |http://www.freecodecamp.com/manish-giri
Norvin Burrus
@ndburrus
Aug 27 2016 00:52
@onepointtwentyonegigawatts you're welcome! nicely done! :palm_tree:
jackux1256
@jackux1256
Aug 27 2016 00:54
hello everyone
TimmyD21
@TimmyD21
Aug 27 2016 00:55
Hi
Sorry guys, do you know why it says "could not find receiver for timmyd21"?
atirehs
@atirehs
Aug 27 2016 00:55
stuck on changing image size to 100px
Manish Giri
@Manish-Giri
Aug 27 2016 00:56
@TimmyD21 did you link your github account with fcc
Divya Rani
@Divya063
Aug 27 2016 00:58
How to create midlab style word game what I'm doing wrong? Someone help plz
result= "myAdjective" + "myNoun" + "myVerb"+ " pro" + "myAdverb";
I'm using this
Roshan Syed
@RoshanSyed
Aug 27 2016 01:00
@atirehs you have to have width: 100px; in your style for that image. Also make sure you are selecting the proper image correctly.
Manish Giri
@Manish-Giri
Aug 27 2016 01:00
@Divya063 I think you’re supposed to insert some of your own words/phrases along with the given variables, and remove the quotes
Divya Rani
@Divya063
Aug 27 2016 01:01
I have inserted pro
@Manish-Giri and if I remove quotes how will the concatenation occur?
TimmyD21
@TimmyD21
Aug 27 2016 01:02
@Manish-Giri I'm checking it, but i can't see which one is the field to do that
Divya Rani
@Divya063
Aug 27 2016 01:03

function wordBlanks(myNoun, myAdjective, myVerb, myAdverb) {
var result = "";
// Your code below this line
var pro="very";
result= "myAdjective" + "myNoun" + "myVerb"+ " pro" + "myAdverb";
// Your code above this lin
return result;
}

// Change the words here to test your function
wordBlanks("dog", "big", "ran", "quickly");

@Manish-Giri this is the whole code
ruqayya nasir
@rukynas
Aug 27 2016 01:04
am stuck at challenge 101. it says "Only add one class with each of your three selectors." help pls
Manish Giri
@Manish-Giri
Aug 27 2016 01:04
@Divya063 if you do ”myAdjective”, it creates a new string called myAdjective, it doesn’t use the given variable myAdjective
Divya Rani
@Divya063
Aug 27 2016 01:05
@Manish-Giri ohh
Manish Giri
@Manish-Giri
Aug 27 2016 01:05

@Divya063 and, concatenation still works without quotes, for ex-

some new string” + myAdjective;

this will concatenate the words some new string with the variable myAdjective

Roshan Syed
@RoshanSyed
Aug 27 2016 01:07
@rukynas Make sure that in your selectors there is only one piece of text in class=" "
Divya Rani
@Divya063
Aug 27 2016 01:07
@Manish-Giri okay let me try
TimmyD21
@TimmyD21
Aug 27 2016 01:08
Thanks @Manish-Giri , I think it's done
CamperBot
@camperbot
Aug 27 2016 01:08
timmyd21 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 1663 | @manish-giri |http://www.freecodecamp.com/manish-giri
Manish Giri
@Manish-Giri
Aug 27 2016 01:08
@TimmyD21 cool, welcome
@Divya063 okay, lemme know how it goes
TimmyD21
@TimmyD21
Aug 27 2016 01:09
:)
Divya Rani
@Divya063
Aug 27 2016 01:09

function wordBlanks(myNoun, myAdjective, myVerb, myAdverb) {
var result = "";
// Your code below this line
var pro="very";
result= "myAdjective" + "myNoun" + "myVerb"+ " pro" + "myAdverb";
// Your code above this lin
return result;
}

// Change the words here to test your function
wordBlanks("dog", "big", "ran", "quickly");

@Manish-Giri still not working.What is wrong?
Manish Giri
@Manish-Giri
Aug 27 2016 01:10
This message was deleted
Divya Rani
@Divya063
Aug 27 2016 01:10
@shit its the old code sorry
@Manish-Giri
Manish Giri
@Manish-Giri
Aug 27 2016 01:11

@Divya063 see, this is what I had written

function wordBlanks(myNoun, myAdjective, myVerb, myAdverb) {
  var result = "";
  // Your code below this line

  result = myNoun + " said " + "as he " + myVerb + " into his convertible " + myAdverb + " and drove off with his " + myAdjective +" wife.";
  // Your code above this line
  return result;
}

essentially, you just add some of your own text, along with the given variables
NOTE - the sentence might not be the best way to put it, but you get the idea

Divya Rani
@Divya063
Aug 27 2016 01:11
@Manish-Giri challenge name is word blank
@Manish-Giri ooo
@Manish-Giri Thanks
CamperBot
@camperbot
Aug 27 2016 01:12
divya063 sends brownie points to @manish-giri :sparkles: :thumbsup: :sparkles:
:star2: 1664 | @manish-giri |http://www.freecodecamp.com/manish-giri
Jay Frontela
@jlr11851
Aug 27 2016 01:13
hi i need help with the kitty ipsum text can someone help me?
Manish Giri
@Manish-Giri
Aug 27 2016 01:13
@Divya063 welcome
Roshan Syed
@RoshanSyed
Aug 27 2016 01:13
@jlr11851 I can help out. What are you having trouble with?
atirehs
@atirehs
Aug 27 2016 01:14
@RoshanSyed I am struggling with the selecting proper image
Jay Frontela
@jlr11851
Aug 27 2016 01:15
nevermind i figured it out thank you though for trying to help @RoshanSyed
CamperBot
@camperbot
Aug 27 2016 01:15
jlr11851 sends brownie points to @roshansyed :sparkles: :thumbsup: :sparkles:
:cookie: 117 | @roshansyed |http://www.freecodecamp.com/roshansyed
Roshan Syed
@RoshanSyed
Aug 27 2016 01:16
@atirehs if your image has a class, you select it with a period with the name of the class following. For example: .class_name
if it has an id, select it with a # with the name of the id following. For example: #id_name
@jlr11851 Glad you figured it out!
Norvin Burrus
@ndburrus
Aug 27 2016 01:17
This message was deleted
Chris Blumer
@Savatini
Aug 27 2016 01:22
I'm also having an issue with kitty ipsum, just getting started coding here, I can't figure out how to add the entry for the p elements to set the font size inside the style tag
atirehs
@atirehs
Aug 27 2016 01:24
@RoshanSyed I put <img class="smaller-image"> what would come after that before the close
Roshan Syed
@RoshanSyed
Aug 27 2016 01:28

@atirehs you should have something like this <img class ="CLASS NAME" src="LINK TO IMAGE" alt="ALTERNATE TEXT">. Now to select this image, in your case the class is smaller-image, you would go to your style and add
.smaller-image{

YOUR CODE HERE

}

Norvin Burrus
@ndburrus
Aug 27 2016 01:29
@Savatini :sparkles:
  • need font-size property in p element inside style element (per the example code - format/syntax), here:
    <style>
        .larger-image {
           width: 500px;
        }
    </style>
atirehs
@atirehs
Aug 27 2016 01:29
@RoshanSyed Ah okay got it thanks I wasn't adding the alt image thank you so much.
CamperBot
@camperbot
Aug 27 2016 01:29
atirehs sends brownie points to @roshansyed :sparkles: :thumbsup: :sparkles:
:cookie: 118 | @roshansyed |http://www.freecodecamp.com/roshansyed
Roshan Syed
@RoshanSyed
Aug 27 2016 01:30
@atirehs You're welcome!
AmericanPi
@AmericanPi
Aug 27 2016 01:40
i wrote this in there under my call to the html image, but i still can't pass test. <style>
.smaller-image {
width: 100px;
}
</style>
Roshan Syed
@RoshanSyed
Aug 27 2016 01:43
@AmericanPi The way you selected the image, and specified it's size is correct. The problem lies elsewhere in your code.
AmericanPi
@AmericanPi
Aug 27 2016 01:43
@RoshanSyed well.....it's in the style element with all the rest.
Roshan Syed
@RoshanSyed
Aug 27 2016 01:44
@AmericanPi is your image specified like this? <img class ="CLASS NAME" src="LINK TO IMAGE" alt="ALTERNATE TEXT">
AmericanPi
@AmericanPi
Aug 27 2016 01:44
i thought it might be the zoom thing
@RoshanSyed no like this
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
why doesn't it loke like the example above. should i use code tags in this chat room??
Roshan Syed
@RoshanSyed
Aug 27 2016 01:45
@AmericanPi You don't have anything to use as a selector for the image
you are selecting the smaller-image class in your style, but did you actually specify the class="smaller-image" anywhere?
AmericanPi
@AmericanPi
Aug 27 2016 01:46
what? what do you mean
ones sec let me read what you wrot again
@RoshanSyed ok. No i'm only creating the class in the style element.
because were supozed to: "or example, if we wanted to create a CSS class called larger-image that gave HTML elements a width of 500 pixels, we'd use:", in the style element
ok i see what's going on here!!!
Roshan Syed
@RoshanSyed
Aug 27 2016 01:51
Specifying something in style affects what you select. So in your case you are selecting the class smaller-image. However, if there is nothing with that class, nothing will happen. So you have to add class="smaller-image" to code outside your style
AmericanPi
@AmericanPi
Aug 27 2016 01:51
I declared the class in the style element but did NOT use it in the image element!!! I went back to @RoshanSyed image element
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 01:52
What exactly does class="container-fluid" do???
Roshan Syed
@RoshanSyed
Aug 27 2016 01:52
@AmericanPi That's right!
AmericanPi
@AmericanPi
Aug 27 2016 01:53
right @RoshanSyed. I forgot that twice, i mean it's spr mechanical: 1-say what youll use 2-use it
thanks @RoshanSyed Brownie points??
CamperBot
@camperbot
Aug 27 2016 01:53
americanpi sends brownie points to @roshansyed :sparkles: :thumbsup: :sparkles:
:cookie: 119 | @roshansyed |http://www.freecodecamp.com/roshansyed
Roshan Syed
@RoshanSyed
Aug 27 2016 01:54
@AmericanPi Glad to help!
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 01:56
Also it says add a div element below your h3 element <div class="container-fluid">
<div class="row">
<h3 class="text-primary text-center">jQuery Playground</h3>
</div>
</div>
Roshan Syed
@RoshanSyed
Aug 27 2016 01:58
@onepointtwentyonegigawatts It allows the element in which specified to be responsive. This means that it will adjust it's width depending on the viewport, so different sized screens can look at the element without it being too big or too small for the screens.
under your <h3 class="text-primary text-center">jQuery Playground</h3> line , add the <div> it asks for.
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 02:02
I add a <div> but it doesn't let me proceed
Roshan Syed
@RoshanSyed
Aug 27 2016 02:03
Did you make sure to close it? </div>
HPMichael
@HPMichael
Aug 27 2016 02:03
Its not working
<h2 <style>{color: blue}>CatPhotoApp</style>
</h2>
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 02:04
Yeah like this right? <div class="container-fluid">
<div class="row">
<h3 class="text-primary text-center">jQuery Playground</h3>
</div><div></div>
</div>
Abhimanyu Asokan
@threeyay
Aug 27 2016 02:05

Hi I am doing the tribute page challenge. I need a little help. I copied the code locally, bootstrap css is not applying to the page.

<html>

<head>

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
</head>

<body>

<div class="container-fluid">
This is my HTML.

Margaret
@Margaret2
Aug 27 2016 02:06
@threeyay you should use codepen
Abhimanyu Asokan
@threeyay
Aug 27 2016 02:06
Yes. i works on Codepen. i am trying to run this locally. It is isnt.
Roshan Syed
@RoshanSyed
Aug 27 2016 02:06
@onepointtwentyonegigawatts add the <div></div> before the first closing </div> after the <h3> line.
It wants you to nest the <div> under the <div class="row">
Margaret
@Margaret2
Aug 27 2016 02:07
if you're on codepen, you don't need the <link> , you can just click "Settings" in Css, then there will be a "Quick-add" option for Bootstrap @threeyay
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 02:08

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

<h3 class="text-primary text-center">jQuery Playground</h3>
<div></div>

</div>

</div>

???
Abhimanyu Asokan
@threeyay
Aug 27 2016 02:09
@Margaret2 Yes. I did that andit works there. I'm trying ot run it from my desktop, it is not working.
AwesomeKervens
@AwesomeKervens
Aug 27 2016 02:09
i cant complete 19 please help
Roshan Syed
@RoshanSyed
Aug 27 2016 02:09
@onepointtwentyonegigawatts From what I understand from your question, that should be correct.
Jon Langel
@JonMLangel
Aug 27 2016 02:10
@AwesomeKervens Post your code, and we will try to help you!
AwesomeKervens
@AwesomeKervens
Aug 27 2016 02:10

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

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

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

Jon Langel
@JonMLangel
Aug 27 2016 02:11
what is it asking you to do? @AwesomeKervens
AwesomeKervens
@AwesomeKervens
Aug 27 2016 02:11
Inside the same <style> tag that contains your red-text class, create an entry for p elements and set the font-size to 16 pixels (16px).
Margaret
@Margaret2
Aug 27 2016 02:12
@threeyay i just opened my own code editor and chrome, it seems to be working for me. What browser are you using>
Abhimanyu Asokan
@threeyay
Aug 27 2016 02:12
I'm on chrome.
@Margaret2
Margaret
@Margaret2
Aug 27 2016 02:13
hmm, have you saved the file with the right extension? .html @threeyay
Jon Langel
@JonMLangel
Aug 27 2016 02:13
<style>
.red-text {
color: red;
}
p {
font-size: 16px;
}
</style
@AwesomeKervens
TonioMarks
@TonioMarks
Aug 27 2016 02:15

please help <p>Things cats love:</p>
<span class="text-danger">love</span>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>

<p>Top 3 things cats hate:<span class = "text-danger">hate:</span></p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</div>

Margaret
@Margaret2
Aug 27 2016 02:15
@TonioMarks what are you trying to do
TonioMarks
@TonioMarks
Aug 27 2016 02:16
Your span element should be inside your p element.
Your span element should have the text love.
Your span element should have class text-danger.
Make sure your span element has a closing tag. its asking me this
Margaret
@Margaret2
Aug 27 2016 02:16
ok and what is the challenge name @toniomarks
AwesomeKervens
@AwesomeKervens
Aug 27 2016 02:16
thanks you so much @JonMLangel your a life saver been trying since yesterday
CamperBot
@camperbot
Aug 27 2016 02:16
:cookie: 278 | @jonmlangel |http://www.freecodecamp.com/jonmlangel
awesomekervens sends brownie points to @jonmlangel :sparkles: :thumbsup: :sparkles:
Abhimanyu Asokan
@threeyay
Aug 27 2016 02:16
@Margaret2 Thank you very much! I copied it to one location, copied it to another location, edited it and opened the wrong file. Sorted. Thank you. :smile:
CamperBot
@camperbot
Aug 27 2016 02:16
threeyay sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:cookie: 327 | @margaret2 |http://www.freecodecamp.com/margaret2
Margaret
@Margaret2
Aug 27 2016 02:16
:D :D
TonioMarks
@TonioMarks
Aug 27 2016 02:17
Use Spans for Inline Elements problem 73
Jon Langel
@JonMLangel
Aug 27 2016 02:17
@AwesomeKervens Anytime, Happy coding!
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 02:18

Does anyone know why it doesn't let me proceed i have <div class="container-fluid">
<div class="row">

<h3 class="text-primary text-center">jQuery Playground</h3>
<div></div>

</div>

</div> Its say "add a div element below your h3 Element" I'm on lesson CReate a Bootsstrap Row

Margaret
@Margaret2
Aug 27 2016 02:19
ok @TonioMarks your <span class="text-danger">love</span> should not be separate, it should be inside your <p> element
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 02:19
<div class="container-fluid">
<div class="row">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div></div>
</div>
</div>
Harshit Garg
@theharshitgarg
Aug 27 2016 02:20
@TonioMarks u should add modify this line <p>Things cats love:</p>
Margaret
@Margaret2
Aug 27 2016 02:20
@TonioMarks ^^ yes
Roshan Syed
@RoshanSyed
Aug 27 2016 02:20
@onepointtwentyonegigawatts I just looked at the challenge, your div under your h3 should have class="row"
Harshit Garg
@theharshitgarg
Aug 27 2016 02:20
by including <span > element and put love: inside that elements
Chris Blumer
@Savatini
Aug 27 2016 02:20
@ndburrus Thanks man, I think I got it figured out, that helped!
CamperBot
@camperbot
Aug 27 2016 02:20
savatini sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 1897 | @ndburrus |http://www.freecodecamp.com/ndburrus
TonioMarks
@TonioMarks
Aug 27 2016 02:21
@Margaret2 thank you for that
CamperBot
@camperbot
Aug 27 2016 02:21
toniomarks sends brownie points to @margaret2 :sparkles: :thumbsup: :sparkles:
:cookie: 328 | @margaret2 |http://www.freecodecamp.com/margaret2
Margaret
@Margaret2
Aug 27 2016 02:21
:thumbsup:
Roshan Syed
@RoshanSyed
Aug 27 2016 02:21
@onepointtwentyonegigawatts and that should be the only div with class="row", remove the other one

@onepointtwentyonegigawatts

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
</div>

Is what you should start off with, the questions asks you to add a div with the class row underneath the h3 class.

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>

INSERT YOUR CODE HERE

</div>

Josh
@jdharhar
Aug 27 2016 02:24
@ndburrus Great, thanks so much! Sorry I thought I'd replied. I'm off n running beyond. Gratsi
CamperBot
@camperbot
Aug 27 2016 02:24
jdharhar sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 1898 | @ndburrus |http://www.freecodecamp.com/ndburrus
Harshit Garg
@theharshitgarg
Aug 27 2016 02:27
@TonioMarks is ur problem resolved?
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 02:28

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>

<div class="row>"></div>

</div>???

Roshan Syed
@RoshanSyed
Aug 27 2016 02:29
@onepointtwentyonegigawatts you have an extra > in your quotations for specifying the row class.
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 02:29
Gosh damn i added the >
Harshit Garg
@theharshitgarg
Aug 27 2016 02:29
@onepointtwentyonegigawatts <div class="row>"></div> is wrong. please replace it with <div class="row"></div>
Roshan Syed
@RoshanSyed
Aug 27 2016 02:30
@onepointtwentyonegigawatts Were you able to solve the challenge?
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 02:30
Yup it sure is welp thanks @RoshanSyed @theharshitgarg Yes
CamperBot
@camperbot
Aug 27 2016 02:30
onepointtwentyonegigawatts sends brownie points to @roshansyed and @theharshitgarg :sparkles: :thumbsup: :sparkles:
:cookie: 388 | @theharshitgarg |http://www.freecodecamp.com/theharshitgarg
Harshit Garg
@theharshitgarg
Aug 27 2016 02:31
@onepointtwentyonegigawatts typos are very comman and one should always read the code carefully .......
CamperBot
@camperbot
Aug 27 2016 02:31
:cookie: 120 | @roshansyed |http://www.freecodecamp.com/roshansyed
AmericanPi
@AmericanPi
Aug 27 2016 02:31
hey guys. heres a q?
if i want to make this cat app in real life how do i do it?
Harshit Garg
@theharshitgarg
Aug 27 2016 02:32
@AmericanPi u can host it on codepen.
AmericanPi
@AmericanPi
Aug 27 2016 02:32
host it? interesting.
Harshit Garg
@theharshitgarg
Aug 27 2016 02:33
@AmericanPi I mean u develop it and host it on some platform
AmericanPi
@AmericanPi
Aug 27 2016 02:33
so i wrote a program in python and use tkinter gui and made it executeable. is this not like that @theharshitgarg
Harshit Garg
@theharshitgarg
Aug 27 2016 02:33
@AmericanPi have u heard about Heroku
AmericanPi
@AmericanPi
Aug 27 2016 02:34
or is it because it's a web language it's gotta be on the net?
i'll check out Heroku and codepen @theharshitgarg
tx @theharshitgarg
CamperBot
@camperbot
Aug 27 2016 02:34
americanpi sends brownie points to @theharshitgarg :sparkles: :thumbsup: :sparkles:
:cookie: 389 | @theharshitgarg |http://www.freecodecamp.com/theharshitgarg
Harshit Garg
@theharshitgarg
Aug 27 2016 02:35
@AmericanPi It is a hosting platform. any web app requires a hosting platform. u can check. if u use html tech. u can use codepen and if u use python framework etc, u can try heroku
AmericanPi
@AmericanPi
Aug 27 2016 02:36
python has web apps?
AmericanPi
@AmericanPi
Aug 27 2016 02:53

i noticed that

href=
src=
class=
rel=
type=

all have text after it that's quoted. do we always quote anything after the equal sign phrasses?

so far there in only in the opening tags
xDum
@xDum
Aug 27 2016 02:55
<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>
anyone know how and where i add the script in??
Darshan
@Dave1089
Aug 27 2016 03:00
@xDum at the beginning in
$(document).ready(function(){
});
Norvin Burrus
@ndburrus
Aug 27 2016 03:01
@Savatini @jdharhar you're welcome! enjoy! :palm_tree:
xDum
@xDum
Aug 27 2016 03:03
@ @Dave1089 thanks! I had it there but im an idiot and forgot to close the script
CamperBot
@camperbot
Aug 27 2016 03:03
xdum sends brownie points to @dave1089 :sparkles: :thumbsup: :sparkles:
:cookie: 435 | @dave1089 |http://www.freecodecamp.com/dave1089
Darshan
@Dave1089
Aug 27 2016 03:04
@xDum :+1:
steamedapples
@steamedapples
Aug 27 2016 03:04
how do i align an image to the centre again?
Devin Thomas
@Riseoftheslug
Aug 27 2016 03:05
how do i add the classes animated and hinge to the jequery playground lesson
steamedapples
@steamedapples
Aug 27 2016 03:05
$("body").addClass("animated hinge");
Devin Thomas
@Riseoftheslug
Aug 27 2016 03:06
thanks @steamedapples thought they meant add it in the html body
CamperBot
@camperbot
Aug 27 2016 03:06
riseoftheslug sends brownie points to @steamedapples :sparkles: :thumbsup: :sparkles:
:cookie: 119 | @steamedapples |http://www.freecodecamp.com/steamedapples
steamedapples
@steamedapples
Aug 27 2016 03:06
np!
Norvin Burrus
@ndburrus
Aug 27 2016 03:06
@steamedapples this may be helpful: :sparkles:
AmericanPi
@AmericanPi
Aug 27 2016 03:07

lol @xDum i was doing that all day yesterday!
by the way if you use three tick marks before and after your code
on their own lines

like this

your code comes out looking like it does in the text editor

then ctrl+/ again to exit compose mode and then send the message

Norvin Burrus
@ndburrus
Aug 27 2016 03:09
@xDum '''
CamperBot
@camperbot
Aug 27 2016 03:09
:bulb: to format code use backticks! ``` more info
steamedapples
@steamedapples
Aug 27 2016 03:10
@ndburrus right, thanks!
CamperBot
@camperbot
Aug 27 2016 03:10
steamedapples sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 1899 | @ndburrus |http://www.freecodecamp.com/ndburrus
Norvin Burrus
@ndburrus
Aug 27 2016 03:10
@steamedapples you're welcome! enjoy! :palm_tree:
AwesomeKervens
@AwesomeKervens
Aug 27 2016 03:11
Need help changing width of image???

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

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

h2 {
font-family: Lobster, Monospace;
}

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

Your img element should have the class smaller-image.
Your image should be 100 pixels wide. Browser zoom should be at 100%.
Armed5223
@Armed5223
Aug 27 2016 03:12
<button type="btn btn-primary">Submit<i class="fa fa-paper-plane"></i></button> did i not correctly add a font awesome icon to my submit button element?
Norvin Burrus
@ndburrus
Aug 27 2016 03:13
@AwesomeKervens :sparkles:
  • need .smaller-imageclass (with width property) within style element.
    reference example code format/syntax, here:
    <style>
    .larger-image {
      width: 500px;
    }
    </style>
  • need smaller-image class in img tag
Josephine Amoako
@Joseyphina
Aug 27 2016 03:16
hi guys, i need help with creating a custom heading ie challenge 75. i have inserted div elements but i"m stuck with the closing tag.<div class="container-fluid">
<div class="row">
<div class="col-xs-8">
<div class="col-xs-4"> i tried </div> at the end but it did't work. any help, please?
Norvin Burrus
@ndburrus
Aug 27 2016 03:16
@Joseyphina @Armed5223 lesson name?
Armed5223
@Armed5223
Aug 27 2016 03:16
style text inputs as form controls
Norvin Burrus
@ndburrus
Aug 27 2016 03:18
@Armed5223 :sparkles:
  • the opening button tag needs class & type
  • need opening/closing i tags before Submit
    lesson example code, here:
    <i class="fa fa-paper-plane"></i>
Josephine Amoako
@Joseyphina
Aug 27 2016 03:18
@ndburrus create a custom heading
AwesomeKervens
@AwesomeKervens
Aug 27 2016 03:18
@ndburrus example??
Armed5223
@Armed5223
Aug 27 2016 03:21
oh okay i see how i misplaced it
thank you
for the second day in a row xD
Norvin Burrus
@ndburrus
Aug 27 2016 03:22
@Armed5223 you're welcome! great job! :palm_tree:
@Joseyphina can you post your code?
@AwesomeKervens make sense?
Josephine Amoako
@Joseyphina
Aug 27 2016 03:24
@ndburrus <div class="container-fluid">
<div class="row">
<div class="col-xs-8">
<div class="col-xs-4">
AwesomeKervens
@AwesomeKervens
Aug 27 2016 03:25
@ndburrus i dont get waht you mean
what
Norvin Burrus
@ndburrus
Aug 27 2016 03:26
@Joseyphina :sparkles:
  • need h2 element within this div, here: <div class="col-xs-8">
@AwesomeKervens :sparkles:
  • did you see the updated :point_up: comment/s
Pinklilly2
@Pinklilly2
Aug 27 2016 03:28
Can someone help me with this lesson please? I don't know how to implement these demands. The lesson is "Add Borders Around your Elements"
here is my code.

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

Norvin Burrus
@ndburrus
Aug 27 2016 03:30

@Pinklilly2 :sparkles:

  • need to add the border. reference the example code format/syntax, here:

    <style>
    .thin-red-border {
      border-color: red;
      border-width: 5px;
      border-style: solid;
    }
    </style>
  • also, need to add the border class within the img tag.

Jesse Ross-Huffman
@jecmstudios
Aug 27 2016 03:30
So, I forgot how to use any shell. Now I'm using powerShell provided by gitHub and I'm not able to. I definitely feel dumb enough to just pull up notepad and code there.
Josephine Amoako
@Joseyphina
Aug 27 2016 03:30
@ndburrus i don't have a problem with the h2 element; just the closing tag
jakester
@jake239
Aug 27 2016 03:31

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

how to fix this?
question : nest your field in a form element. Add the action="/submit-cat-photo" attribute to this form

TonioMarks
@TonioMarks
Aug 27 2016 03:32
@ndburrus how do you add the code in chat like that?
AwesomeKervens
@AwesomeKervens
Aug 27 2016 03:33
thank @ndburrus BIG HELP!!!!!
CamperBot
@camperbot
Aug 27 2016 03:33
awesomekervens sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 1900 | @ndburrus |http://www.freecodecamp.com/ndburrus
AwesomeKervens
@AwesomeKervens
Aug 27 2016 03:33
@TonioMarks vopy paste
copy
Norvin Burrus
@ndburrus
Aug 27 2016 03:33
@Joseyphina there will be multiple div's with col-xs-4 within the div with col-xs-8
...clear as mud? :)
@AwesomeKervens you're welcome! very, very nice job! well done! :palm_tree:
@TonioMarks '''
CamperBot
@camperbot
Aug 27 2016 03:34
:bulb: to format code use backticks! ``` more info
Norvin Burrus
@ndburrus
Aug 27 2016 03:36
@jake239 :sparkles:
  • input tag should be inside the form tag/s
Josephine Amoako
@Joseyphina
Aug 27 2016 03:36
@ndburrus unfortunately, it's not. how is that the closing tag?
Jesse Ross-Huffman
@jecmstudios
Aug 27 2016 03:36
How do I simply call a list of commands in gitShell
Pinklilly2
@Pinklilly2
Aug 27 2016 03:36
I know, it shows me that example on the lesson. Here is my code:

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

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

h2 {
font-family: Lobster, Monospace;
}

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

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

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

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

Nothing.
Norvin Burrus
@ndburrus
Aug 27 2016 03:37
@Joseyphina ok, do we have only 1 div with col-xs-8?
.. and this is forStyle Text Inputs as Form Controls?
Pinklilly2
@Pinklilly2
Aug 27 2016 03:37
Anyone willing to show me how to do this?
TonioMarks
@TonioMarks
Aug 27 2016 03:38
@Pinklilly2 you forgot to add thick -green border in text
Pinklilly2
@Pinklilly2
Aug 27 2016 03:38
Its there under width?
Norvin Burrus
@ndburrus
Aug 27 2016 03:39
@Pinklilly2 :sparkles:
  • missing } - .thick-green-border within style element
  • add thick-green-border to img tag
jakester
@jake239
Aug 27 2016 03:39
@ndburrus thank you
CamperBot
@camperbot
Aug 27 2016 03:39
jake239 sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 1901 | @ndburrus |http://www.freecodecamp.com/ndburrus
Norvin Burrus
@ndburrus
Aug 27 2016 03:39
@jake239 you're welcome! nicely done! :palm_tree:
Karim Khan
@karim786
Aug 27 2016 03:40
can someone please help me
Griffin Novetsky
@GriffinN
Aug 27 2016 03:40
Need help with Add Borders Around your Elements:
Karim Khan
@karim786
Aug 27 2016 03:40
i don't under stand how to size the image
Norvin Burrus
@ndburrus
Aug 27 2016 03:40
@Pinklilly2 :sparkles:
  • after this border-style: solid; put a }
Josephine Amoako
@Joseyphina
Aug 27 2016 03:41
@ndburrus yes please
Karim Khan
@karim786
Aug 27 2016 03:41
i need to make my image 100 pixels wide with 100% zoom
Norvin Burrus
@ndburrus
Aug 27 2016 03:41
@Joseyphina :sparkles:
ok, so we do or do not have only one div with col-xs-8?
Jesse Ross-Huffman
@jecmstudios
Aug 27 2016 03:41
okay, well, I guess thank you for your help, so I guess I will find a chat room that is willing to pay attention to me.
Karim Khan
@karim786
Aug 27 2016 03:42

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

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

h2 {
font-family: Lobster, Monospace;
}

. smaller-image {
width: 100px;
}

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

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

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

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

Josephine Amoako
@Joseyphina
Aug 27 2016 03:42
@ndburrus i have just one div for that
Karim Khan
@karim786
Aug 27 2016 03:42
div whats that
???
i confused boy
Manendar Verma
@mverma45
Aug 27 2016 03:43
yes you are Karim
Norvin Burrus
@ndburrus
Aug 27 2016 03:43
@karim786 :sparkles:
  • need smaller-image class within img tag
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 03:43
Its like chunking an essay into paragraphs @karim786
Manendar Verma
@mverma45
Aug 27 2016 03:43
confused
Karim Khan
@karim786
Aug 27 2016 03:43
where si image tag can't find
oh that image tag so inside go it
i think
Norvin Burrus
@ndburrus
Aug 27 2016 03:45
@Joseyphina ok, we will have an h2 element (with classes text-primary & text-center). the h2 element will wrap the text - CatPhotoApp.
Karim Khan
@karim786
Aug 27 2016 03:46
now i don't under stand
Norvin Burrus
@ndburrus
Aug 27 2016 03:46
@karim786 can we place a class in the img tag? :point_up: August 26, 2016 11:43 PM
Karim Khan
@karim786
Aug 27 2016 03:46
no sorry I'm still confused
i think so...
Norvin Burrus
@ndburrus
Aug 27 2016 03:47
@mverma45 what are we working on?
JCVT0102
@JCVT0102
Aug 27 2016 03:48
I need some help, Will someone be able to tell me what I'm missing. I'm attempting to set stylesheet declare a red-text class and have its color set to red. here is how my code is set
Karim Khan
@karim786
Aug 27 2016 03:48
yea I'm your guy
i think...
Norvin Burrus
@ndburrus
Aug 27 2016 03:49
@karim786 <img class="smaller-image">
make sense?
JCVT0102
@JCVT0102
Aug 27 2016 03:49

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

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

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

Griffin Novetsky
@GriffinN
Aug 27 2016 03:50

<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;
}
.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
}
</style>

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

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

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

Karim Khan
@karim786
Aug 27 2016 03:50

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

Griffin Novetsky
@GriffinN
Aug 27 2016 03:50
what am i missing
Norvin Burrus
@ndburrus
Aug 27 2016 03:50
@JCVT0102 change h2 to .red-text
Karim Khan
@karim786
Aug 27 2016 03:50

@JCVT0102

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

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

h2 {
font-family: Lobster, Monospace;
}

. smaller-image {
width: 100px;
}

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

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

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

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

Norvin Burrus
@ndburrus
Aug 27 2016 03:50
@karim786 :point_up: August 26, 2016 11:49 PM
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 03:50
@GriffinN Are you on the add border element
Griffin Novetsky
@GriffinN
Aug 27 2016 03:51
yes @onepointtwentyonegigawatts
Josephine Amoako
@Joseyphina
Aug 27 2016 03:51
@ndburrus i already have the h2 element with the text in place
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 03:51
<img class="smaller-image" class="thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Karim Khan
@karim786
Aug 27 2016 03:51
what am i missing

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

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

h2 {
font-family: Lobster, Monospace;
}

. smaller-image {
width: 100px;
}

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

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

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

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

Norvin Burrus
@ndburrus
Aug 27 2016 03:51
@GriffinN do we need a border in the img tag?
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 03:52
in this line where you have your first class <img class="smaller-image" attach thick-green-border
AwesomeKervens
@AwesomeKervens
Aug 27 2016 03:52
lol same prob
Karim Khan
@karim786
Aug 27 2016 03:52
@ndburrus k i think i got it
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 03:52
So "smaller image thick-green-border"
AwesomeKervens
@AwesomeKervens
Aug 27 2016 03:52
@karim786
Devin Thomas
@Riseoftheslug
Aug 27 2016 03:52
how do i center an image under a heading in codepen
Norvin Burrus
@ndburrus
Aug 27 2016 03:53
@Joseyphina i may not be effective at explaining this lesson, :worried:
Karim Khan
@karim786
Aug 27 2016 03:53
its ok
u doing good @ndburrus
Griffin Novetsky
@GriffinN
Aug 27 2016 03:53
thank you so much @onepointtwentyonegigawatts
CamperBot
@camperbot
Aug 27 2016 03:53
griffinn sends brownie points to @onepointtwentyonegigawatts :sparkles: :thumbsup: :sparkles:
:cookie: 89 | @onepointtwentyonegigawatts |http://www.freecodecamp.com/onepointtwentyonegigawatts
Daniel
@profoundhub
Aug 27 2016 03:53
@karim786 check this out, it may help: https://www.youtube.com/watch?v=Zl_grXni7tI
Karim Khan
@karim786
Aug 27 2016 03:53
thanks @profoundhub
CamperBot
@camperbot
Aug 27 2016 03:53
karim786 sends brownie points to @profoundhub :sparkles: :thumbsup: :sparkles:
:cookie: 753 | @profoundhub |http://www.freecodecamp.com/profoundhub
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 03:53
NP you got it right?
Norvin Burrus
@ndburrus
Aug 27 2016 03:53
@onepointtwentyonegigawatts :sparkles:
  • need -, here: smaller image
Daniel
@profoundhub
Aug 27 2016 03:54
@karim786 you are welcome
Griffin Novetsky
@GriffinN
Aug 27 2016 03:54
yup @onepointtwentyonegigawatts
NatashaGray
@NatashaGray
Aug 27 2016 03:54

Can anyone help? It tells me to add a div below the <h3> tag, but also nest that same div within the container fluid div.

<div class="container-fluid">
<div class="row">
<h3 class="text-primary text-center">jQuery Playground</h3>
</div>
</div>

Josephine Amoako
@Joseyphina
Aug 27 2016 03:54
okay. thanks for trying though
Norvin Burrus
@ndburrus
Aug 27 2016 03:54
@Joseyphina :+1:
Karim Khan
@karim786
Aug 27 2016 03:55

@ndburrus

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

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

h2 {
font-family: Lobster, Monospace;
}

. smaller-image {
width: 100px;
}

<img class="smaller-image">

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

Norvin Burrus
@ndburrus
Aug 27 2016 03:55
@NatashaGray nest a tag under h3..
Daniel
@profoundhub
Aug 27 2016 03:56
@NatashaGray there is a video for the jQuery section too: https://www.youtube.com/watch?v=m5044vWXXLE
Karim Khan
@karim786
Aug 27 2016 03:56
@ndburrus if u could look through this and just tell me where the img size goes and how to format it that would be great please
Norvin Burrus
@ndburrus
Aug 27 2016 03:57
@karim786 :sparkles:
  • remove this <img class="smaller-image">
  • put this part class="smaller-image" in the img tag
  • need ; between class & src
Karim Khan
@karim786
Aug 27 2016 03:57
ok
now what @ndburrus
Norvin Burrus
@ndburrus
Aug 27 2016 03:58
@karim786 do these comments make sense? :point_up: August 26, 2016 11:57 PM
Karim Khan
@karim786
Aug 27 2016 03:58
yes but can u show me the string of code in which how to format the image size
is it in or out of the style box
NatashaGray
@NatashaGray
Aug 27 2016 03:59
Thanks
Karim Khan
@karim786
Aug 27 2016 03:59
or functions
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 03:59
@NatashaGray Did you get it?
NatashaGray
@NatashaGray
Aug 27 2016 04:00
Nope, thought the video would help but it was a three hour vid on jQuery
Norvin Burrus
@ndburrus
Aug 27 2016 04:00
@karim786 someone else may better explain this for you :)
TonioMarks
@TonioMarks
Aug 27 2016 04:00
does code camp teach more than html?
sadleviathan
@sadleviathan
Aug 27 2016 04:00
how to nest within a form element?
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 04:01
Just put your second line under h3
@NatashaGray
Norvin Burrus
@ndburrus
Aug 27 2016 04:01
@TonioMarks :sparkles:
yes, this may be helpful:
Karim Khan
@karim786
Aug 27 2016 04:01
@ndburrus ok if that is what you wish or want thank you sincerely for bearing with me :smile:
CamperBot
@camperbot
Aug 27 2016 04:01
karim786 sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 1903 | @ndburrus |http://www.freecodecamp.com/ndburrus
Norvin Burrus
@ndburrus
Aug 27 2016 04:02
@sadleviathan lesson?
@karim786 you're welcome! anytime! :+1:
Karim Khan
@karim786
Aug 27 2016 04:02
thanks
Norvin Burrus
@ndburrus
Aug 27 2016 04:03
@sadleviathan lesson?
...put the element within the form tag/s
sadleviathan
@sadleviathan
Aug 27 2016 04:03
@ndburrus lesson 35
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 04:05
@NatashaGray Did ya get it? That lesson had me all confused
coffeebeanzz
@coffeebeanzz
Aug 27 2016 04:05
@sadleviathan what is the name of the challenge so @ndburrus can help you better
the number is just brownie points for completing challenges and when someone mentions you and "thanks" you
sadleviathan
@sadleviathan
Aug 27 2016 04:07
oops, create a form element
coffeebeanzz
@coffeebeanzz
Aug 27 2016 04:08
@ndburrus @sadleviathan would like help with the form element challenge
coffeebeanzz
@coffeebeanzz
Aug 27 2016 04:10
@xSpideyx need a formula, likefahrenheit = (9/5) * something and then you add 32... what variable expression can you use for that something??
Theo Trat
@Theotrat
Aug 27 2016 04:11
guys, im having trouble with how to add scr and alt to image link
what can i do
sadleviathan
@sadleviathan
Aug 27 2016 04:12
I FIGURED IT OUT!! :D
Theo Trat
@Theotrat
Aug 27 2016 04:12
How?
sadleviathan
@sadleviathan
Aug 27 2016 04:12
@Theotrat sorry i meant i figured out my own problem involving form elements in html XD
Theo Trat
@Theotrat
Aug 27 2016 04:13
ohh, i see, haha
its my bad
sadleviathan
@sadleviathan
Aug 27 2016 04:13
good luck on your thing, i have no idea what it is, i started an hour ago
coffeebeanzz
@coffeebeanzz
Aug 27 2016 04:13
@sadleviathan good job :thumbsup: :)
sadleviathan
@sadleviathan
Aug 27 2016 04:13
c:
@coffeebeanzz :333
Norvin Burrus
@ndburrus
Aug 27 2016 04:14
@coffeebeanzz thank you, stepped away for a cpl mins...
CamperBot
@camperbot
Aug 27 2016 04:14
ndburrus sends brownie points to @coffeebeanzz :sparkles: :thumbsup: :sparkles:
:star2: 1011 | @coffeebeanzz |http://www.freecodecamp.com/coffeebeanzz
May
@xSpideyx
Aug 27 2016 04:14
so it will be incorrect unless I use the formula of 9/5 then add 32 @coffeebeanzz
coffeebeanzz
@coffeebeanzz
Aug 27 2016 04:14
they figured it out themselves @ndburrus thanks
CamperBot
@camperbot
Aug 27 2016 04:14
coffeebeanzz sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 1904 | @ndburrus |http://www.freecodecamp.com/ndburrus
Theo Trat
@Theotrat
Aug 27 2016 04:14
i just dont know, should i take computer science as my major?
coffeebeanzz
@coffeebeanzz
Aug 27 2016 04:15
yes @xSpideyx and you still need to multiply that 9/5 by something (hint: that other kind of temperature) then add 32
Norvin Burrus
@ndburrus
Aug 27 2016 04:15
@sadleviathan most excellent! nice work! :palm_tree:
Mamadou
@Mamadousy123
Aug 27 2016 04:16
how to you Give your form element the id cat-photo-form?
Karim Khan
@karim786
Aug 27 2016 04:16
@ndburrus thank you so so so so so so so so so so so so so so so so so so much i figured it out u r really good at teaching once again thanks for all of the time and attention i mean this very sincerely don't give up on yourself u r a really good teacher and coder once again thanks for everything u r the best
CamperBot
@camperbot
Aug 27 2016 04:16
karim786 sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:warning: karim786 already gave ndburrus points
Norvin Burrus
@ndburrus
Aug 27 2016 04:19
@karim786 you're very kind! glad to hear the news! excellent job! way to go! :+1:
Karim Khan
@karim786
Aug 27 2016 04:19
:space_invader:
thanks
u r da best
@ndburrus can i ask u one really quick question so sorry but the image how do i insert it into the tag <img smaller-image. src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.
is that correct
or naw
Norvin Burrus
@ndburrus
Aug 27 2016 04:22
@karim786 sure :)
Karim Khan
@karim786
Aug 27 2016 04:22
<img smaller-image. src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.
is that supposed to be how the image is inserted into the tag
Norvin Burrus
@ndburrus
Aug 27 2016 04:22
@karim786 :sparkles:
  • should be <img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
  • need class
  • remove .
Karim Khan
@karim786
Aug 27 2016 04:24
@ndburrus im not on boarder yet just the tag
got it just got it thank you
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Norvin Burrus
@ndburrus
Aug 27 2016 04:25
@karim786 Yes!!
Karim Khan
@karim786
Aug 27 2016 04:25
@ndburrus u r really good at teaching
Norvin Burrus
@ndburrus
Aug 27 2016 04:26
@karim786 i have a lot to learn..... :) & build!
Karim Khan
@karim786
Aug 27 2016 04:27
@ndburrus just try to simplify to those whom you are teaching to and they will understand what you mean
Norvin Burrus
@ndburrus
Aug 27 2016 04:28
@karim786 will do! :sparkles:
Karim Khan
@karim786
Aug 27 2016 04:28
@ndburrus anyway thanks a lot names karim by the way i hope to be as good at coding as you one day
CamperBot
@camperbot
Aug 27 2016 04:28
karim786 sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:warning: karim786 already gave ndburrus points
Janssen Dalt
@JanssenDalt
Aug 27 2016 04:28
How do I assign a font-size to an specific element (p) within a style tag?
Norvin Burrus
@ndburrus
Aug 27 2016 04:29
@karim786 i'm a newbie, but learning... :)
Karim Khan
@karim786
Aug 27 2016 04:29
yep
same I'm only 14
Norvin Burrus
@ndburrus
Aug 27 2016 04:30
@JanssenDalt :sparkles:
  • place a p element in the style element with font-size definition (ex. 16px)
Karim Khan
@karim786
Aug 27 2016 04:30
@ndburrus u got this good luck have fun hope to talk to u again
Janssen Dalt
@JanssenDalt
Aug 27 2016 04:30
"p font-size: 16px;" For example?
Karim Khan
@karim786
Aug 27 2016 04:30
bye
Norvin Burrus
@ndburrus
Aug 27 2016 04:30
@karim786 ok, sounds great! cya soon!
@JanssenDalt need parens {}
Karim Khan
@karim786
Aug 27 2016 04:31
@ndburrus hopefully
Janssen Dalt
@JanssenDalt
Aug 27 2016 04:31
This is my whole tag <style>
.red-text {
color: red;
p font-size: 16px;
}
</style>
Karim Khan
@karim786
Aug 27 2016 04:32
<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

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

.smaller-image {
width: 100px;
}
</style>
benedict
@benz12
Aug 27 2016 04:32
please help
Dan
@dbrickma
Aug 27 2016 04:32
Hey! can anyone help me with a simple problem? I'm trying to figure out how to print the clean content of my pycharm interactive console. Thanks in advance!
benedict
@benz12
Aug 27 2016 04:32

var a = 3;
var b = 17;
var c = 12;

// Only modify code below this line

+= a + 12 ;
+= 9 + b ;
+= c + 7 ;

Karim Khan
@karim786
Aug 27 2016 04:32
@benz12 sup
i don't know any of that I'm sorry I'm not there yet
Norvin Burrus
@ndburrus
Aug 27 2016 04:33
@JanssenDalt
  • need }, after this color: red;
  • need { before font-size: 16px; }
benedict
@benz12
Aug 27 2016 04:33
Compound Assignment With Augmented Addition
Janssen Dalt
@JanssenDalt
Aug 27 2016 04:33
Ah! It's a separate class! I thought I had to do it within the red-text one
Thanks a bunch :) @ndburrus
CamperBot
@camperbot
Aug 27 2016 04:34
janssendalt sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:star2: 1905 | @ndburrus |http://www.freecodecamp.com/ndburrus
Norvin Burrus
@ndburrus
Aug 27 2016 04:34
@JanssenDalt spot on! nice observation. yes, a different/separate class :) very nicely done! :)
@benz12 which lesson is this? what are doing?
Janssen Dalt
@JanssenDalt
Aug 27 2016 04:38
blob
It won't let me progress
steamedapples
@steamedapples
Aug 27 2016 04:40
delete the dot before p
Karim Khan
@karim786
Aug 27 2016 04:40
@ndburrus can you help me add boarders
steamedapples
@steamedapples
Aug 27 2016 04:41
p {
font-size: 16px;
}
Janssen Dalt
@JanssenDalt
Aug 27 2016 04:41
Oh!
thanks @steamedapples
CamperBot
@camperbot
Aug 27 2016 04:41
janssendalt sends brownie points to @steamedapples :sparkles: :thumbsup: :sparkles:
:cookie: 121 | @steamedapples |http://www.freecodecamp.com/steamedapples
Mike
@SaxManMike
Aug 27 2016 04:41
@SaxManMike
Hi all, I'm struggling to wrap my brain around introducing a Twitter widget to my quote generator. I could use a hand if anyone's available.
My work so far: https://codepen.io/SaxManMike/pen/jAgrEx
steamedapples
@steamedapples
Aug 27 2016 04:41
np! :D
John Belk
@JohnBelk
Aug 27 2016 04:42
Thanks
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 04:46
@ndburrus How far are you on free code camp?
May
@xSpideyx
Aug 27 2016 05:02
@coffeebeanzz I tried this but nothing happens
coffeebeanzz
@coffeebeanzz
Aug 27 2016 05:05
@xSpideyx change the var f to just fahrenheit... you only need to declare a variable once (var fahrenheit is already done) and you have to use the variable from the challenge, in this case fahrenheit... the rest of your formula looks good
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:05
oh god it is 7:06 am and I still can't sleep
haha
Quang Nguyen
@Matryx-freecodecampercoder
Aug 27 2016 05:08
haha I was up until 5:00am and couldn't sleep. I went to sleep at 3 but couldn't get to sleep and turned on the show Billions. I couldn't stop watching until 3 episodes later
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:09
for some weird reason my eyes are wide open
like I don't feel tired
Quang Nguyen
@Matryx-freecodecampercoder
Aug 27 2016 05:09
did you drink some caffeine earlier?
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:10
no
only pepsi
Quang Nguyen
@Matryx-freecodecampercoder
Aug 27 2016 05:10
theres caffeine in pepsi
unless you got the caffeine free one
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:10
nah I got the regular one
Quang Nguyen
@Matryx-freecodecampercoder
Aug 27 2016 05:11
yah if you're sensitive to caffeine then that might be it
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:11
:smile:
Quang Nguyen
@Matryx-freecodecampercoder
Aug 27 2016 05:11
I took a pre-work drink and went to the gym last night until 2 so I believe thats the reason why I couldn't sleep
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:12
aha
Code Jedi
@scolniye
Aug 27 2016 05:13
<style>
CatPhotoApp {color:blue;}
</style>
was that wrong?
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:13
what is the task?
Code Jedi
@scolniye
Aug 27 2016 05:13
changing color
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:13
of what element
Code Jedi
@scolniye
Aug 27 2016 05:13
to css style
Code Jedi
@scolniye
Aug 27 2016 05:14
Delete your h2 element's style attribute and instead create a CSS style element. Add the necessary CSS to turn all h2 elements blue.
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:14
you have to deleter the style="" in your h2 tag
Code Jedi
@scolniye
Aug 27 2016 05:15
ok. will try that
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:15
and style the h2 inside the style tag like this h2{color: blue;}
Code Jedi
@scolniye
Aug 27 2016 05:16
didn't I do that with this statement?
<style>
CatPhotoApp {color:blue;}
</style>
h2 is my CatPhotoApp text no?
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:16
@scolniye in css we target the element with the tag
not the text
so h2{color: blue;}
how come my image doesnt go to the center??
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:17
@chunnali firstly why do you have body tags
in codepen what are you writing is in the body tag
you don't have to make a body tag
chunnali
@chunnali
Aug 27 2016 05:18
oh ok
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:18
secondly
coffeebeanzz
@coffeebeanzz
Aug 27 2016 05:18
@xSpideyx fahrenheit is misspelled
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:18
if you have bootstrap with this codepen just add the class center-block to the img and it should be centered
or you could style the img on your own to make it centered like this img{display: block;margin: 0 auto;}
chunnali
@chunnali
Aug 27 2016 05:20
so there isn’t a code to align entire site to the center?
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:21
I can see that you only need the image to be centered and anyways to center text you need text-align: center;
however
you code have that code to center everything even text I think
May
@xSpideyx
Aug 27 2016 05:23
yay finally got it! @coffeebeanzz I couldn't have done it with out you
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:23
html,body{
display: flex; 
justify-content: center;
}
chunnali
@chunnali
Aug 27 2016 05:23
ok thanks @ahmedtarek2134
CamperBot
@camperbot
Aug 27 2016 05:23
chunnali sends brownie points to @ahmedtarek2134 :sparkles: :thumbsup: :sparkles:
:cookie: 248 | @ahmedtarek2134 |http://www.freecodecamp.com/ahmedtarek2134
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:23
welcome
Gustavo da Conceição
@fortuneteler
Aug 27 2016 05:24
hey guys, my browser's zoom is 100% but I can't size the cat's picture
coffeebeanzz
@coffeebeanzz
Aug 27 2016 05:25
:+1: @xSpideyx
Gustavo da Conceição
@fortuneteler
Aug 27 2016 05:29
Edmund To
@edmundtfy
Aug 27 2016 05:30
in your <style></style>, the
should be
```.smaller-image
the "smaller-image" should be ".smaller-image", missing the dot @fortuneteler
Gustavo da Conceição
@fortuneteler
Aug 27 2016 05:32
@edmundtfy thank you bro :D
CamperBot
@camperbot
Aug 27 2016 05:32
:cookie: 306 | @edmundtfy |http://www.freecodecamp.com/edmundtfy
fortuneteler sends brownie points to @edmundtfy :sparkles: :thumbsup: :sparkles:
Edmund To
@edmundtfy
Aug 27 2016 05:32
Anybody used React before? @ahmedtarek2134 I can't figure out what went wrong in my code...
@fortuneteler for class, prefix with ".", for id prefix with "#" ^_^
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:34
This message was deleted
@edmundtfy react? hmmmm nope but I will soon learn it
Edmund To
@edmundtfy
Aug 27 2016 05:35
Alrite never mind ^_^ @ahmedtarek2134
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:35
I would think that the helpjavascript room may help you
Edmund To
@edmundtfy
Aug 27 2016 05:37
Trying :P @ahmedtarek2134 :smile:
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:37
:+1:
Code Jedi
@scolniye
Aug 27 2016 05:38

<h2 style="color: red">CatPhotoApp</h2>

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

Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:38
@scolniye didn't I tell you you need to delete the style="" and we target elements using the tag name in css?
:smile:
Code Jedi
@scolniye
Aug 27 2016 05:39
first day here. I don't understand what you mean. haha
I did. look at the bottom
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:39
you know you have this style="color: red"
this needs to be removed
and instead of "CatPhotoApp {color: blue;}"
Code Jedi
@scolniye
Aug 27 2016 05:40
I deleted that, I'm just trying to show you the changes. look at the bottlm
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:40
it should be h2{color: blue;}
Code Jedi
@scolniye
Aug 27 2016 05:40
they have to be in quotes?
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:40
no
Code Jedi
@scolniye
Aug 27 2016 05:40
I did. here's what I wrote:
<style>
CatPhotoApp {color:blue;}
</style>
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:41
it should be h2{color: blue;}
Code Jedi
@scolniye
Aug 27 2016 05:41
ahh. got it. I know what you mean. I will try that.
Thanks
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:41
welcome
Rada
@Radascript
Aug 27 2016 05:44
hey guys can someone recommend how I can make the textbox on the portfolio carousel take up more width? I can't understand why it's taking up such a small part of the box. I have width: 100% set everywhere and it's not helping:
https://radascript.github.io/portfolio/index.html
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:46
@Radascript try display: block;
Rada
@Radascript
Aug 27 2016 05:46
@ahmedtarek2134 nope. thanks for the thought though
CamperBot
@camperbot
Aug 27 2016 05:46
radascript sends brownie points to @ahmedtarek2134 :sparkles: :thumbsup: :sparkles:
:cookie: 249 | @ahmedtarek2134 |http://www.freecodecamp.com/ahmedtarek2134
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:47
ook
I am inspecting the element
Sergii
@sergii-zhuravel
Aug 27 2016 05:48
@Radascript When you set 100% width, it just will take all space of it's container.
Rada
@Radascript
Aug 27 2016 05:48
@sergey-zhuravel right I understand that, and I tried changing containing widths.
Jason Louie
@sailong76
Aug 27 2016 05:49
Hi all, hope everyone is well! I'm stumped on a task where I need to create 2 div elements within a row and I can't seem to figure out the proper way to get through this one. Do I add the col-xs-6 classes directly below the div class=row section?
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:49
@Radascript change the width to be in pixels
like 600px
Rada
@Radascript
Aug 27 2016 05:50
@ahmedtarek2134 yeah I tried that, and that seems to sort of help, but it doesn't center anymore even with margin 0 auto. I'll do a screen grab
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:50
ok
Sergii
@sergii-zhuravel
Aug 27 2016 05:51
@sailong76 Hi. Reread the task, there is all info) The containder div will have row class, the inner divs will have another classes (with count of cell covering)
Peter Thomas
@pedritoanguilito
Aug 27 2016 05:52
hi I am stock in challenge 22, my code is .smaller-image {width: 100px;}
</style> what am I doing wrong?
Jason Louie
@sailong76
Aug 27 2016 05:52
Thanks Sergey, I'll try that.
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:52
@Radascript I will try using flexbox on the carousel caption
Sergii
@sergii-zhuravel
Aug 27 2016 05:53
@pedritoanguilito Did you add the class to IMG tag as well?
Rada
@Radascript
Aug 27 2016 05:54
@ahmedtarek2134 ty! though i keep hearing mixed things about flexbox not being supported. This just seems like such a silly problem right haha? center a full sized box. But no.
CamperBot
@camperbot
Aug 27 2016 05:54
radascript sends brownie points to @ahmedtarek2134 :sparkles: :thumbsup: :sparkles:
:warning: radascript already gave ahmedtarek2134 points
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:54
@Radascript flexbox is supported in almost every browser now
cought not talking about IE
Rada
@Radascript
Aug 27 2016 05:54
@ahmedtarek2134 poor IE :P
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:55
:smile:
wait I think I got the answer
you are using bootstrap right?
Rada
@Radascript
Aug 27 2016 05:58
@ahmedtarek2134 yesyes
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 05:59
it says on stackoverflow that the caption is positioned absolute
15% from the left
so when you change it to 0%
it will take the full width
try that
Rada
@Radascript
Aug 27 2016 05:59
@ahmedtarek2134 ooooooooh
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 06:01
it is from the right and left
Rada
@Radascript
Aug 27 2016 06:02
@ahmedtarek2134 YES you solved it! Thank you so much.
CamperBot
@camperbot
Aug 27 2016 06:02
radascript sends brownie points to @ahmedtarek2134 :sparkles: :thumbsup: :sparkles:
:warning: radascript already gave ahmedtarek2134 points
Rada
@Radascript
Aug 27 2016 06:03
@ahmedtarek2134 that was so frustrating
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 06:03
omg I thought it won't work cause I did it in the developer tools and it didn't work
Rada
@Radascript
Aug 27 2016 06:03
@ahmedtarek2134 hahaha no that was it. Thank you so much
CamperBot
@camperbot
Aug 27 2016 06:03
radascript sends brownie points to @ahmedtarek2134 :sparkles: :thumbsup: :sparkles:
:warning: radascript already gave ahmedtarek2134 points
Sergii
@sergii-zhuravel
Aug 27 2016 06:03
@Radascript Only falling we learn)
Rada
@Radascript
Aug 27 2016 06:04
this is the second time Ahmed helped me a bunch.
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 06:05
:blush:
btw your website has some nice animations
Rada
@Radascript
Aug 27 2016 06:07
@ahmedtarek2134 thanks! gh pages didn't like the Tweenlite's CDN though so I'll have to add it in directly. But also, I found that textillate JS is a really cool library. It makes for very pretty text animations.
CamperBot
@camperbot
Aug 27 2016 06:07
radascript sends brownie points to @ahmedtarek2134 :sparkles: :thumbsup: :sparkles:
:warning: radascript already gave ahmedtarek2134 points
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 06:07
@Radascript I also just knew velocity.js from your webpage :smile:
@Radascript also check out animate.css
Rada
@Radascript
Aug 27 2016 06:08
@ahmedtarek2134 velocity is really nice too, but I'm starting to think GreenSock tweens are just better.
I'm yet to play with animate.css! I just needed to add it because textillate depends on it.
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 06:09
@Radascript animate.css is just an amazing library
Sergii
@sergii-zhuravel
Aug 27 2016 06:12
@Radascript You may improve your header a little, just an example
http://screencast.com/t/EoljQzYQj
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 06:13
try the font pacifico or poiret one, they are good
@Radascript try centering the navbar
add this to the stylesheet if you want to
Rada
@Radascript
Aug 27 2016 06:15
@ahmedtarek2134 @sergey-zhuravel yeah I gotta play around a little with all the fonts still. The only once I'm really happy with is in the tri-column section
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 06:15
.nav{
display: flex;
display: -moz-flexbox;
display: -webkit-box;
justify-content: center;
float: none;
}
Rada
@Radascript
Aug 27 2016 06:16
@ahmedtarek2134 I actually think I prefer the navbar to the left, you think it looks nicer centered?
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 06:16
yeh, but whatever you want, at the end it is your webpage
Sergii
@sergii-zhuravel
Aug 27 2016 06:16
@Radascript I also like as is. Centered with be worse, due to centered header
Ahmed Tarek
@ahmedtarek2134
Aug 27 2016 06:17
@sergey-zhuravel you could add @media (max-width: 768px){.nav{float: left;}} and it will be left on button showing up
Christian
@mchoeti
Aug 27 2016 06:19
good morning :-)
Sergii
@sergii-zhuravel
Aug 27 2016 06:19
@mchoeti Morning)
Quang Nguyen
@Matryx-freecodecampercoder
Aug 27 2016 06:20
Good morning :smile:
its almost good night for me though
what time is it there and where is there?
Christian
@mchoeti
Aug 27 2016 06:20
yeah,,, welcome to the global world
austria ==> 08:20
folks one question how is it possible to post code snipets in the chat
like achmed did it ?
i am sure there is a convention but where do i find it ?
Quang Nguyen
@Matryx-freecodecampercoder
Aug 27 2016 06:21
good question I would like to know that too
r2d2
@UsamaHameed
Aug 27 2016 06:22
help format
CamperBot
@camperbot
Aug 27 2016 06:22
no wiki entry for: format
r2d2
@UsamaHameed
Aug 27 2016 06:24
three back ticks followed by your code on next line, shift + enter for next line then at the end another 3 back ticks
Hello
Sergii
@sergii-zhuravel
Aug 27 2016 06:24

@mchoeti Use github mardown

``` (before code and after)

Christian
@mchoeti
Aug 27 2016 06:24
ok thanks...
r2d2
@UsamaHameed
Aug 27 2016 06:25
backticks should be on a new line
Christian
@mchoeti
Aug 27 2016 06:26
ah got it ...
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 06:26
what does this line of code mean
<script>$(document).ready(function() {});</script>
???
Christian
@mchoeti
Aug 27 2016 06:27
thanks
thanks @UsamaHameed
CamperBot
@camperbot
Aug 27 2016 06:27
mchoeti sends brownie points to @usamahameed :sparkles: :thumbsup: :sparkles:
:cookie: 497 | @usamahameed |http://www.freecodecamp.com/usamahameed
Sergii
@sergii-zhuravel
Aug 27 2016 06:27
@onepointtwentyonegigawatts it means to run empty function when page will be built
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 06:29
Okay Thanks, just waned to understand the meaning of the code and not simply tag along the lesson
@sergey-zhuravel
Quang Nguyen
@Matryx-freecodecampercoder
Aug 27 2016 06:30
Hello
testing
Reina
@ReinaTng
Aug 27 2016 06:37

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

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

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

</style>

<div class="container-fluid">
<div class="row">
<div class="col-xs-8">
<h2 class="text-primary text-center">CatPhotoApp</h2>
</div>
<div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
</div>
</div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">
<div class="row">
<div class="col-xs-4">
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info"><i class="fa fa-info-circle"></i> Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger"><i class="fa fa-trash"></i> Delete</button>
</div>
</div>
<p>Things cats <span class="text-danger">love:</span></p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<div class="row">
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
</div>
<div class="col-xs-6">
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
</div>
</div>
<div class="row">
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Loving</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Lazy</label>
</div>
<div class="col-xs-4">
<label><input type="checkbox" name="personality"> Crazy</label>
</div>
</div>
<div class="row">
<div class="col-xs-7">
<input type="text" class="form-control" placeholder="cat photo URL" required>
</div>
</div>
<button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i> Submit</button>
</form>
</div>

Some one help me with the last level of the CAT PHOTO APP
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 06:38
@ReinaTng What do you still need?
Reina
@ReinaTng
Aug 27 2016 06:38
Which is Lining up the ELEMENTS REPONSE

Now let's get your form input and your submission button on the same line. We'll do this the same way we have previously: by using a div element with the class row, and other div elements within it using the col-xs-* class.

Nest both your form's text input and submit button within a div with the class row. Nest your form's text input within a div with the class of col-xs-7. Nest your form's submit button in a div with the class col-xs-5.

This is the last challenge we'll do for our Cat Photo App for now. We hope you've enjoyed learning Font Awesome, Bootstrap, and responsive design!

THIS IS THE INSTRUCTIONS
ARE
Sergii
@sergii-zhuravel
Aug 27 2016 06:40
@ReinaTng Here is what to do:
Nest both your form's text input and submit button within a div with the class row. Nest your form's text input within a div with the class of col-xs-7. Nest your form's submit button in a div with the class col-xs-5.
@ReinaTng Here is how)
Now let's get your form input and your submission button on the same line. We'll do this the same way we have previously: by using a div element with the class row, and other div elements within it using the col-xs-* class.
Reina
@ReinaTng
Aug 27 2016 06:40
OK
Sergii
@sergii-zhuravel
Aug 27 2016 06:41
@ReinaTng Is it clear now?) The task is very simple)
Reina
@ReinaTng
Aug 27 2016 06:44
thks
I realised what I did wrong just now
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 06:45
Hehe i made a simple error on that one too
Sai
@TheGodKing
Aug 27 2016 06:49
So I almost finished HTML, but I feel like I don’t remember every thing
But when I look at the titles of each section, I remember again
Is this ok? Or is it important to remember everything
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 06:50

Target Elements by Class Using JQuery

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

What am i Missing?
Or did i add the $("Well").addclass("animated shake"); in the wrong place?
greg
@wearenotgroot
Aug 27 2016 06:51
@onepointtwentyonegigawatts it think its .well not Well. Also addclass should have upper case C as in addClass
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 06:53
Ahhh I "C" error, Thanks @wearenotgroot
CamperBot
@camperbot
Aug 27 2016 06:53
onepointtwentyonegigawatts sends brownie points to @wearenotgroot :sparkles: :thumbsup: :sparkles:
:star2: 1471 | @wearenotgroot |http://www.freecodecamp.com/wearenotgroot
greg
@wearenotgroot
Aug 27 2016 06:53
@onepointtwentyonegigawatts np
ronakagrawal3
@ronakagrawal3
Aug 27 2016 06:59
Can someone please explain something about the link attributes:
_parent,_top and framename ?
Or share some resources where it is explained better ?
Disney
@discountry
Aug 27 2016 07:00
where can I find the data source for Image Search Abstraction Layer
Sergii
@sergii-zhuravel
Aug 27 2016 07:02
@ronakagrawal3 Do you mean target attribute?
Sergii
@sergii-zhuravel
Aug 27 2016 07:03
ronakagrawal3
@ronakagrawal3
Aug 27 2016 07:03
@sergey-zhuravel Yes, I mean target attributes
Disney
@discountry
Aug 27 2016 07:03
@sergey-zhuravel we found the same link hah
Sergii
@sergii-zhuravel
Aug 27 2016 07:04
@discountry )
@discountry Check this) FreeCodeCamp/FreeCodeCamp#5934
ronakagrawal3
@ronakagrawal3
Aug 27 2016 07:04
@discountry @sergey-zhuravel , what does it mean by parent frame, full body and named frame ?
Disney
@discountry
Aug 27 2016 07:04
@sergey-zhuravel thanks~
CamperBot
@camperbot
Aug 27 2016 07:04
discountry sends brownie points to @sergey-zhuravel :sparkles: :thumbsup: :sparkles:
:cookie: 91 | @sergey-zhuravel |http://www.freecodecamp.com/sergey-zhuravel
Disney
@discountry
Aug 27 2016 07:05
@ronakagrawal3 I think you should read the doc carefully
Sergii
@sergii-zhuravel
Aug 27 2016 07:05
@ronakagrawal3 Just play with them) And about frames - they are not used oftern
ronakagrawal3
@ronakagrawal3
Aug 27 2016 07:06
Thank you guys@discountry @sergey-zhuravel I appreciate your help.
CamperBot
@camperbot
Aug 27 2016 07:06
ronakagrawal3 sends brownie points to @sergey-zhuravel :sparkles: :thumbsup: :sparkles:
:cookie: 92 | @sergey-zhuravel |http://www.freecodecamp.com/sergey-zhuravel
ronakagrawal3
@ronakagrawal3
Aug 27 2016 07:06
Thanks @discountry
CamperBot
@camperbot
Aug 27 2016 07:06
ronakagrawal3 sends brownie points to @discountry :sparkles: :thumbsup: :sparkles:
:cookie: 351 | @discountry |http://www.freecodecamp.com/discountry
Sergii
@sergii-zhuravel
Aug 27 2016 07:07
@ronakagrawal3 np)
dhruvgaur123
@dhruvgaur123
Aug 27 2016 07:12

<h1>Hello World</h1>

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

</style>

it says give body element the color property of green
how to do it
?
ronakagrawal3
@ronakagrawal3
Aug 27 2016 07:16
@dhruvgaur123
tanyuejun
@tanyuejun
Aug 27 2016 07:16
Level:Ditch Custom CSS for Bootstrap.How do I Add the img-responsive class to your top image.
ronakagrawal3
@ronakagrawal3
Aug 27 2016 07:16
@dhruvgaur123
<head>
Lenuta
@ionutlenuta
Aug 27 2016 07:17
Put h1 element below style @dhruvgaur123
ronakagrawal3
@ronakagrawal3
Aug 27 2016 07:17
@dhruvgaur123
<head>
 body{color:green;}
</head>
excowboy
@excowboy
Aug 27 2016 07:17
@dhruvgaur123 do you just need 'color: green;'? 'color' sets the color for text in an element so if your background is green to you won't see your text with this CSS
ronakagrawal3
@ronakagrawal3
Aug 27 2016 07:18
@dhruvgaur123 sorry
<head>
<style>
 body{color:green;}
</style>
</head>
jamesmillerho
@jamesmillerho
Aug 27 2016 07:18
hi
ronakagrawal3
@ronakagrawal3
Aug 27 2016 07:18
@jamesmillerho Hello
jamesmillerho
@jamesmillerho
Aug 27 2016 07:19
I mean the opacity
ewanwang
@ewanwang
Aug 27 2016 07:26
To get started, we should nest all of our HTML in a div element with the class container-fluid.
how to dealt with this?
anyone can help me
yonihav
@yonihav
Aug 27 2016 07:33
i want to make a dead link but where do i have to place the hash
tanyuejun
@tanyuejun
Aug 27 2016 07:36
I want to add img-responsive to the top image but i added it and still it does not work at all.Anyone can help?
Abdul Ngoko
@ignitedar
Aug 27 2016 07:41
div.jpg
jamesmillerho
@jamesmillerho
Aug 27 2016 07:43
Why -webkit-filter: blur is not working on Chomre?
Abdul Ngoko
@ignitedar
Aug 27 2016 07:49

@sergey-zhuravel

div.jpg

ronakagrawal3
@ronakagrawal3
Aug 27 2016 07:56
<!DOCTYPE html>
<html>
<head>
<style>
 a:link{text-decoration:none}
<style>
</head>
<body>

<a href="html_images.asp" target="_blank">HTML Images</a>

</body>
</html>
It says: Remove the underline from the link below.
Sergii
@sergii-zhuravel
Aug 27 2016 07:57
@ignitedar Add <div class="well"></div> inside divs with col-xs-6
ronakagrawal3
@ronakagrawal3
Aug 27 2016 07:57
I did this. But it's not working.
It says: "No link found"
Abdul Ngoko
@ignitedar
Aug 27 2016 08:00
@sergey-zhuravel its not working
Sergii
@sergii-zhuravel
Aug 27 2016 08:00
@ronakagrawal3 You didn't close </style>
ronakagrawal3
@ronakagrawal3
Aug 27 2016 08:00
@sergey-zhuravel Haha.. Thanks
CamperBot
@camperbot
Aug 27 2016 08:00
ronakagrawal3 sends brownie points to @sergey-zhuravel :sparkles: :thumbsup: :sparkles:
:warning: ronakagrawal3 already gave sergey-zhuravel points
Sergii
@sergii-zhuravel
Aug 27 2016 08:00
@ignitedar Should work if you done it correct)
ronakagrawal3
@ronakagrawal3
Aug 27 2016 08:01
@sergey-zhuravel Haha.. That was a syntax error. . I appreciate your help.
Sergii
@sergii-zhuravel
Aug 27 2016 08:02
@ignitedar Show your code
Abdul Ngoko
@ignitedar
Aug 27 2016 08:04
This message was deleted
show.jpg @sergey-zhuravel
show.jpg @sergey-zhuravel
show.jpg
Sergii
@sergii-zhuravel
Aug 27 2016 08:06
@ignitedar "Iside" means between <div> and </div>
@ignitedar Not in <div <div> >
@ignitedar
<div class="col-xs-6">
    <div class="well"> </div>
</div>
<div class="col-xs-6">
    <div class="well"> </div>
</div>
Tommy
@tommyninetwo
Aug 27 2016 08:10
Hey guys I'm new and stuck on one of the beginning challenges
Inside the same <style> tag that contains your red-text class, create an entry for p elements and set the font-size to 16 pixels (16px).
Darth Skywalker
@adityaparab
Aug 27 2016 08:10
@tommyninetwo : Ain't that sweet :D
Abdul Ngoko
@ignitedar
Aug 27 2016 08:10
@sergey-zhuravel Thank you!
CamperBot
@camperbot
Aug 27 2016 08:10
ignitedar sends brownie points to @sergey-zhuravel :sparkles: :thumbsup: :sparkles:
:cookie: 95 | @sergey-zhuravel |http://www.freecodecamp.com/sergey-zhuravel
Tommy
@tommyninetwo
Aug 27 2016 08:11
How do I add the p element between the style tag
Darth Skywalker
@adityaparab
Aug 27 2016 08:11
@tommyninetwo : You don't add a p element in style tag.
Sergii
@sergii-zhuravel
Aug 27 2016 08:11
@tommyninetwo
p {
font-size: 16px;
}
Darth Skywalker
@adityaparab
Aug 27 2016 08:11
you only add an entry that specifies what style to apply to your p tags outside of style tag
Tommy
@tommyninetwo
Aug 27 2016 08:11
but it says "inside the same <style> tag"
Sergii
@sergii-zhuravel
Aug 27 2016 08:12
@tommyninetwo Yes, in <style> tag|section you can add a lot of different CSS classes
Tommy
@tommyninetwo
Aug 27 2016 08:12
So i add it in between <style> tags
Sergii
@sergii-zhuravel
Aug 27 2016 08:13
@tommyninetwo
<style>
.class1{

}

.classN{
}

</style>
Tommy
@tommyninetwo
Aug 27 2016 08:13
oooo i got it
thanks guys
how do you post whats on my command screen like that?
@sergey-zhuravel
Mamadou
@Mamadousy123
Aug 27 2016 08:17
how yourr new image should be below your old one and the class img-responsive?
Tommy
@tommyninetwo
Aug 27 2016 08:17
This message was deleted
Wim Huiskes
@wimhuiskes
Aug 27 2016 08:17
hello all, is there someone familiar with wordpress development???
Sergii
@sergii-zhuravel
Aug 27 2016 08:19
@Mamadousy123
<img class="1" >
<img class="img-responsive">
Mamadou
@Mamadousy123
Aug 27 2016 08:20
@sergey-zhuravel I have tried that but its giving me a hard time and I dont understand it ?
Sergii
@sergii-zhuravel
Aug 27 2016 08:22
@Mamadousy123
what exactly you don't understand?
Mamadou
@Mamadousy123
Aug 27 2016 08:23
I have found the solution thank you @sergey-zhuravel
CamperBot
@camperbot
Aug 27 2016 08:23
mamadousy123 sends brownie points to @sergey-zhuravel :sparkles: :thumbsup: :sparkles:
:cookie: 98 | @sergey-zhuravel |http://www.freecodecamp.com/sergey-zhuravel
Sergii
@sergii-zhuravel
Aug 27 2016 08:24
@wimhuiskes What is the issue?
Mohit Kumar Toshniwal
@mohitkumartoshniwal
Aug 27 2016 08:30
Target the same element with multiple jQuery Selectors
Target the same element with multiple jQuery Selectors . In this task I am not able to run my program and the tick marks panel is also not appearing. Plz someone can help me
Gustavo Salgado
@onepointtwentyonegigawatts
Aug 27 2016 08:36
@mohitrocks Im also on that one, & im also confused laugh out loud
What do you have so far? @mohitrocks
Wim Huiskes
@wimhuiskes
Aug 27 2016 08:38
@sergey-zhuravel i am looping trough posts on a page template, and in the the loop i use “get_template_part( 'template-parts/index-content', get_post_format() );” that formats every post. But when i click the “read more button” is gives me the correct URL, but a blank page, with only the header and footer
Sergii
@sergii-zhuravel
Aug 27 2016 08:41
@mohitrocks Try update the page. or press Ctrl+Enter
@wimhuiskes Try to debug your code with var_dump. It's hard to investigate the issue without the code.
Wim Huiskes
@wimhuiskes
Aug 27 2016 08:45
@sergey-zhuravel ok, ill dive into it
@sergey-zhuravel here is the code by the way: https://nl.wordpress.org/support/topic/juiste-url-maar-blanke-pagina/
Sergii
@sergii-zhuravel
Aug 27 2016 08:55
@wimhuiskes I don't remember for sure, but I think when you click More button, another file handles rendering of the post. For example check page.php file.
Wim Huiskes
@wimhuiskes
Aug 27 2016 08:58
@sergey-zhuravel i am building this theme from scratch, so ill have to create that one.
Sergii
@sergii-zhuravel
Aug 27 2016 08:58
@wimhuiskes Yes. Index.php generates home page, with the list of blogs
Wim Huiskes
@wimhuiskes
Aug 27 2016 09:06
@sergey-zhuravel created a page.php, but still blank
Sergii
@sergii-zhuravel
Aug 27 2016 09:13
@wimhuiskes Sorry for the confusing, page.php is for independent pages rendering. To render blog posts should be another place. And it should be in the template page, because it's only one that you implemented and it renders, just without content. So you need to get parameters to check when you should to render the blog content and render the full blog post.
@wimhuiskes Can you var dump get_post_format() when you call get_template_part( 'template-parts/content', get_post_format() ); when you press More button?
Wim Huiskes
@wimhuiskes
Aug 27 2016 09:17
@sergey-zhuravel how do i implement that?
posts are doubled
and the second ones give null
var_dump(get_template_part( 'template-parts/content', get_post_format() ));
phuchesathi
@phuchesathi
Aug 27 2016 09:22
@sergey-zhuravel <form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL">
<button type="submit"</button>
</form>
i just need submit button
Sergii
@sergii-zhuravel
Aug 27 2016 09:22
@phuchesathi <button type="submit">Submit</button>
@wimhuiskes var dump only get_post_format() , in such way you will check what part is requested
phuchesathi
@phuchesathi
Aug 27 2016 09:24
@wimhuiskes thanks
CamperBot
@camperbot
Aug 27 2016 09:24
phuchesathi sends brownie points to @wimhuiskes :sparkles: :thumbsup: :sparkles:
:cookie: 286 | @wimhuiskes |http://www.freecodecamp.com/wimhuiskes
Wim Huiskes
@wimhuiskes
Aug 27 2016 09:26
<?php /*

Template Name: Blog Template

*/

get_header(); ?>

                <?php

                    if( have_posts() && query_posts('category_name=blog') ):

                        while( have_posts() ): the_post();

                                get_template_part( 'template-parts/content', get_post_format() );
                            var_dump(get_post_format() );
                        endwhile;
                    endif;

                ?>

            </div><!-- .container -->

        </main>
    </div><!-- #primary -->

<?php get_footer(); ?>
it gives bool(false)
Sergii
@sergii-zhuravel
Aug 27 2016 09:30

@wimhuiskes So no format is set
Format (string)
The format of the post, or false if no format is set.

So it fires:
get_template_part( 'template-parts/content', false )

Wim Huiskes
@wimhuiskes
Aug 27 2016 09:31
ok, so how do i set a format? and what does this format do?
Sergii
@sergii-zhuravel
Aug 27 2016 09:34
@wimhuiskes
/*
                 * Include the Post-Format-specific template for the content.
                 * If you want to override this in a child theme, then include a file
                 * called content-___.php (where ___ is the Post Format name) and that will be used instead.
                 */
                get_template_part( 'template-parts/content', get_post_format() );
@wimhuiskes It's from one standard themes. Read the comment and try to include the file
r2d2
@UsamaHameed
Aug 27 2016 09:37
@sergey-zhuravel Can we do Wordpress plugins in JS instead of PHP?
Sergii
@sergii-zhuravel
Aug 27 2016 09:38
@UsamaHameed Usually they are JS+PHP )
Jordan Li
@twistedogic
Aug 27 2016 09:38
Hi all
Sergii
@sergii-zhuravel
Aug 27 2016 09:38
Hi
Jordan Li
@twistedogic
Aug 27 2016 09:38
anyone here happen to use hyperterm?
r2d2
@UsamaHameed
Aug 27 2016 09:39
@sergey-zhuravel How do they use both?
Jordan Li
@twistedogic
Aug 27 2016 09:39
any pointer on how to disable the bell sound on hyperterm?
Sergii
@sergii-zhuravel
Aug 27 2016 09:40
@wimhuiskes Sigle posts are rendered by single.php file
@twistedogic zeit/hyperterm#125
@wimhuiskes create single.php file with such content:
<?php get_header();?>
<div class="main-heading">
    <h1><?php the_title(); ?></h1>
</div>
<?php get_sidebar();?>
<section>
    <?php while (have_posts()): the_post();?>
        <?php the_content();?>
        <?php
            if ( comments_open() || get_comments_number() ) {
                comments_template();
            }
        ?>
    <?php endwhile; ?>
</section>
<?php get_footer(); ?>
r2d2
@UsamaHameed
Aug 27 2016 09:43
Once you know JS, it should be easy to get the hang of PHP right?
Claire
@clairelike
Aug 27 2016 09:44
How to calculate least-common-multiple of mutiple numbles?
Wim Huiskes
@wimhuiskes
Aug 27 2016 09:44
@sergey-zhuravel Holy shit, you did it, THANK YOU SO MUCH
CamperBot
@camperbot
Aug 27 2016 09:44
wimhuiskes sends brownie points to @sergey-zhuravel :sparkles: :thumbsup: :sparkles:
:cookie: 101 | @sergey-zhuravel |http://www.freecodecamp.com/sergey-zhuravel
Wim Huiskes
@wimhuiskes
Aug 27 2016 09:45
@sergey-zhuravel You my men are a live saver
this is very much appreciated
Jordan Li
@twistedogic
Aug 27 2016 09:45
@sergey-zhuravel thanks but looks like I need to build on master. it is not in release yet
CamperBot
@camperbot
Aug 27 2016 09:45
twistedogic sends brownie points to @sergey-zhuravel :sparkles: :thumbsup: :sparkles:
:cookie: 102 | @sergey-zhuravel |http://www.freecodecamp.com/sergey-zhuravel
Sergii
@sergii-zhuravel
Aug 27 2016 09:46
@wimhuiskes np)
Wim Huiskes
@wimhuiskes
Aug 27 2016 09:47
@sergey-zhuravel you really saved me here
Sergii
@sergii-zhuravel
Aug 27 2016 09:47
@UsamaHameed PHP is very easy language. If you will know JS (and more important - will be good web developer with JS - you will be able to build any web apps;)
r2d2
@UsamaHameed
Aug 27 2016 09:48
@sergey-zhuravel NICE!!
Sergii
@sergii-zhuravel
Aug 27 2016 09:51
@UsamaHameed :)
runderwoodbusiness
@runderwoodbusiness
Aug 27 2016 09:52
how do i send a photo?
of code?
May Kittens Devour Your Soul
@diomed
Aug 27 2016 09:54
why photo when u can send a code?
photos are overrated
runderwoodbusiness
@runderwoodbusiness
Aug 27 2016 09:55
Idk how i can do that.
May Kittens Devour Your Soul
@diomed
Aug 27 2016 09:55
just copy-paste the code here
runderwoodbusiness
@runderwoodbusiness
Aug 27 2016 09:56
<p>
<a href="http://www.freecatphotoapp.com">cat photos</a>
</p>
thanks
is nested anchor element done properly?
May Kittens Devour Your Soul
@diomed
Aug 27 2016 09:57
looks like it is
but who knows :yum:
runderwoodbusiness
@runderwoodbusiness
Aug 27 2016 09:58
Cant get past this challange.... 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%3C%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
May Kittens Devour Your Soul
@diomed
Aug 27 2016 09:59
well in your code u have <<a
instead of just <a
runderwoodbusiness
@runderwoodbusiness
Aug 27 2016 09:59
okay thanks!!
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:00
and u dont have text View more
clearly says what's missing, on your left pane
hamid1994
@hamid1994
Aug 27 2016 10:01

hi

Split your Bootstrap Row

Now that we have a Bootstrap Row, let's split it into two columns to house our elements.

Create two div elements within your row, both with the class col-xs-6.

Nest two div class="col-xs-6" elements within your div class="row" element.
Make sure all your div elements have closing tags.

Sergii
@sergii-zhuravel
Aug 27 2016 10:01
@runderwoodbusiness
<p> Viewe more <a href="http://www.freecatphotoapp.com">cat photos</a></p>
hamid1994
@hamid1994
Aug 27 2016 10:01
my code

<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row"

<div class="col-xs-6>

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

</div>

</div>
</div>

Sergii
@sergii-zhuravel
Aug 27 2016 10:02
@hamid1994 You should close <div class="col-xs-6>
@hamid1994 before open new <div class="col-xs-6>
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:02
@sergey-zhuravel can I pm you?
Sergii
@sergii-zhuravel
Aug 27 2016 10:02
@diomed ok
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:02
in case of php emergency?
runderwoodbusiness
@runderwoodbusiness
Aug 27 2016 10:02
Thanks guys!
hamid1994
@hamid1994
Aug 27 2016 10:03
thanks a lot
Sergii
@sergii-zhuravel
Aug 27 2016 10:03
@diomed I didn't work with PHP for a lot of time) But I can try to help)
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:03
@sergey-zhuravel did u do any wp theme?
Sergii
@sergii-zhuravel
Aug 27 2016 10:04
@diomed Nope. But it's easy. Just find a good article) And be sure it's fresh, because a lot of versions were released)
@diomed Fore example https://www.taniarascia.com/developing-a-wordpress-theme-from-scratch/ (very good article for beginners)
mdvczkjns
@mdvczkjns
Aug 27 2016 10:08
Hi guys. I don't know what I'm doing wrong... Any idea?
r2d2
@UsamaHameed
Aug 27 2016 10:08
@diomed we should make a wordpress theme
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:08
:grey_question:
Sergii
@sergii-zhuravel
Aug 27 2016 10:08
@mdvczkjns Should we guess?)
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:09
looks like we should. lol :)
runderwoodbusiness
@runderwoodbusiness
Aug 27 2016 10:09
@mdvczkjns Your not explaining the problem...
mdvczkjns
@mdvczkjns
Aug 27 2016 10:09
No just I dont find how to share a picture...
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:09
post code, not picture
copy--paste it
mdvczkjns
@mdvczkjns
Aug 27 2016 10:09
This message was deleted
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:10
we can live without pictures, and formatting.
it's a hard life but we'll get by
r2d2
@UsamaHameed
Aug 27 2016 10:10
@diomed one successful WP theme and youare good for some time
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:10
@mdvczkjns and tell the name of your challenge?
mdvczkjns
@mdvczkjns
Aug 27 2016 10:10

Remember that in order to start a comment, you need to use <!-- and to end a comment, you need to use -->

Here you'll need to end the comment before your h2 element begins.

Comment out your h1 element and your p element, but leave your h2 element uncommented.

This is what I have to do
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:10
@UsamaHameed really? and I thought it was all about theme support
mdvczkjns
@mdvczkjns
Aug 27 2016 10:10
My solution what is wrong:

<h1>Hello World</h1>

<h2>CatPhotoApp</h2>
<!--bizony bizony-->

<p>Hello Paragraph</p>

May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:11
bizony bizony :) :) :) :) :) :)
runderwoodbusiness
@runderwoodbusiness
Aug 27 2016 10:11
get rid of the bizony
Sergii
@sergii-zhuravel
Aug 27 2016 10:11
@mdvczkjns You need to comment out h1 tag, all tag
runderwoodbusiness
@runderwoodbusiness
Aug 27 2016 10:12

<h2>CatPhotoApp</h2>

<p>Hello Paragraph</p>

wait i commented out the code...
mdvczkjns
@mdvczkjns
Aug 27 2016 10:12
i tried a lot of ways but didn't work
maybe im to....
Sergii
@sergii-zhuravel
Aug 27 2016 10:12
@mdvczkjns Comment out your h1 element and your p element, but leave your h2 element uncommented.
runderwoodbusiness
@runderwoodbusiness
Aug 27 2016 10:12

.<!--<h1>Hello World</h1>-->.

<h2>CatPhotoApp</h2>

<p>Hello Paragraph</p>

CasiqueJhon
@CasiqueJhon
Aug 27 2016 10:12
morning!!
one question, how did I make my navigation bar options take me to the specific area?
I mean, if a call portfolio, how can I make the button take me there?
Thanks
mdvczkjns
@mdvczkjns
Aug 27 2016 10:13
I understand but where to write the comments?
I tried many ways
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:13
I have not failed. I've just found 10,000 ways that won't work. Thomas A. Edison
runderwoodbusiness
@runderwoodbusiness
Aug 27 2016 10:13
dont add dots on either side of line h1
Sergii
@sergii-zhuravel
Aug 27 2016 10:13
@mdvczkjns So you should put comment open tag before <h1> and put --> after </h1>
mdvczkjns
@mdvczkjns
Aug 27 2016 10:13
And wasn't good
r2d2
@UsamaHameed
Aug 27 2016 10:13
@diomed you make a theme. that people can use easily without having to pay a developer. This will make it popular. Of course it should have all the woosh stuff in it. People will end up buying it
CasiqueJhon
@CasiqueJhon
Aug 27 2016 10:13
morning!!
one question, how did I make my navigation bar options take me to the specific area?
I mean, if a call portfolio, how can I make the button take me there?
Thanks
mdvczkjns
@mdvczkjns
Aug 27 2016 10:13
thx!
@sergey-zhuravel
Sergii
@sergii-zhuravel
Aug 27 2016 10:13
@mdvczkjns np)
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:14
@UsamaHameed lol. that sounds like a plan . why didn't anyone think of that? :P
@CasiqueJhon you should have something like <div id="portfolio">
and then in navigation you say #portfolio -> as a link. and it takes u there
r2d2
@UsamaHameed
Aug 27 2016 10:15
@diomed people have done this. I don't know how many. There are markets for WP themes. It is not easy though.
One guy from Pakistan made the Avada theme and has made millions @diomed
Go check Avada out
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:16
Avada Kedavra :yum:
I know about all the famous wp themes and I have them :yum:
r2d2
@UsamaHameed
Aug 27 2016 10:17
So...?
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:17
so what?
CasiqueJhon
@CasiqueJhon
Aug 27 2016 10:20
@diomed thanks
CamperBot
@camperbot
Aug 27 2016 10:20
casiquejhon sends brownie points to @diomed :sparkles: :thumbsup: :sparkles:
:cookie: 767 | @diomed |http://www.freecodecamp.com/diomed
r2d2
@UsamaHameed
Aug 27 2016 10:20
How difficult can it be? :P
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:20
it can be difficult
Sergii
@sergii-zhuravel
Aug 27 2016 10:20
@UsamaHameed Creation of the wp theme is just a technical thing, the main issue is to create good design first. Then, even if you create something useful, it requires skills to share it and sell (marketing, etc.))
r2d2
@UsamaHameed
Aug 27 2016 10:24
Well I can do these. Just watch me :D
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:25
i just say - if you want to sell something - find the right market. learn some cms that is simple and not overflown with themes
r2d2
@UsamaHameed
Aug 27 2016 10:25
People give up so easily :laughing:
I just thought a speaking dog can help boost up my sales :laughing:
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:27
@UsamaHameed me and my cat are currently making html design. so next step is obviously, give it to you, to make a wp theme. and it's a win win for everybody
Sergii
@sergii-zhuravel
Aug 27 2016 10:27
@UsamaHameed If you have good selling skills, then you even don't need to created something) Just get any free theme and sell it)
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:27
(actually, we're not making it yet, but we will :yum: )
Janssen Dalt
@JanssenDalt
Aug 27 2016 10:28
How do you guys stay motivated to keep going?
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:28
that's how people get sued
Sergii
@sergii-zhuravel
Aug 27 2016 10:28
@daksh844
Create an a element that links to http://freecatphotoapp.com and has "cat photos" as its anchor text.
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:28
@JanssenDalt I don't. I'm so unmotivated, like heck
r2d2
@UsamaHameed
Aug 27 2016 10:29
@diomed but I don't want to get sued :D
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:29
well if u ever get sued, you can thank Sergei for that :smile:
r2d2
@UsamaHameed
Aug 27 2016 10:31
lol
Deepanshu Kaushik
@daksh844
Aug 27 2016 10:31
even after adding this text: <a href="http://freecatphotoapp.com">cat photos</a> I'm getting error that a element should have closing text
@sergey-zhuravel any idea
Sergii
@sergii-zhuravel
Aug 27 2016 10:32
@daksh844 Show all code, maybe some bug in the code
@daksh844 This part <a href="http://freecatphotoapp.com">cat photos</a> looks good
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:33
@daksh844 some-times all you need is reset
Sergii
@sergii-zhuravel
Aug 27 2016 10:34
@diomed just have good lawyers))
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:35
hue hue hue :yum:
Sergii
@sergii-zhuravel
Aug 27 2016 10:35
And check that some free licenses don't forbid commercial use ;)
r2d2
@UsamaHameed
Aug 27 2016 10:35
@sergey-zhuravel what do we do to get good lawyers?
Sergii
@sergii-zhuravel
Aug 27 2016 10:36
@UsamaHameed You can just learn types of the licenses)
@diomed @UsamaHameed Do you know that WP is free and many guys sell it ;)
Henry Cabello
@hacu9
Aug 27 2016 10:38
Can anyone help me with a bonfire doubt ? D:
CamperBot
@camperbot
Aug 27 2016 10:38
type bonfire name to get some info on that bonfire. And check HelpBonfires chatroom
Sergii
@sergii-zhuravel
Aug 27 2016 10:38
@JanssenDalt Just like what you do)
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:39
@sergey-zhuravel they probably sell some wp services? right? not wp itself?
Sergii
@sergii-zhuravel
Aug 27 2016 10:40
@diomed WP is included ;) And the same for Linux distribs, so there was nothing wrong in my words to sell something that you can get for free ;)
r2d2
@UsamaHameed
Aug 27 2016 10:40
@sergey-zhuravel how do they sell it?
mdvczkjns
@mdvczkjns
Aug 27 2016 10:40
I was here before but I'm here again... :(
How to comment an element
to be not visible
Sergii
@sergii-zhuravel
Aug 27 2016 10:41
@mdvczkjns You did it before)
mdvczkjns
@mdvczkjns
Aug 27 2016 10:41
I tried after lunch
but it wasn't work
maybe I'm stupid
:/
I tried what you show
Sergii
@sergii-zhuravel
Aug 27 2016 10:42
@mdvczkjns <!-- <div> this div is commented out </div> -->
mdvczkjns
@mdvczkjns
Aug 27 2016 10:42
maybe not properly
I try...
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:42
@sergey-zhuravel if you're selling services, then yes.
mdvczkjns
@mdvczkjns
Aug 27 2016 10:43
now it's good!!! thnx @sergey-zhuravel
CamperBot
@camperbot
Aug 27 2016 10:43
mdvczkjns sends brownie points to @sergey-zhuravel :sparkles: :thumbsup: :sparkles:
:cookie: 106 | @sergey-zhuravel |http://www.freecodecamp.com/sergey-zhuravel
Sergii
@sergii-zhuravel
Aug 27 2016 10:43
@diomed You can sell WP distrib. It's legal, you just should find a buyer)
mdvczkjns
@mdvczkjns
Aug 27 2016 10:43
how can I send you brownie points @sergey-zhuravel ?
Sergii
@sergii-zhuravel
Aug 27 2016 10:44
@mdvczkjns You have done this)
mdvczkjns
@mdvczkjns
Aug 27 2016 10:44
:)
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:44
@sergey-zhuravel what'll they think of next?
Sergii
@sergii-zhuravel
Aug 27 2016 10:45
@diomed Sorry, don't get the question)
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:45
i mean, i'm shocked with what people can get away with
Snebot26
@Snebot26
Aug 27 2016 10:45

It asks me to nest one div element with the class 'well' within each of your col-xs-6 div elements. How should Ido it?

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

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

</div>
</div>

Sergii
@sergii-zhuravel
Aug 27 2016 10:46
@diomed )) There was a time when people sold places on a web page)
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:46
@Snebot26 first close col-xs-6 then start new div
@sergey-zhuravel 1 000 000 pixels . and 1 dollar per pixel
:D
good old times
Sergii
@sergii-zhuravel
Aug 27 2016 10:47
@diomed Yep)
@Snebot26 Nest <div class="well"></div>
dhruvgaur123
@dhruvgaur123
Aug 27 2016 10:48
hi
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:48
I wish I read Snebot's words before I answered like an idiot :P
dhruvgaur123
@dhruvgaur123
Aug 27 2016 10:48
whats the need to use form control?
in the input?
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:49
to control the form. obviously :yum:
Sergii
@sergii-zhuravel
Aug 27 2016 10:49
@diomed ))
dhruvgaur123
@dhruvgaur123
Aug 27 2016 10:49
what if we don't use it?
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:49
then u die
Sergii
@sergii-zhuravel
Aug 27 2016 10:49
@dhruvgaur123 form control?)
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:49
also u can't go on with your task
coolvishal2050
@coolvishal2050
Aug 27 2016 10:50

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

.smalller-image{
width: 100px;

}
h2 {
font-family: Lobster, Monospace;
}

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

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

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

Your image should be 100 pixels wide. Browser zoom should be at 100%. ???? what it means
nybody's dere?
Sergii
@sergii-zhuravel
Aug 27 2016 10:50
@coolvishal2050
<img class="smaller-image"; zoom: 100%; src=
<img class="smaller-image" src=
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:51
@coolvishal2050 basically forget the whole zoom thing. means nothing to you
coolvishal2050
@coolvishal2050
Aug 27 2016 10:51
yup i done the same
Sergii
@sergii-zhuravel
Aug 27 2016 10:51
@coolvishal2050 zoom is for browser - to be sure you have 100% just press Ctrl + 0
Snebot26
@Snebot26
Aug 27 2016 10:51
@sergey-zhuravel So I write <div class="well"></div> before <div class=col-xs-6>?
Sergii
@sergii-zhuravel
Aug 27 2016 10:51
@Snebot26 Inside) Read the task)
coolvishal2050
@coolvishal2050
Aug 27 2016 10:51
yeah i done the same but it didn't runnnig
it stucked
Sergii
@sergii-zhuravel
Aug 27 2016 10:52
DIV is a container. <div> .... </div. Inside|nest - means to place something inside the containder
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:52
@sergey-zhuravel I have Vivaldi? did u try it? It clearly displays my zoom on current page in bottom right corner. great browser for such things
:D
Sergii
@sergii-zhuravel
Aug 27 2016 10:52
@coolvishal2050 You pasted the wrong code. Did you fix it?
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:52
and i can reset :yum
coolvishal2050
@coolvishal2050
Aug 27 2016 10:53
heres' the code
Sergii
@sergii-zhuravel
Aug 27 2016 10:53
@diomed I red about it one time, but don't use. Chrome is Ok)
coolvishal2050
@coolvishal2050
Aug 27 2016 10:53

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

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

.smalller-image{
width: 100px;

}
h2 {
font-family: Lobster, Monospace;
}

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

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

<img class="smaller-image" zoom:100%;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>

Sergii
@sergii-zhuravel
Aug 27 2016 10:53
@coolvishal2050 Again you paste the wrong code, I pasted what to fix earlier
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:53
@coolvishal2050 he told you to remove zoom. so why didn't u
zoom:100% < delete it
Sergii
@sergii-zhuravel
Aug 27 2016 10:54
@coolvishal2050 Img tag should be
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
@diomed Sometime it's easier to paste an answer)))
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:56
deflating. i know :pensive:
I must go now. :coffee:
Vlad
@s2kvlad
Aug 27 2016 10:58
HELLO I AM STUCK
May Kittens Devour Your Soul
@diomed
Aug 27 2016 10:58
so long, and thanks for all the :fish:
Vlad
@s2kvlad
Aug 27 2016 10:59
with element style
it says your h2 element should be blue
dhruvgaur123
@dhruvgaur123
Aug 27 2016 11:02
<div class="container-fluid">
<div class="row">
<h3 class="text-primary text-center">jQuery Playground
</h3>

</div>
</div>
Create a Bootstrap Row
error is Add a div element below your h3 element.
mdvczkjns
@mdvczkjns
Aug 27 2016 11:03
Hello.
I'm here: Use CSS Selectors to Style Elements
but the only thing I could do
my h2 element is blue
nothing else
...
How can I remove the style attribute from my h2 element?
Sergii
@sergii-zhuravel
Aug 27 2016 11:04
@mdvczkjns paste the code
mdvczkjns
@mdvczkjns
Aug 27 2016 11:05
wich one
I did
dhruvgaur123
@dhruvgaur123
Aug 27 2016 11:05
please tell my code error
mdvczkjns
@mdvczkjns
Aug 27 2016 11:05
<style>
h2 {color: red;}
</style>
Sergii
@sergii-zhuravel
Aug 27 2016 11:05

@dhruvgaur123

<div class="container-fluid">
<div class="row">
<h3 class="text-primary text-center">jQuery Playground
</h3>
<div> </div>
</div>
</div>

@mdvczkjns The line there you need to remove the style
h2 tag
mdvczkjns
@mdvczkjns
Aug 27 2016 11:06
both?
Sergii
@sergii-zhuravel
Aug 27 2016 11:06
@s2kvlad Hi. Paste your code
mdvczkjns
@mdvczkjns
Aug 27 2016 11:06

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

CatPhotoApp

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

dhruvgaur123
@dhruvgaur123
Aug 27 2016 11:06
@sergey-zhuravel its not working
Sergii
@sergii-zhuravel
Aug 27 2016 11:07
@dhruvgaur123 error is Add a div element below your h3 element.
maybe there are additional requrements? for example there should be a class

@mdvczkjns

<h2>CatPhotoApp</h2>

@mdvczkjns You had to remove only style attribute, not the tag)
mdvczkjns
@mdvczkjns
Aug 27 2016 11:08
but what is that exactly??
Sergii
@sergii-zhuravel
Aug 27 2016 11:09

<h2> - tag

<h2 style="">, style - attribute of the tag

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

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
@dhruvgaur123 What task?
@s2kvlad
<style>
  h2 {
    color: blue;
  }
</style>
<h2>CatPhotoApp</h2>

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