These are chat archives for FreeCodeCamp/HelpFrontEnd

17th
Oct 2016
kat-mag
@kat-mag
Oct 17 2016 00:05
ye, that too.
Adam Jacks
@AdamHJ123
Oct 17 2016 00:07
That's just a bit of trial and error haha, it'll get there :)
Sleepy time for me now though :3
Igor Amidzic
@igoramidzic
Oct 17 2016 00:36

Here is my beta version 1.3 homeless game:
http://utilitan.com/project1/homeless.html

Anyone have any ideas on how to improve it?

doesanyone know my the purple banner doesnt stay fixed on mobile?
Charles
@charlessmith259
Oct 17 2016 00:37
Guys I need help for building a small ReactJS app? can you message me?
varEnigmatic
@varEnigmatic
Oct 17 2016 01:51
can anyone help me with ftp *filezilla?
Kenya Smith
@SmithCastro
Oct 17 2016 02:17
NEED HELP: Trying to resize an embedded youtube video. I've tried changing the dimensions. I coded to be responsive to different devices, but in the web browser it too big. I wanna reduce the size.
JD Tadlock
@jdtdesigns
Oct 17 2016 02:19
@SmithCastro is it on a codepen?
Kenya Smith
@SmithCastro
Oct 17 2016 02:21
@jdtdesigns yes
JD Tadlock
@jdtdesigns
Oct 17 2016 02:22
@SmithCastro How big do you want it?
Kenya Smith
@SmithCastro
Oct 17 2016 02:28
Probably about half its size now. I want it smaller than the text above it and centered.
@jdtdesigns Probably about half its size now. I want it smaller than the text above it and centered.
JD Tadlock
@jdtdesigns
Oct 17 2016 02:34
Kenya Smith
@SmithCastro
Oct 17 2016 02:41
@jdtdesigns Awesome. Thank you.
CamperBot
@camperbot
Oct 17 2016 02:41
smithcastro sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 691 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
JD Tadlock
@jdtdesigns
Oct 17 2016 02:42
@SmithCastro Welcome :)
Artur Arsalanov
@kurumkan
Oct 17 2016 02:52
@charlessmith259 hey man what's the question
Dennis Cribbs
@DCribbs
Oct 17 2016 02:54
Restarting FCC after stopping a while back, just finished the standard tribute page, look ok? https://codepen.io/DMCribbs/full/WGgEgv/
Artur Arsalanov
@kurumkan
Oct 17 2016 02:56
@DCribbs looks great=)probably a bit more margin between img and other elements
Dennis Cribbs
@DCribbs
Oct 17 2016 02:58
Thanks, @kurumkan
CamperBot
@camperbot
Oct 17 2016 02:58
dcribbs sends brownie points to @kurumkan :sparkles: :thumbsup: :sparkles:
:cookie: 341 | @kurumkan |http://www.freecodecamp.com/kurumkan
Dennis Cribbs
@DCribbs
Oct 17 2016 02:58
You mean adding a bit more margin?
Dylan
@dhcodes
Oct 17 2016 02:58
@DCribbs looks good, is responsive.
good work
Dennis Cribbs
@DCribbs
Oct 17 2016 02:59
Thanks @dhcodes
CamperBot
@camperbot
Oct 17 2016 02:59
dcribbs sends brownie points to @dhcodes :sparkles: :thumbsup: :sparkles:
:star2: 1496 | @dhcodes |http://www.freecodecamp.com/dhcodes
Artur Arsalanov
@kurumkan
Oct 17 2016 03:00
@DCribbs yes exactly, my poor english=)
Kenya Smith
@SmithCastro
Oct 17 2016 03:01
@DCribbs looks great. I really like stats set and color. not into the background, but still good work.
Dennis Cribbs
@DCribbs
Oct 17 2016 03:02
Thanks @SmithCastro , yeah I hate trying to find a background color, couldn't find one I was too happy about it, so I went with Blue, as it seemed ok.
CamperBot
@camperbot
Oct 17 2016 03:02
:cookie: 120 | @smithcastro |http://www.freecodecamp.com/smithcastro
dcribbs sends brownie points to @smithcastro :sparkles: :thumbsup: :sparkles:
Walid Ashri
@walidashri
Oct 17 2016 03:07
Hi all any React Expert around?
Artur Arsalanov
@kurumkan
Oct 17 2016 03:27
@walidashri hi not an expert but will try to help=)
Monesul Haque
@mones-cse
Oct 17 2016 03:47
guys i need some help ithis is the project
http://codepen.io/m1s/pen/pbjMzK?editors=1100
what i want to do is the background image of muhammad ali will cover the the full screen
what should i do ?
i tried height:100vh
which makes the div same height as window size but the image dont dont cover the full screen
JD Tadlock
@jdtdesigns
Oct 17 2016 03:50
@mones-cse Do you want the picture to stay fixed while scrolling or just be full screen at the top?
Monesul Haque
@mones-cse
Oct 17 2016 03:50
@jdtdesigns sorry wrong link provided
http://codepen.io/m1s/pen/NRLwbY
i just want to be full screen at the top
i moved the header to the top of the html and changed it to a div
i edited the css as well
also, you don't add html, body tags to the html panel on codepen
that's done for you automatically
@mones-cse
Monesul Haque
@mones-cse
Oct 17 2016 03:56
@jdtdesigns i want the In numbers | Muhammad Ali
section bellow the image
just the image for first apperance
JD Tadlock
@jdtdesigns
Oct 17 2016 03:56
@mones-cse changed it ;)
just refresh page
Don
@nopal14
Oct 17 2016 03:56
hi guys I'm trying to do my tribute page and I'm having a problem adding the picture. I'm using the <img rsc="http://moneyinc.com/wp-content/uploads/2016/08/Babe-Ruth-750x500.jpg" and it won't load anything. all it shows is my alt description.
is there something i'm missing to upload the picture?
Monesul Haque
@mones-cse
Oct 17 2016 03:57
@jdtdesigns thanks :D
CamperBot
@camperbot
Oct 17 2016 03:57
mones-cse sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 692 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
JD Tadlock
@jdtdesigns
Oct 17 2016 03:58
@nopal14 post your codepen
Don
@nopal14
Oct 17 2016 03:58
found it, I had the src backwards
JD Tadlock
@jdtdesigns
Oct 17 2016 04:01
@mones-cse You also don't need the padding or width: 100% for the image div
Ken Haduch
@khaduch
Oct 17 2016 04:02
@nopal14 - misspelled "src"? src=
Monesul Haque
@mones-cse
Oct 17 2016 04:03
@jdtdesigns yah i just deleted those thing :smile:
Don
@nopal14
Oct 17 2016 04:05
@khaduch yeah I had it rsc= in my code
that is why it wasn't loading lol
Ken Haduch
@khaduch
Oct 17 2016 04:25
@nopal14 - so it's working now? That's great!
Monesul Haque
@mones-cse
Oct 17 2016 05:00
is there any one here who complete the full frontend course ?
Artur Arsalanov
@kurumkan
Oct 17 2016 05:12
@mones-cse me
Annu Nirmal
@annunirmal
Oct 17 2016 05:38
Bas Freewheeler
@freewheeler
Oct 17 2016 05:44
hi all
did anyone here finish the portfolio ?
my pen behaves weird
@annunirmal it looks ok, and seems to work
Artur Arsalanov
@kurumkan
Oct 17 2016 05:51
@freewheeler hi. whats wrong
link plz
Esterling Accime
@accimeesterlin
Oct 17 2016 06:18
@annunirmal it looks nice man
Good job man
Chris Cullen
@123xylem
Oct 17 2016 07:18

