Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
Marco Mazzeo
@Doko85
aren't icons considered text?
JD Tadlock
@jdtdesigns
You're using ul to layout icons(images)
text is written text
the literal use of an unordered list
Bailey
@coder7215
Marco Mazzeo
@Doko85
so you are suggesting me to go with divs
Bailey
@coder7215
I want my image to respond to my second background image (so that it resizes with the screen and stays in that background image) and also so my <p> text stays inside that same div as well (the about div)
JD Tadlock
@jdtdesigns
@Doko85 i'm suggesting using the elements that are related to the proper context
Bailey
@coder7215
Any ideas?
Julie
@jurijuri
Hey y'all! I'm almost done with my random quote generator, but I'm having trouble updating my Twitter button. Can you help? http://codepen.io/jurijuri/pen/ezdxQw
JD Tadlock
@jdtdesigns
@coder7215 I'm not sure what you're wanting to achieve.
Bailey
@coder7215
@jdtdesigns I ideally would like the image to not only stay within the #about div that it is supposed to be in, but also get smaller when the screen gets smaller (resize with the screen). Again, here is my pen: https://codepen.io/coder7215/pen/YWqemv?editors=1100 Does that make sense? :)
Jack Lyons
@JackEdwardLyons
have you tried the class img-responsive? @coder7215
that makes images scale with the window size
JD Tadlock
@jdtdesigns
@coder7215
<img class="img-responsive" src="http://grsf.org/wp-content/uploads/2015/05/Bailey-Bestul.jpg" alt="Bailey Bestul">
Bailey
@coder7215
@JackEdwardLyons I did put that in my code . . . and now image seems way too large.
JD Tadlock
@jdtdesigns
@coder7215 img-responsive does not control the size
it simply does not allow the image to overflow outside it's parent
Jack Lyons
@JackEdwardLyons
max-width ? @coder7215
JD Tadlock
@jdtdesigns
@JackEdwardLyons That's all img-responsive is
Bailey
@coder7215
Ah hah! I think that did it.
Let me check. Thanks @JackEdwardLyons and @jdtdesigns
CamperBot
@camperbot
coder7215 sends brownie points to @jackedwardlyons and @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 304 | @jackedwardlyons |http://www.freecodecamp.com/jackedwardlyons
:cookie: 534 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
Tyler Moeller
@TylerMoeller
@jdtdesigns @JackEdwardLyons To catch you guys up, he sees no difference in the image size by using this code:
<div class="container-fluid" id="about">
  <div class="row">
    <div class="col-xs-4" id="selfPhoto">
      <img class="img-responsive" src="http://grsf.org/wp-content/uploads/2015/05/Bailey-Bestul.jpg" alt="Bailey Bestul">
    </div>
    <div class="col-xs-8">
      <h3>Hello friends.</h3>
    </div>
  </div>
</div>
@coder7215 Unless you didn't copy/paste that code :)
JD Tadlock
@jdtdesigns
@TylerMoeller It made a difference when I used it lol.
Tyler Moeller
@TylerMoeller
Lol
Jack Lyons
@JackEdwardLyons
img needs a width
Dan Logajan
@hiltydiggs
@JackEdwardLyons so I came up with a most likely crappy solution to that challenge
Jack Lyons
@JackEdwardLyons
@coder7215 make it 300px
Dan Logajan
@hiltydiggs
@JackEdwardLyons did you finish it already?
Jack Lyons
@JackEdwardLyons
nah, im trying now to push the new object into the array
but dont know how... :\
i know this is wrong... but my brain is fried tbh @hiltydiggs
for ( var i = 0; i < collection.length; i++ ) {
    if ( collection[i].hasOwnProperty(testKey) ) {
      arr.push(testKey + testValue);
      }
    }
Bailey
@coder7215
Okay I think I got it. What do you think: https://codepen.io/coder7215/pen/ezdoXr?editors=1100
Ugh! Now why is it exiting the div it is in when I post it in chat? Is there a way to solve that issue?
Jack Lyons
@JackEdwardLyons
why does this work
 arr.push({ testKey : testValue} );
Dan Logajan
@hiltydiggs
@JackEdwardLyons I'm just going to put my whole solution out so that I can hopefully learn what's wrong with my approach from others. But it passes all tests.
function whereAreYou(collection, source) {
  var arr = [];
  // Only change code below this line
  var testKeys = Object.keys(source),
      rqrd = testKeys.length,
      collectionLength = collection.length,
      i,
      j,
      matched,
      currentKey,
      currentItem;

  for (i = 0; i < collectionLength; i++) {
    matched = 0;
    currentItem = collection[i];

    for (j = 0; j < rqrd; j++) {
      currentKey = testKeys[j];
      if (currentItem.hasOwnProperty(currentKey) && currentItem[currentKey] === source[currentKey]) {
        matched++;
      }
    }
    if (matched === rqrd) {
      arr.push(currentItem);
    }
  }
  // Only change code above this line
  return arr;
}

whereAreYou([{ "a": 1, "b": 2 }, { "a": 1 }, { "a": 1, "b": 2, "c": 2 }], { "a": 1, "c": 2 });
Stephen James
@sjames1958gm
@JackEdwardLyons you are pushing an object literal which is valid
DuskyPixel
@DuskyPixel
@JackEdwardLyons try arr.push(testValue);
Bailey
@coder7215
Yikes. You all probably think I'm crazy . . . :P
Oh! Because the COLUMN will only change the HORIZONTAL size . . . so how do I change the VERTICAL size? Can Bootstrap do that?
Jack Lyons
@JackEdwardLyons
i get this arr.push({ testKey : testValue} );
i thought I wanted to push the key and the value?