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
Brad
@bradtaniguchi
@zebralight let me check it out
Yea you got 40px margin left of the button for some reason, let me look deeper...
Zebralight
@zebralight
ok
Brad
@bradtaniguchi
not margin, padding sorry
Alright i got it
its because your doing this on an ul element, which is an unordered list element. Which comes with the "dot" for each element right?
Well to make room for the dot the ul tag adds 40px padding to the left. So even tho you removed the dots, the padding remains
Zebralight
@zebralight
ah, should I not use ul and li in this manner, when I have a flex container and flex items?
setting padding on ul fixed it though.
thanks, @bradtaniguchi . also, I was wondering how you knew how many px the indentation was
CamperBot
@camperbot
zebralight sends brownie points to @bradtaniguchi :sparkles: :thumbsup: :sparkles:
:cookie: 440 | @bradtaniguchi |http://www.freecodecamp.org/bradtaniguchi
Brad
@bradtaniguchi
@zebralight I inspected the element using my browsers dev tools, you can see the computed amounts usually, and it showed 40px
Now technically you can use div, but the correct approach would be using some accessibility tags (like your already using nav right?) since I assume this will be used for navigation
Zebralight
@zebralight
yeah. the pattern I generally use for navs is nav -> ul -> li . It's kind of puzzling how this has never come up before for me
since I use that pattern quite often
the indentation issue, that is
Brad
@bradtaniguchi
Yea idk how come you didn't notice it before
phao5814
@phao5814
coderNewby
@coderNewby
@DarrenfJ thanks for all your help
CamperBot
@camperbot
codernewby sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 2444 | @darrenfj |http://www.freecodecamp.org/darrenfj
Frosty427
@Frosty427
image.png
why is it that when i add display: flex; to this it decides to shoot to the top
its my footer
Abhi
@abhishek737
I am trying to use url.startsWith('http') in Angular template but it is throwing can't read property startwith of undefined, but I am getting URL on the screen.
Dimitris Nik.
@dimitrissnk
Hey guys I have my quote inside my main div and I want it to go beyond the main div which is an image. How could I do that? As margin-top is moving it in accordance to the top of the page https://codepen.io/dimitris51/pen/GxOVbX
Ghost
@ghost~55a04b725e0d51bd787af54c
I'm having a hard time understanding how to use the Moodle API
Ken Haduch
@khaduch
@Refath - what’s a moodle API, link to documentation? Where are you trying to use it?
Marco Galizzi
@Tezenn
hello every one, i have a problem in the simon game. if use the mp3 the site offers, they don't work.. i used some alternatives ones that are longer but really awkward. So after i fixed some things i tried the freecodecamp one and still nothing.. anyone know why?
Stephen James
@sjames1958gm
@Tezenn I used the FCC ones - like: https://s3.amazonaws.com/freecodecamp/simonSound1.mp3
Marco Galizzi
@Tezenn
@sjames1958gm hey if i use them the don't really work.. it is because of the code i guess, but they sound once and then if they have to play again they don't
Stephen James
@sjames1958gm
I guess it depends on how you are trying to play them? one after the other
Ken Haduch
@khaduch
@Tezenn - I recall seeing a short while ago that there was some problem with the sounds repeating if you use an MP3? I don't know if anyone else will recall a change in this regard. I made a test pen here that does use those sounds and loops through them a couple times, but it sounds choppy. It looks like the example project is using the AudioContext object - documentation here - it might be worth investigating that? Although from the chart that they post it seems that support is somewhat limited? Well, maybe it's mostly Internet Explorer that doesn't support it... but have a look at that and see...
Marco Galizzi
@Tezenn
ok i will link a codepen so you can see.. sorry the code is a mess. but when i used longer sounds they worked really well.
they were like a 2 seconds sound and they worked really well, but were not nice sounds, just dog barking and stuff like that but they worked. with the fcc ones nada..
Raghav Mundra
@Raghav17
Why is bootstrap "row" class not working with divs? Please help!
https://codepen.io/raghav96/pen/YaaaEB
Marco Galizzi
@Tezenn
and this is the same code but others sound and they work fine
Ken Haduch
@khaduch
@Raghav17 - it looks like it's sort-of working... but you are adding extra things like the margin-left: 40% that are probably throwing off the normal operation. It might be that you want to use something other than the bootstrap grid for this application?
@Raghav17 - and you are overriding the width: 50%; that is set up for the col-xs-6 with the settings for your green and yellow classes. Try making another div within the column div and using that for the circles.

@Raghav17 - make your HTML for the middle row look like this:

    <div class="row mid-row">
      <div class="col-xs-6"><div class="green"></div></div>
      <div class="col-xs-6"><div class="yellow"></div></div>
    </div>

In other words, and then you get a little better behavior of the grid, you might be able to play with the alignment then.

You have to look at the interactions between the elements and styles that you are trying to define and use and how it interacts with the Bootstrap settings (and expected uses of the Bootstrap classes.)
Moisés Man
@moigithub
console.log(greenSound.error); after play.. @Tezenn
as u said.. ur sound files are corrupted
Ken Haduch
@khaduch
@Raghav17 - here is a fork of your project with a couple fixes the circles align a little better. You can use it as an example...
Raghav Mundra
@Raghav17
@khaduch Thanks! Sorry, I was afk for a while.
I have now understood where I was wrong.
CamperBot
@camperbot
raghav17 sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3839 | @khaduch |http://www.freecodecamp.org/khaduch
Raghav Mundra
@Raghav17
Thanks again!
@khaduch Can you help me with just one more thing? I have applied sound on the "red" div and created an "onClick" function. But the sound only play one time and dosen't play again.
Raghav Mundra
@Raghav17
@Tezenn I am having the same problem. Did you found the solution?