http://codepen.io/123xylem/pen/jrAKPN?editors=0011
Hi i need help debuggin my lastSeq() funcion.. it tries to play the last sequence of the cpu after user gets a wrong input.. THe console.log reads the correct sequence But i THINK the cpu forgets what the right seq is when it tries to play it....

function lastSeq() {                                                   
  for (var c = 0; c <= lastCpu.length; c++) {                                        //Looks at lastCpu moves array and iterates through playing each note...
     var last=  setTimeout(function(){
               if(c>=lastCpu.length){ clearInterval(last);
                                 return;} audioF[lastCpu[c]].toLowerCase().play(); }, 1000);
    console.log("tried to play", lastCpu[c]);  //Console.log shows the correct notes but they dont play?

  }
}

Why dont the correct or any notes play!!?

Monesul Haque
@mones-cse
Oct 17 2016 07:26
@kurumkan i just completed too :)
but now seems likes there is no tutorial for react and sass in fcc
so what should i follow any guideline will be greate
jampola
@jampola
Oct 17 2016 07:49

Hi guys and girls, I am nearly at the end of my twitch challenge. The last thing I am wanting to do it return the user who does not have an account. I have a bunch of valid accounts and one which doesn't exist.

I wish to do this by inspecting the json result for the user not found

{"error":"Not Found","message":"Channel 'someuserwhodoesntexist' does not exist","status":404}

However, $.getJSON only seems to return something if the user is valid. Am I missing something? If i try to get a response in firefox, I get the above, yet getJSON doesn't parse the result at all?

The other option I have is to push the valid users into it's on array then compare the 2, but this seems less elegant. (and also introduces a new set of problems since .getJSON is asynchronous) Am I missing something?

jampola
@jampola
Oct 17 2016 08:03
Ahhh, I just answered my own question whilst reading what I just typed. Love it when that happens! Okay, basically I figured that it's still receiving a valid http response since my browser was returning the json data, however it is not the case. I needed to tie in .fail and then append my non valid user in there. Example:
$.getJSON(url, function(data){
    //do something with success data
}).fail(function(f_data){
    //do something with fail data
    if(f_data.status == "404"){
        //this user is not valid
    };
});
anyway, sorry for the spam. as you were :)
Artur Arsalanov
@kurumkan
Oct 17 2016 08:19
@mones-cse for react I did - https://www.codecademy.com/learn/react-101 and then https://www.udemy.com/react-redux/. But still - my redux skills are poor(and as I know - redux is must have skill if you want to be hired as react dev). Sass is easy. Terribly easy. I did https://www.udemy.com/sasscourse/ and then http://sass-lang.com/guide as reference. D3 is very fun to work with! But the version 4 - has an extremely poor and stupid documentaion. My advice http://alignedleft.com/work/d3-book
@jampola your avatar makes me scared
jampola
@jampola
Oct 17 2016 08:36
@kurumkan hah, glad to hear! :)
Joy
@poemul7
Oct 17 2016 09:11

