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
CamperBot
@camperbot
lookinahead13 sends brownie points to @gbsimon87 :sparkles: :thumbsup: :sparkles:
:cookie: 374 | @gbsimon87 |http://www.freecodecamp.com/gbsimon87
Simon Cordova
@gbsimon87
@donealbercier if it works out that's great, but I don't find it necessary to add an onsubmit function
your onclick on the button should suffice
c0d0er2
@c0d0er2
Can some please help me with getting 2 images apart? https://codepen.io/c0d0er2/pen/oYrppg
Doneal Bercier
@donealbercier
@gbsimon87 Okay yea I see now. That was definitly redundant. Working great now though
Simon Cordova
@gbsimon87

@donealbercier good stuff :)

@c0d0er2 what exactly would you like done?

c0d0er2
@c0d0er2
@gbsimon87 I want to get 2 images apart
Simon Cordova
@gbsimon87
github and freecodecamp?
@c0d0er2 do you still require help?
c0d0er2
@c0d0er2
@gbsimon87 Yes
Simon Cordova
@gbsimon87
Which two images exactly are you referring to?
@c0d0er2
c0d0er2
@c0d0er2
@gbsimon87 The dinosaur picture and the yellow and blue picture.
Simon Cordova
@gbsimon87
@c0d0er2 I'm sorry I don't see a dinosaur picture anywhere...
Send me a small snippet of the code where it is located
@c0d0er2 it seems that you're ok, nonetheless, for the blue and yellow background image, you can change its background-size to 'inherit' and it'll separate it a bit
PS...HTML5 now has 'section' tags, I'd use those for your sections
salut
c0d0er2
@c0d0er2
@gbsimon87 I am sorry that I am late, but here is it again it should have the pictures now. https://codepen.io/c0d0er2/pen/oYrppg
Simon Cordova
@gbsimon87
@c0d0er2 I think the problem is how you're outling the row and the divs inside
Try something like this...
c0d0er2
@c0d0er2
@gbsimon87 Can you please tell me what code is to doing that?
Simon Cordova
@gbsimon87
<div class='container'>
<div class='row'
<div class='col-xs-12 col-md-4'

<first image>  <second image>  <third image>

</div>
</div><!--close 'row'-->
</div><!-- close container -->
c0d0er2
@c0d0er2
@gbsimon87 Thanks!
CamperBot
@camperbot
c0d0er2 sends brownie points to @gbsimon87 :sparkles: :thumbsup: :sparkles:
:cookie: 375 | @gbsimon87 |http://www.freecodecamp.com/gbsimon87
Simon Cordova
@gbsimon87
This basically tells it...if the scren is extra small, use the entire row, or if it's medium, use just 4 out of the 12 possible columns

@c0d0er2 www.w3schools.com/bootstrap/bootstrap_grid_basic.asp

That should clarify things for you

c0d0er2
@c0d0er2
@gbsimon87 Thanks for the imformation!
CamperBot
@camperbot
c0d0er2 sends brownie points to @gbsimon87 :sparkles: :thumbsup: :sparkles:
:warning: c0d0er2 already gave gbsimon87 points
Simon Cordova
@gbsimon87
Also, since you're using bootstrap, remember to give each image a class of 'img-responsive' so that they size well when expanding and collapsing
cheers buds!
c0d0er2
@c0d0er2
@gbsimon87 Ok, thanks!
CamperBot
@camperbot
c0d0er2 sends brownie points to @gbsimon87 :sparkles: :thumbsup: :sparkles:
:warning: c0d0er2 already gave gbsimon87 points
Doneal Bercier
@donealbercier
I'm not sure why my page resets every time I submit the search request. https://codepen.io/donealbercier/pen/BQXOgZ?editors=1111
Icah Banton
@remdata
Do I need to download anything to use Font awesome icons in a pen?
Jack Lyons
@JackEdwardLyons
hey guys im having a weird issue, wondering why this function isn't getting called on mouseclick.... here is my code..
let handlers =  {

  onTileClick() {
    this.animateTiles();
  },

  animateTiles(e) {
    const tile = e.target;
    // add playing class to animate the tile
    tile.classList.add("playing");
    // play audio on click
    const audio = tile.children[0];
    // reset audio play on each click
    audio.currentTime = 0;
    audio.play();
    // remove playing class to maintain original state
    tile.addEventListener("transitionend", () => { tile.classList.remove("playing"); });
  }
};


document.addEventListener('DOMContentLoaded', function() {
  const tiles = document.querySelectorAll('button.quarter').forEach(tile => tile.addEventListener('click', handlers.onTileClick));

});
and here is the error message
Uncaught TypeError: this.animateTiles is not a function
    at HTMLButtonElement.onTileClick (client.js:9)
onTileClick @ client.js:9
Matt Richards
@mattjrichards
I don't even know where to begin with my next challenege. It's building a personal portfolio page. The tribute page alone took me a long time. Can anyone point me in the right direction?
Jack Lyons
@JackEdwardLyons
hey @kilocycle how about searching a nice template to copy/emulate?
google "bootstrap website themes"
just to get an idea
Matt Richards
@mattjrichards
@JackEdwardLyons Quincy doesn't want us to look at the code of examples. I can't do it though without. I just don't have the experience. It's so unbelievably frustrating. I will Google "bootstrap website themes."
Jack Lyons
@JackEdwardLyons
no not code examples
theme examples
dont look at the code
look at the themes @kilocycle
and think about what elements you like