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
JD Tadlock
@jdtdesigns
The big circle will be the wrapper so i made it a div
Marco Mazzeo
@Doko85
I'll try to go with a ul and lis
if that won't work I'll make it be <div>s
Bailey
@coder7215
Hi I need help on my pen for my portfolio webpage. How do I get my image to resize to fit the screen in my about section? I tried .img-responsive but it doesn't seem to want to work!
JD Tadlock
@jdtdesigns
@Doko85 Ul is specifically for unordered lists of text
in html5 you don't use uls for layout anymore
even though Bootstrap does it
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} );