hey guys, I'm so lost on how to center the image and the text below, would really appreciate any hints or tutorial links on this, here's what I got so far: <style>
h2{
.silver-background{ background-color: silver;

figcaption{text-align:center;

}
<body style="background-color:grey;">
</style>

<div>
<h1 style="text-align:center">Patrice Emery Lumumba</h1>
<figure><img src="http://www.etatdexception.net/wp-content/uploads/2013/03/Patrice-Lumumba1.jpg" alt="Lumumba standing with his hand raised up."><figcaption>Patrice Lumumba holding a press conference</figcaption>
</figure>
<h3> Here's a timeline of the life of Patrice Lumumba's life</h3>
<ul>
<li>1925:Born in Katakokombe, Belgian Congo</li>
<li>1951: He married Pauline Opangu</li>
<li>1955: He became regional Head of the cercles of Stanleyville and joined Liberty Party of Belgium, where he worked on editing and distributing party literature. He was then arrested on charges of embezzlement on a three week trip to Belgium.</li>
<li>1956: He was released when the Belgian lawyer Jules Chrome confirmed that he returned the funds.</li>
<li>1958: He found the broad based Mouvement National Congolais party
<li>1959:Lumumba, was arrested for inciting an anti-colonial riot in Stanleyville where thirty people were killed.</li>
<li>1960:Lumumba and the MNC won the right to form a government with the announcement on 23 June 1960 of 34 year old Patrice Lumumba as Congo's first prime minister and Joseph Kasavubu as its president.</li>
<li>1960: On July 11, the state of Katanga declared independence under Moise Tshombe with support from the Belgian government mining companies such as Union Miniere.</li>
<li>1960:On July 20, Lumumba traveled to New York to meet with the UN Secretary-General Dag Hammarskjold.</li>
<li>1960:On August 9, he met with the Belgian embassador Jean van de Bosch who left shortly after under UN escort and the Belgian flag was removed from the embassy in Leopoldville.</li>
<li>1960: On September 14, Colonel Joseph Mobutu, the Congolese Army chief of staff, organized a coup d'etat, politically incapacitating both Lumumba and Kasa-Vubu.</li>
<li>1960: On December 1, Troops loyal to Mobutu capture Lumumba in Port Francqui, and then flew him to Leopoldville in ropes. He had escaped from his house arrest to Stanleyville in order to set up government and army there. </li>

  <li>1960: On December 3, Lumumba was sent to Thysvile military camp Hardy, 100 miles from Leopoldville.</li>
  <li>1960: On December 9, During a United Nations Security Council session, the Soviet demanded that the UN seek Lumumba's immediate release, the immediate restoration of Lumumba as head of the Congo government, the disarming of the forces of Mobutu,
    and the immediate evacuation of Belgians from the Congo,the immediate resignation of Hammarskjöld, the arrests of Mobutu and Tshombe, and the withdrawal of UN peacekeeping forces</li>
  <li>1961:On January 17, Lumumba was flown to Stanleyville where he was beaten and tortured by Belgian and Katangan officers while Moise Tshombe and his cabinet were deciding what to do with him.</li>
  <li>1961: On January 17, between 21:30 and 21:45 according to a Belgian commission report, in the presence of Moise Tshombe and two members of his cabinet, Belgian officers, Katangan officers, CIA officers lined up Lumumba, General Maurice Polo and
    Joseph Okito against a tree and shot them one at a time. Then they dismemembered the corpses, dissolved them in sulfuric acid, ground and scattered the bones.</li>

</ul>
<h4>"We must move forward, striking out tirelessly against imperialism. From all over the world we have to learn lessons which events afford. Lumumba's murder should be a lesson for all of us."</h4>
<i>Che Gevara, 1964</i>

<p>
If you have time, you should read more about this incredible human being by visiting his<a href="https://en.wikipedia.org/wiki/Patrice_Lumumba">Wikipedia entry</a></p>

<p>

</p>
</div>
</body>

I'm doing the tribute challenge btw
kat-mag
@kat-mag
Oct 17 2016 09:14
@poemul7 if you're doing it on codepen or sth... post the link. Because THIS is not readable
kat-mag
@kat-mag
Oct 17 2016 09:38
@poemul7 you can center your image setting it to display:block; margin: 0 auto; & text by enclosing it in a div, adding some margins and setting the width not to be 100% so it'll look more centered... don't know what's your target specifically.
@poemul7 and clean up your code
your tags on top are nested inproperly
body tag is inside style (which shouldn't be there anyways)...
And inline styles are bad and aren't used where there's no need. There's no need for inline styles in your code.
Joy
@poemul7
Oct 17 2016 09:44
sorry but @kat-mag what do you mean by 'target'?
kat-mag
@kat-mag
Oct 17 2016 09:46
'whatever you want it to do'
Joy
@poemul7
Oct 17 2016 09:49
hmmmm what are the alternatives to inline styles? @kat-mag
kat-mag
@kat-mag
Oct 17 2016 09:50
html tags, classes and ids. In your CSS.
You could do some of w3 tutorials. It would probably help in understanding some stuff :) they're pretty straightforward & got demos, @poemul7
Joy
@poemul7
Oct 17 2016 09:55
I think I do thanks!
Joy
@poemul7
Oct 17 2016 10:08
just realized that I stopped using classes because when I clicked on "analyze html" it kept saying that classes are in HTML but not used in stylesheet even though I was using it past the </style>
kat-mag
@kat-mag
Oct 17 2016 10:13
@poemul7 you mean codepen's analyze? Because they should be in CSS tab... Not in <style> tags in html.
You wouldn't code a real website with everything in <style> tag in HTML. You would link an external css file. That's supposed to simulate this behaviour.
Joy
@poemul7
Oct 17 2016 10:15
oh ok thanks!
catalin560
@catalin560
Oct 17 2016 10:15
Hello! I have this JS script for a Random Quote Machine
$('#getQuote').click(function() {
  var apiKey = 'sDJDmo3NQKmshbZHg5WgDdpjcdZzp1K5og1jsnIAusFsBHoA9T';
  if (apiKey) {
    $.ajax({
        type: "POST",
        beforeSend: function(request) {
          request.setRequestHeader("X-Mashape-Key", apiKey);
        },
        url: "https://andruxnet-random-famous-quotes.p.mashape.com/",
        dataType: 'json'
      })
      .done(function(data) {
        $('.quote-text').text(data.quote);
        $('.author-text').text(data.author);
      })
  }
});
and I want to add this on.click function for a twitter button
  $('#twitter-share-button').on('click', function() {
    if(!inIframe()) {
      openURL('https://twitter.com/intent/tweet?hashtags=quotes&related=freecodecamp&text=' + encodeURIComponent('"' + currentQuote + '" ' + currentAuthor));
    }
but every time I get this error ...
"Unexpected end of input" what the hell?
Tom Sharkey
@tbsharkey
Oct 17 2016 10:23
what class should I use to center my header to the middle of the page?
catalin560
@catalin560
Oct 17 2016 10:23
@tbsharkey omg lol :))))))
Tom Sharkey
@tbsharkey
Oct 17 2016 10:23
n00b
catalin560
@catalin560
Oct 17 2016 10:23
@tbsharkey add the class that you gave it lulz
<header class=
something
Tom Sharkey
@tbsharkey
Oct 17 2016 10:25
I had row header already applied, center didnt seem to work
catalin560
@catalin560
Oct 17 2016 10:27
make another div or something I don't understand your problem without know what code you have...
kat-mag
@kat-mag
Oct 17 2016 10:27
@catalin560 you're storing the currentQuote and currentAuthor somewhere? if not... you know ;d nothing there ;d
catalin560
@catalin560
Oct 17 2016 10:28
@kat-mag they are inserted directly into paragraphs
Tom Sharkey
@tbsharkey
Oct 17 2016 10:28
<div class='container' id='main'>
<div class="row header">
<h1 class="text-center"> Marvin Minsky (1927-2016)</h1>
</div>
it is not centered with this code
kat-mag
@kat-mag
Oct 17 2016 10:29
@tbsharkey center-block?
Tom Sharkey
@tbsharkey
Oct 17 2016 10:29
.header {
border-radius: 10px;
background: #607D8B;
width: 790px;
}
kat-mag
@kat-mag
Oct 17 2016 10:29
@tbsharkey it's bootstrap, right?
Tom Sharkey
@tbsharkey
Oct 17 2016 10:29
I'm trying to do it
catalin560
@catalin560
Oct 17 2016 10:30
I still don't get where is your header? lol :)
Tom Sharkey
@tbsharkey
Oct 17 2016 10:30
row header
its how I got .header to apply
catalin560
@catalin560
Oct 17 2016 10:32
maybe 'cuz of that white space? try renaming row header to rh and then try
.rh {   
            border-radius: 10px; 
            background: #607D8B;
            width: 790px;
        }
Tom Sharkey
@tbsharkey
Oct 17 2016 10:34
nope
catalin560
@catalin560
Oct 17 2016 10:35
@kat-mag lol my bad I've realised it now :)
kat-mag
@kat-mag
Oct 17 2016 10:35
@catalin560 that you're trying to use something that doesn't exist yet? :D or what
@tbsharkey bootstrap? add class center-block to this div that you call your header. Throw out the 'header' class, or rename it and add alongside 'center-block'. You can also post your codepen link, so I'm not shooting in the dark here
Guessing games are not fun ;3
catalin560
@catalin560
Oct 17 2016 10:37
@kat-mag yeah I've copy-pasta that twitter code from the FCC example and forgot to edit the vars
kat-mag
@kat-mag
Oct 17 2016 10:38
@catalin560 as you say... lol ;d
Tom Sharkey
@tbsharkey
Oct 17 2016 10:39
how do I share the codepen?
kat-mag
@kat-mag
Oct 17 2016 10:39
copy-pasta skills need improvement ;D
does that work? Not sure if it has to have me logged in or what to share
kat-mag
@kat-mag
Oct 17 2016 10:41
@tbsharkey works works,
but
you got your tags messed up, so your code may not do what you want
re-check your closing and opening tags
and remove that <body> tag
Adhetya Narayan
@Adhetya
Oct 17 2016 11:19
How can I navigate to different sections of the webpage by clicking buttons in the navigation?
kat-mag
@kat-mag
Oct 17 2016 11:23
in nav sth like: <a href="#about"> .... and then <p id="about">
@Adhetya
Marko Rajkovic
@marko88ks
Oct 17 2016 12:45
Hello to all , does anyone know a good tutorial for responsive sites ? I want to learn that , anything will help , some video , book ...?
Kelvin Batista Biffi
@kelvinbiffi
Oct 17 2016 12:46
Marko Rajkovic
@marko88ks
Oct 17 2016 12:46
@kelvinbiffi tnx man
Kelvin Batista Biffi
@kelvinbiffi
Oct 17 2016 12:47
Any time :D
Spyrantis Theodoros
@thodorisanta
Oct 17 2016 13:08

http://codepen.io/oshikurou/pen/amjvBd?editors=1011

so on html on line:4 i cant show the text from the <spam> element cause the code from jquery overwrites it. How can i solve this?

http://codepen.io/oshikurou/pen/amjvBd?editors=1011

so on line 4 in my HTLM i want the <p> element and the <button> to appear in the same line. how can i do that?

kirbyedy
@kirbyedy
Oct 17 2016 13:13
are you familiar with flexbox ?
Rodger
@Rodger1194
Oct 17 2016 13:14
@kirbyedy no
kirbyedy
@kirbyedy
Oct 17 2016 13:14
ughm
Screen Shot 2016-10-17 at 16.14.37.png
Rodger
@Rodger1194
Oct 17 2016 13:15
can someone help me making a CodePen.io
kirbyedy
@kirbyedy
Oct 17 2016 13:15
you should do a research on flexbox, you will need it @thodorisanta
@Rodger1194 sorry, my question was for the other guy
what is your problem ?
why :(
?
Rodger
@Rodger1194
Oct 17 2016 13:18
im done making my tribute page but i need help creating the CodePen.io so i can give it to Free Code Camp @kirbyedy
kirbyedy
@kirbyedy
Oct 17 2016 13:19
@catalin560 your console: Failed to load resource: the server responded with a status of 401 (Unauthorized)
@Rodger1194 wait, you made it on your local machine ?
Rodger
@Rodger1194
Oct 17 2016 13:20
what do you mean? i made an account and i clicked on new pen
kirbyedy
@kirbyedy
Oct 17 2016 13:21
ok and then ?
the link to your pen is that one in the address bar
Rodger
@Rodger1194
Oct 17 2016 13:21
blob
kirbyedy
@kirbyedy
Oct 17 2016 13:21
copy/paste it to the freecodecamp
Rodger
@Rodger1194
Oct 17 2016 13:21
number 1
vínαч puppαl
@vinaypuppal
Oct 17 2016 13:22
@Rodger1194 If your new to codepen Read this article which explains how to use codepen https://medium.freecodecamp.com/codepen-tips-and-best-practice-cf926ebd0b11
Rodger
@Rodger1194
Oct 17 2016 13:22
thats it it gets created for me
kirbyedy
@kirbyedy
Oct 17 2016 13:22
yes click on that I completed the challenge
and paste the link to your codepen in
thats it
Rodger
@Rodger1194
Oct 17 2016 13:22
thank you @kirbyedy @vinaypuppal
CamperBot
@camperbot
Oct 17 2016 13:22
:cookie: 614 | @vinaypuppal |http://www.freecodecamp.com/vinaypuppal
:star2: 1461 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
rodger1194 sends brownie points to @kirbyedy and @vinaypuppal :sparkles: :thumbsup: :sparkles:
kirbyedy
@kirbyedy
Oct 17 2016 13:22
@catalin560 btw. your weather app is not going to work if you do not register on the openweather site and get the api key
Spyrantis Theodoros
@thodorisanta
Oct 17 2016 13:34

http://codepen.io/FreeCodeCamp/full/bELRjV/

(this^^^ is the freecodecamps project not mine)
so im doing the "SHOW THE LOCAL WEATHER" project . as you see in the code pen above when you click the letter near the temp it changes the temperature from celcius to fahrenheit but it also changes the LETTERS from C to F. and that happens everytime you click the letters. how can i make the same .click function?

Adhetya Narayan
@Adhetya
Oct 17 2016 13:39
http://codepen.io/AdiBoy/pen/RRyWyk . I would like to get your opinion
kirbyedy
@kirbyedy
Oct 17 2016 13:40
@thodorisanta try with toggleClass()
Spyrantis Theodoros
@thodorisanta
Oct 17 2016 13:44
@kirbyedy yeah but i want something so when the user clicks the button the text wil change from C to F and if he texts again it will change from F to C and it goes on.
HakFin
@HakFin
Oct 17 2016 13:45
@Adhetya You could use more Bootstrap and less CSS
For example this http://www.w3schools.com/bootstrap/bootstrap_jumbotron_header.asp would save you a lot of time.
Adhetya Narayan
@Adhetya
Oct 17 2016 13:47
@HakFin But is it recommended for a beginner to use more of bootstrap than CSS? Just asking.
TasmaniaKrama
@TasmaniaKrama
Oct 17 2016 13:50
Could someone help me understand constructors? https://www.freecodecamp.com/challenges/make-object-properties-private I did solve this but I am not really comfortable with this knowledge I have. I am getting confused with making a blank function() plus with .this method. And MDN isn't really explaining it any better.
HakFin
@HakFin
Oct 17 2016 13:51
@Adhetya I wouldn't know much about that, I'm doing what right now you've already done . I guess by learning Bootstrap you invest little bit more time at the beginning and then save yourself a lot of time in the future.
I'm doing right now what you've already done .*
hmieses
@hmieses
Oct 17 2016 13:51
im not there yet, sorry :(
HakFin
@HakFin
Oct 17 2016 13:55
I'm interested if Codpen's preview window is inherently responsive? It seems to me like it is... Anyone?
Adhetya Narayan
@Adhetya
Oct 17 2016 13:56
Can buttons contain links?
HakFin
@HakFin
Oct 17 2016 13:58
Ivo Tsolov
@ivoTsolov
Oct 17 2016 14:31
looking to hire front end developer
2000 euro monthly payment
requirments exelect css skills
exelent*
when i say exelent i mean it
2 years at css programing and atleast 1 year with js and j query
knowing russian is prio but not requirment
kat-mag
@kat-mag
Oct 17 2016 14:33
@ivoTsolov Ahahahahaha.
Ivo Tsolov
@ivoTsolov
Oct 17 2016 14:34
???
what is so funny i dont get it ?
for most countries in eastern europe 2000 euro monthly is big time sellary
kat-mag
@kat-mag
Oct 17 2016 14:36
"excellent css", 2 years exp, russian... And trainee's salary ;D
I'm like 'rofl'
Ivo Tsolov
@ivoTsolov
Oct 17 2016 14:36
well in russia middle sellary is 300 euro
in bulagria 320 in serbia 280 and so on :)
so yeah its a big time sellary for those :)
salary *
kat-mag
@kat-mag
Oct 17 2016 14:39
Might be! Had a laugh, thank you ;D
Ivo Tsolov
@ivoTsolov
Oct 17 2016 14:39
u can always google it :)
JD Tadlock
@jdtdesigns
Oct 17 2016 14:42
@ivoTsolov pretty much all junior devs start at $50k to $60k which would be $4k to $5k a month before taxes lol
Amarillia
@Amarillia
Oct 17 2016 14:42
Well in the UK 2000 euro is totally fair salary for a junior front-end developer position outside London. I would be okay to work for that salary just haven't found the opportunity yet.
Thomas
@Motass
Oct 17 2016 14:43
yeah, it looks like a really good salary for eastern Europe
JD Tadlock
@jdtdesigns
Oct 17 2016 14:43
in 2016, junior devs are required to know 80% more than they did 5 years ago
Amarillia
@Amarillia
Oct 17 2016 14:44
@jdtdesigns Yes, I agree with that. The requirements are higher.
Joy
@poemul7
Oct 17 2016 15:03
hey guys, anyone know how to center an unordered list, here's what I got so far:http://codepen.io/poemul7/pen/JRabNw
Adhetya Narayan
@Adhetya
Oct 17 2016 15:15
@poemul7 You can center align(text-align:center) the text. And then give a display of inline-block
Ivo Tsolov
@ivoTsolov
Oct 17 2016 15:19
well in my country as juniour u start with 600 euro max, in russia as far as i know around 580
in usa or western europe is different ofc
count that the taxes in my country are 10 % ofc :)
you might live in rich country but alot of people dont and in those countries the salary is waaaay much lower ;)
Artur Arsalanov
@kurumkan
Oct 17 2016 15:22
@ivoTsolov russia is huge but only around 3 cities that actually have it industry. But even like that the salaries vary a lot=)
Ivo Tsolov
@ivoTsolov
Oct 17 2016 15:23
well in several cities in russia you can get around 1000 euro or so only the best companies offers more
in serbia bulgaria or ukraine is even worse if you make 700 - 800 euro a month you are considered rich
ofc one bottle of whiskey is 8 euro :)
when i started as designer i was like 250 euro.. as juniour
for example in germany the salary for a developer is 18 times better than in every balkan country :)
Joy
@poemul7
Oct 17 2016 15:26
hmmm not familiar with either display or inline-block @Adhetya do you have like a sample because here's what I just did:http://codepen.io/poemul7/pen/JRabNw
Artur Arsalanov
@kurumkan
Oct 17 2016 15:29
@ivoTsolov yes this looks common for all the former soviet sattelites. And in the most cases - "the best companies" do outsource for 1st world countries
Ivo Tsolov
@ivoTsolov
Oct 17 2016 15:29
yeah
so in general my prices are more than fine for someone who lives in such country
including the low taxes ofc
so in general if you live in bulgaria and you take 2000 euro thats 4000 leva per month wich is like making 90 000 dollars per year in USA like the same standard to live
like you can afford the same things u know
car house ect..
Roy Chan
@roychan99
Oct 17 2016 15:36
Hi guys, sorry to break up your conversation. Just started learning how to code with freecodecamp a week ago, and stuck at the front-end development stage..can I check how do I remove the space between the bullets and the paragraph? Here is the pen I created. https://codepen.io/royChan99/full/amLKvV/
Artur Arsalanov
@kurumkan
Oct 17 2016 15:38
@ivoTsolov Yes as juniors we need just patience, discipline.And who knows If we work hard - we can become world class level devs=)
Adhetya Narayan
@Adhetya
Oct 17 2016 15:39
@poemul7 http://codepen.io/AdiBoy/pen/RRyWyk?editors=1100. I don't know if you can understand my code, but its a good opportunity for you to learn. Try referring more of the internet
@roychan99 In your CSS,add the ul,then,give a text-align of justify and a display of inline-block(display:inline-block)
Joy
@poemul7
Oct 17 2016 15:50
that's great so helpful @Adhetya
Srinivasan
@kksrini89
Oct 17 2016 15:55
Hi guys anyone help me in this design for "Flex box technique"
Roy Chan
@roychan99
Oct 17 2016 15:55
@Adhetya Thanks! it worked!
CamperBot
@camperbot
Oct 17 2016 15:55
roychan99 sends brownie points to @adhetya :sparkles: :thumbsup: :sparkles:
:cookie: 121 | @adhetya |http://www.freecodecamp.com/adhetya
I want 2nd box title content should be wrapped.
any help guys?
Sebastián Ventura
@sevgit
Oct 17 2016 16:05
What do you mean by wrapped @kksrini89 ?
Srinivasan
@kksrini89
Oct 17 2016 16:05
I have 5 boxes
each box having title, icon, value field
I want that title field should be text wrapped
@sevgit I hope you got it now?
@sevgit I tried the way by setting width and height, but nothing worked out
Jason Luboff
@JLuboff
Oct 17 2016 16:06
@kksrini89 Do you mean wrapped as in text goes to the next line instead of all on one line?
Srinivasan
@kksrini89
Oct 17 2016 16:07
@JLuboff yes...
Jason Luboff
@JLuboff
Oct 17 2016 16:09
@kksrini89 You currently have your height set to 50px, and no width specified. I would need to specify width so that it doesn't go beyond a certain width and then set the height to be tall enough to house all the text
Srinivasan
@kksrini89
Oct 17 2016 16:13
@JLuboff actually title, value, icon should be ordered horizontally, btw trying your way leads moving the icon, value fields to the next line.
Srinivasan
@kksrini89
Oct 17 2016 16:23
@JLuboff @sevgit thank you guys. I have done it.
CamperBot
@camperbot
Oct 17 2016 16:23
kksrini89 sends brownie points to @jluboff and @sevgit :sparkles: :thumbsup: :sparkles:
:cookie: 402 | @jluboff |http://www.freecodecamp.com/jluboff
:cookie: 135 | @sevgit |http://www.freecodecamp.com/sevgit
Lusako Njwaba
@lunjwaba1
Oct 17 2016 16:25
hello people
Anyone got any good at APIs, networking etc....?
try this link
mejlaurila
@mejlaurila
Oct 17 2016 16:31
Hi guys
This message was deleted
why does the search function only work when holding enter?
vínαч puppαl
@vinaypuppal
Oct 17 2016 16:47

@mejlaurila a better way t o handle form/input submit on Enter key press is using below code

<form id='form'>
    <input type="text" id="search">
</form>
$("#form").on("submit", function(event) {
    event.preventDefault();
    var searchphrase = $("#search").val();
    $("#results").html(searchphrase);
});

here this line event.preventDefault(); prevents default form submission which your experiencing previously(i.e refresh page on enter key press)

mejlaurila
@mejlaurila
Oct 17 2016 16:48
Thanks a lot @vinaypuppal !
CamperBot
@camperbot
Oct 17 2016 16:48
mejlaurila sends brownie points to @vinaypuppal :sparkles: :thumbsup: :sparkles:
:cookie: 615 | @vinaypuppal |http://www.freecodecamp.com/vinaypuppal
Sebastián Ventura
@sevgit
Oct 17 2016 17:03

Can anyone check if this pen fulfills the Weather zip project for me? It stopped gathering the API data on my end (I believe due to the auto updater making numerous requests).

https://codepen.io/sevg/pen/wzXOwj

vínαч puppαl
@vinaypuppal
Oct 17 2016 17:05
@sevgit load your pen over http it will work http://codepen.io/sevg/pen/wzXOwj since openweatherapi wont support https
Sebastián Ventura
@sevgit
Oct 17 2016 17:10

Yeah I don't know why I pasted it here as https but I'm running it on http on my end and have the same issue. I'm guessing the location API has a limit and doesn't want to respond after a gazillion requests made while auto updating.

Anyhow it looks like the preview works fine, so thanks @vinaypuppal

CamperBot
@camperbot
Oct 17 2016 17:10
sevgit sends brownie points to @vinaypuppal :sparkles: :thumbsup: :sparkles:
:cookie: 616 | @vinaypuppal |http://www.freecodecamp.com/vinaypuppal
vínαч puppαl
@vinaypuppal
Oct 17 2016 17:13
@sevgit oh okay its working for me and do you see any errors in chrome/browser console may be those will help to identify actual problem why its not working for you.
Sebastián Ventura
@sevgit
Oct 17 2016 17:20
The console is empty! Anyways, I'm ok with it as long as it works. I'll make sure to double check later on a different IP
Lusako Njwaba
@lunjwaba1
Oct 17 2016 17:35
@kksrini89 thanks
CamperBot
@camperbot
Oct 17 2016 17:35
lunjwaba1 sends brownie points to @kksrini89 :sparkles: :thumbsup: :sparkles:
:cookie: 334 | @kksrini89 |http://www.freecodecamp.com/kksrini89
Sebastián Ventura
@sevgit
Oct 17 2016 17:57

I'm creating a for loop in which I append a variable up to 6 times.

The var I append = $('<div class="block animated fadeInUp">...</div>');

How come I end up with only one appended div?

Ion Varsescu
@Nei-V
Oct 17 2016 18:04
hello, I would need some help (the quote machine challenge). I can't get the API to work, can you tell me what's wrong with the code? ```js

var quote="";
var author="";
var i=0;
var tweetquote="";

function randomQuote () {
$.ajax({
url:"http://api.forismatic.com/api/1.0/?method=getQuote&format=jsonp&jsonp=parseQuote?&lang=en",
success: function (val) {
var r = JSON.parse(val);
quote = r.quoteText;
author = r.quoteAuthor;
},
});
tweetcode=quote+author;

alert(tweetcode);
};
randomQuote();

document.getElementById("quotearea").innerHTML=quote;
document.getElementById("authorarea").innerHTML=author;

the tweetcode is empty :(
Joy
@poemul7
Oct 17 2016 18:07
hey guys, still can't figure out how to make the text fit the image, can't figure what's wrong with my code:http://codepen.io/poemul7/pen/zKJXQE/
JD Tadlock
@jdtdesigns
Oct 17 2016 18:12
@poemul7 Not really sure what you're trying to achieve
@Nei-V post your codepen
Joy
@poemul7
Oct 17 2016 18:14
i would like to fit the text"Patrice Lumumba holding a press conference" under the picture. this is for the tribute challenge @jdtdesigns
Robert Ridley
@robertridley1988
Oct 17 2016 18:18

I can't figure out why my table columns aren't in line with each other (in the 'Menu' tab, open up the expand buttons from 'Appetisers' and 'Soup' – the prices in the different tables aren't in line. Is there a way that I can line them up?

http://codepen.io/robertridley1988/full/qarxQG/

Ion Varsescu
@Nei-V
Oct 17 2016 18:21
http://codepen.io/Nei_V/pen/kkRoYW - can't get the quotes from the api - the alert should show a quote, but is empty
Artur Arsalanov
@kurumkan
Oct 17 2016 18:23
@poemul7 you should use row and container classes - without using those classes - all your code is invalid in terms of bootstrap=)
@poemul7 http://www.w3schools.com/bootstrap/bootstrap_grid_system.asp have a look at "Basic Structure of a Bootstrap Grid"
Sebastián Ventura
@sevgit
Oct 17 2016 18:27

Guys I have a loop that runs up to 6 times. This loop appends an element on each iteration, but the problem is I end up with only one new element instead of many.

var articleBlock = $('<div class="block animated fadeInUp">...</div>');

.....

for (i=0; i < response.length; i++) {      
        $('.block-group').append(articleBlock);

      }

I end up with only 1 appended "articleBlock".

Things already checked:
response.length in this test is 4.
if I change the appended var for any string, I get 4 times that string. So it should work with the var, right?

cypherman
@cypherman
Oct 17 2016 18:28
hello, people!
Tyler Warnock
@tyrw
Oct 17 2016 18:29
@sevgit Try defining the var inside your loop
cypherman
@cypherman
Oct 17 2016 18:29
I was wondering how do you paste a picture from your own computer into an html code in codepen?
@cypherman i use http://cloudinary.com/
Tyler Warnock
@tyrw
Oct 17 2016 18:30
+100 for cloudinary
Sebastián Ventura
@sevgit
Oct 17 2016 18:30
That actually worked. Thanks @twler ! But why is that?
CamperBot
@camperbot
Oct 17 2016 18:30
sevgit sends brownie points to @twler :sparkles: :thumbsup: :sparkles:
:cookie: 21 | @twler |http://www.freecodecamp.com/twler
cypherman
@cypherman
Oct 17 2016 18:30
@kurumkan thanks!
CamperBot
@camperbot
Oct 17 2016 18:30
cypherman sends brownie points to @kurumkan :sparkles: :thumbsup: :sparkles:
:cookie: 343 | @kurumkan |http://www.freecodecamp.com/kurumkan
Tyler Warnock
@tyrw
Oct 17 2016 18:31
@sevgit Because you are creating ONE jquery element with your prior code
JD Tadlock
@jdtdesigns
Oct 17 2016 18:31
@Nei-V You're trying to run an ajax request using the standard ajax method with the params in the url
Tyler Warnock
@tyrw
Oct 17 2016 18:31
So when you append it elsewhere, it is removed from the first place
Sebastián Ventura
@sevgit
Oct 17 2016 18:31
I guess that makes sense, thx again
Tyler Warnock
@tyrw
Oct 17 2016 18:31
NP
JD Tadlock
@jdtdesigns
Oct 17 2016 18:31
you need to use dataType and callback options for the standard ajax method @Nei-V
an easier approach would be to use the $.getJSON() method
$.getJSON('http://api.forismatic.com/api/1.0/?method=getQuote&format=jsonp&jsonp=?', function(data) {
    console.log(data);
});
Robert Ridley
@robertridley1988
Oct 17 2016 18:32
@kurumkan perfect!
Artur Arsalanov
@kurumkan
Oct 17 2016 18:32
@cypherman as another alternative - github - but your links must be treated by http://rawgit.com/
Robert Ridley
@robertridley1988
Oct 17 2016 18:33
@kurumkan thanks
CamperBot
@camperbot
Oct 17 2016 18:33
robertridley1988 sends brownie points to @kurumkan :sparkles: :thumbsup: :sparkles:
:cookie: 344 | @kurumkan |http://www.freecodecamp.com/kurumkan
Ion Varsescu
@Nei-V
Oct 17 2016 18:34
@jdtdesigns - do you know some good resoure to study this? (unfortunatelly, in freecodecamp challlenge is asume one knows this already :)
Joy
@poemul7
Oct 17 2016 18:34
@kurumkan I don't understand how I can use "container" and "row" classes without using them. I have read that link, but it seems to talk about grids and tables but what I have is a picture, does it still apply?
Ion Varsescu
@Nei-V
Oct 17 2016 18:34
@jdtdesigns thank you btw
CamperBot
@camperbot
Oct 17 2016 18:34
:cookie: 693 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
nei-v sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
JD Tadlock
@jdtdesigns
Oct 17 2016 18:35
@Nei-V there are a ton of videos and tutorials on jquery ajax out there
just google or go to youtube ;)
cypherman
@cypherman
Oct 17 2016 18:36
thanks (спасибо) @kurumkan
CamperBot
@camperbot
Oct 17 2016 18:36
cypherman sends brownie points to @kurumkan :sparkles: :thumbsup: :sparkles:
:warning: cypherman already gave kurumkan points
Saminda
@Saminda1
Oct 17 2016 18:43
<i class="fa fa-twitter" aria-hidden="true"></i> Not showing up on codepen.
Sebastián Ventura
@sevgit
Oct 17 2016 18:45
Did you include fontawsome on your css file @Saminda1 ?
Also, try using the span tag, not the i tag
Artur Arsalanov
@kurumkan
Oct 17 2016 18:59
@cypherman welcome
Artur Arsalanov
@kurumkan
Oct 17 2016 19:04
@poemul7 it's step n1 to understand the grid system and the role of the containers and rows. Try to play around with them, experiment. It's important. In your case - you need a div with class container that wraps all your code inside the body. And also divs with class row to make bootstrap work. Without them bootstrap litterally will never work as you expected and will behave strangely and buggy. So please learn it without that will be hard to go further.
TasmaniaKrama
@TasmaniaKrama
Oct 17 2016 19:14
Guys I think https://www.freecodecamp.com/challenges/factorialize-a-number is bugged. My code gives correct solutions but some fields are still red.

var cnt = 1;
function factorialize(num) {
if (num !== 0) {
for (var i = 1; i<=num; i++) {
cnt *= i;
}
return cnt;
}
else return 1;
}

factorialize(5);

JD Tadlock
@jdtdesigns
Oct 17 2016 19:14
@TasmaniaKrama works fine for me
you just need to refactor ;)
TasmaniaKrama
@TasmaniaKrama
Oct 17 2016 19:15
@jdtdesigns What do you mean?
@jdtdesigns My code works, it returns exact what it is supposed to !n
n! sorry*
JD Tadlock
@jdtdesigns
Oct 17 2016 19:16
@TasmaniaKrama your cnt var needs to be inside the function
don't place code outside the functions they make for you
TasmaniaKrama
@TasmaniaKrama
Oct 17 2016 19:17
Ahaa
Indeed
JD Tadlock
@jdtdesigns
Oct 17 2016 19:17
there's usually a comment that says code below and/or above this line
TasmaniaKrama
@TasmaniaKrama
Oct 17 2016 19:17
It works but the task is to create only a function
Yes, I get it now. Thanks @jdtdesigns
CamperBot
@camperbot
Oct 17 2016 19:18
tasmaniakrama sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 694 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
Taras Yaremkiv
@Y-Taras
Oct 17 2016 19:22
Hi everyone. I'm doing Tic-Tac-Toe game . So any ideas about How to make result of the game fade in and then fade out after every game?
https://codepen.io/Y-Taras/pen/rrkKWz
I've used this sample http://stackoverflow.com/questions/30125705/css-how-to-make-an-element-fade-in-and-then-fade-out
and in my case it appears only first time.
Ion Varsescu
@Nei-V
Oct 17 2016 19:23
@jdtdesigns so I got the quote, but still, I don't undertand why I can's use the data outside the $getJSON function. It works only as long as the code is inside the $getJSON . Why? http://codepen.io/Nei_V/pen/kkRoYW
JD Tadlock
@jdtdesigns
Oct 17 2016 19:36
@Nei-V That's because the data is asynchronous. It doesn't come instantly. The ajax request will ask for the data, and the api server will process the request, gather the data and then send it back based on server load, speed, call stack, ect. Because of this, you can't place ajax data into the DOM until it's received. That's why ajax requests provide a 'callback', to output the data once it's been delivered.
You can chain multiple functions using jQuery's callback options
Michael Davis
@mhdavis
Oct 17 2016 19:38
Can someone help me with Random Quote Generator, I don't know why codepen won't let me access the quote API within my pen
the button link works fine to share, but it won't generate a quote when clicking the "get quote" button
JD Tadlock
@jdtdesigns
Oct 17 2016 19:40
$.getJSON('http://api.forismatic.com/api/1.0/?method=getQuote&lang=en&format=jsonp&jsonp=?', function(data) {
    quote = data.quoteText;
    author = data.quoteAuthor;
    tweetcode = quote + author;
  }).done(showQuote).then(somethingElse);

  function showQuote() {
    document.getElementById("quotearea").innerHTML = quote;
    document.getElementById("authorarea").innerHTML = author;
  }

  function somethingElse() {
    console.log(quote, author);
  }
@Nei-V
you also need to move jQuery above Bootstrap in Settings
BS requires jQuery to work
Ion Varsescu
@Nei-V
Oct 17 2016 19:42
@jdtdesigns - thank's, excellent explained
CamperBot
@camperbot
Oct 17 2016 19:42
nei-v sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 695 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
Tyler Moeller
@TylerMoeller
Oct 17 2016 19:44
@mhdavis Your URL is incorrect. Change it to this and don't forget the trailing slash: url: 'http://api.forismatic.com/api/1.0/',
Michael Davis
@mhdavis
Oct 17 2016 19:44
@TylerMoeller thanks so much lol
CamperBot
@camperbot
Oct 17 2016 19:44
mhdavis sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:cookie: 883 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Pea
@Peajaycodes78
Oct 17 2016 20:16
I know this is supposed to be a none css project, but is that a set in stone rule? I do have some styles in my HTML
Tyler Moeller
@TylerMoeller
Oct 17 2016 20:21
@Peajaycodes78 I'm not familiar with any front-end development projects at Free Code Camp where you cannot use CSS. Which project are you referring to?
Pea
@Peajaycodes78
Oct 17 2016 20:21
@TylerMoeller The tribute page project
Tyler Moeller
@TylerMoeller
Oct 17 2016 20:22
@Peajaycodes78 You can definitely use CSS in that project if you want.

Just need to follow these rules and stories:

Rule #1: Don't look at the example project's code. Figure it out for yourself.
Rule #2: Fulfill the below user stories. Use whichever libraries you need. Give it your own personal style.
User Story: I can view a tribute page with an image and text.
User Story: I can click on a link that will take me to an external website with further information on the topic.

Pea
@Peajaycodes78
Oct 17 2016 20:23
@TylerMoeller Ah I see ok thank you!
CamperBot
@camperbot
Oct 17 2016 20:23
peajaycodes78 sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:cookie: 884 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
Tyler Moeller
@TylerMoeller
Oct 17 2016 20:24
@Peajaycodes78 No problem, good luck on your first project!
Michael Davis
@mhdavis
Oct 17 2016 20:35
how do you change the color of a well in css?
i tried to by overwrite .well class but for some reason it doesn't show
Travis Boss
@travisboss
Oct 17 2016 20:45
@mhdavis have you tried inspecting the well in chrome/firefox to see if something else is not over riding it?
Tyler Moeller
@TylerMoeller
Oct 17 2016 20:45
@mhdavis Remove the semi-colon from line 10 of your CSS. It's conflicting with your .well css
#title {
  margin-top: 110px;
  margin-bottom: 50px;
  color: white;
};
^^ That semi-colon after the bracket
Michael Davis
@mhdavis
Oct 17 2016 20:46
yea that did it
Joel
@griffij76
Oct 17 2016 20:52
Hi I am struggling to come up with a tribute page, can anyone offer some advice please
Tom Sharkey
@tbsharkey
Oct 17 2016 20:52
@griffij76 What's the biggest issue?
Joel
@griffij76
Oct 17 2016 20:53
Coming up with a subject
Tom Sharkey
@tbsharkey
Oct 17 2016 20:53
Pick a tech person
Steve Jobs would be easy
I like what this guy did http://codepen.io/hvdrew/pen/rrGoXL
Joel
@griffij76
Oct 17 2016 20:55
thank you very much
Travis Boss
@travisboss
Oct 17 2016 20:55
Does not have to be anyone famous, could be about someone close to you or a pet.
Tom Sharkey
@tbsharkey
Oct 17 2016 20:56
No problem, I beleive the idea is not so much about the subject or content but hte structure that you create for the page
Travis Boss
@travisboss
Oct 17 2016 20:58
spot on
Tom Sharkey
@tbsharkey
Oct 17 2016 21:00
I'm still working on mine and felt over my head but its starting to come together. Although I have looked at a lot of other pages for features I like its allowing me to understand the process.
Joel
@griffij76
Oct 17 2016 21:01
Me too I am writing the layout in word before I create it
Pea
@Peajaycodes78
Oct 17 2016 21:20
When I posted my tribute page to Facebook there wasnt a "screenshot" available, does anyone know how to fix that thanks
spaghettiDK
@spaghettiDK
Oct 17 2016 22:33
I'm having a problem as my photo isn't fully stretching to the parent width although i use the image-responsive class - am I doing anything wrong?
<div id="imgbox">
<div class="row">
<img src="https://upload.wikimedia.org/wikipedia/commons/8/8c/RosaParks-BillClinton.jpg" alt="Rosa & Bill Clinton" class="img-responsive img-rounded center-block">
</div>
<div class="row">
<p class="text-center">
Rosa Parks & Bill Clinton
</p>
</div>
</div>
blob
kat-mag
@kat-mag
Oct 17 2016 22:37
@spaghettiDK width 100% on img.
spaghettiDK
@spaghettiDK
Oct 17 2016 22:38
thx a lot!
Cristina Patrao
@crisrp
Oct 17 2016 22:51
@spaghettiDK are you using bootstrap? Because if you're looking for a plain css way, then there's a way to make that parent a div and apply background-image as the image url, then background-size: cover / or background-size: contain. Maybe something you can look into as I can't remember specifically which of the two will help. https://css-tricks.com/almanac/properties/b/background-size/
schuettlerw
@schuettlerw
Oct 17 2016 22:58
Hey guys! I just completed my tribute page and submitted it. Will I get feedback or anything on that?
Maksim Kulichenko
@makstheimba
Oct 17 2016 23:13
@schuettlerw you can link to your project in CodeReview room
Ronalson Filho
@ronalson
Oct 17 2016 23:22
Hi everyone! Does anybody here ever used the Toast Grid ? I’m trying to use it on my Portfolio challenge but it isn’t working as expected.
slri
@slri
Oct 17 2016 23:33
@schuettlerw You won't get feedback in any other way from the one @makstheimba described until you get your certificate which is when they'll check your work for plagiarism. o/
Henry Cabello
@hacu9
Oct 17 2016 23:38
You know the transition when you like href="#someid"
and it sends you there in the page
how do i add a transition to that?
zspeters
@zspeters
Oct 17 2016 23:39

Having a hell of a time reducing padding of an image in a Bootstrap well. Most common recommendation from searches has been to include the following:

.img {

slri
@slri
Oct 17 2016 23:39
@hacu9 bootstrap.js o/
Henry Cabello
@hacu9
Oct 17 2016 23:40
Uh how? xD I just wanna add a transition to that specific thing
zspeters
@zspeters
Oct 17 2016 23:40

.img {
max-width: 100%;
max-height: 100%;
}

Doesn't seem to be changing anything for me.

slri
@slri
Oct 17 2016 23:40
@zspeters pen?
slri
@slri
Oct 17 2016 23:41
@hacu9 Yeah, you'll need to deal with bootstrap's scroll functionality.
@zspeters You want it over the entire well, even the text or?
Henry Cabello
@hacu9
Oct 17 2016 23:41
Oh,thought itd be as simple as #someid{transition: all 300ms ease-in-out;}
or something like that
slri
@slri
Oct 17 2016 23:42
@hacu9 Try it, but I don't think that's included in the transition functionality
zspeters
@zspeters
Oct 17 2016 23:42
Not covering text; just with less space between edge of well and image on top, left, and right side of the image.
Henry Cabello
@hacu9
Oct 17 2016 23:42
Tried,didnt work
slri
@slri
Oct 17 2016 23:42
@hacu9 Despite the fact that it sounds really tough, it's not
Henry Cabello
@hacu9
Oct 17 2016 23:42
I need to add an animation as i change the height or something?
slri
@slri
Oct 17 2016 23:42
@zspeters Ahh, I hear you, let me see
Henry Cabello
@hacu9
Oct 17 2016 23:43
http://codepen.io/cabello986/pen/JKqXRv?editors=1000 take this for example,animating it so when you click on the nav its a smoother transition
slri
@slri
Oct 17 2016 23:47
@zspeters http://codepen.io/RuinIsProbablyTaken/pen/bwmdbN Forked pen, this one is doing what you want it to do. Never use the style tag unless you're asked to in the lessons. It's always better to just include a CSS file. THe link tag from the head part that I deleted can be removed and the link to the font can be moved to settings>css tab, the place where you include libraries, that's where it should be pasted.
@hacu9 Lovely header! You should use bootstrap.js for that definitely.
zspeters
@zspeters
Oct 17 2016 23:53
@RuinIsProbablyTaken Awesome, thank you very much! That's what I was looking for. What is 'forked pen'?
CamperBot
@camperbot
Oct 17 2016 23:53
zspeters sends brownie points to @ruinisprobablytaken :sparkles: :thumbsup: :sparkles:
:cookie: 450 | @ruinisprobablytaken |http://www.freecodecamp.com/ruinisprobablytaken
slri
@slri
Oct 17 2016 23:55
@zspeters You know that 'Fork' button at the top of the pen editor? It basically means that I copied your current progress and added it as one of my pens so I can save the stuff I did to it and show it to you, Don't worry, though, I'll delete it by tomorrow if you still need to reference it.
zspeters
@zspeters
Oct 17 2016 23:57
@RuinIsProbablyTaken Ah, gotcha. Thanks again, I really appreciate your help!
CamperBot
@camperbot
Oct 17 2016 23:57
zspeters sends brownie points to @ruinisprobablytaken :sparkles: :thumbsup: :sparkles:
:warning: zspeters already gave ruinisprobablytaken points
slri
@slri
Oct 17 2016 23:57
@zspeters No problemo o/