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
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?
Saket Kulkarni
@saketk21
Hello all... I am creating a website's front end and I need to display the view of my website in a phone on the website, like on the Apple website they show all the iphones mac etc. Any help?
Sorin Ruse
@sorinr
@saketk21 can u share the code u already have?
Saket Kulkarni
@saketk21
Oh... I was looking at a psd and found that I cannot do that.... Other stuff is manageable. I haven't begun coding yet.
I tried googling but I couldn't find helpful resources.
Saket Kulkarni
@saketk21
Something like this: Mockup
Hemang Kumar
@hemangsk
@saketk21 You can get screenshots for all screens such as iphone, ipad etc via Google Chrome's responsive view
Saket Kulkarni
@saketk21
I did some digging and found out about some sites. Posting this so as to help someone else who also hits this snafu:
  1. www.magicmockups.com
  2. Mockuper
Hemang Kumar
@hemangsk
Saket Kulkarni
@saketk21
@hemangsk Thanks a lot... It does not have the limitations of above two mentioned sites.
CamperBot
@camperbot
saketk21 sends brownie points to @hemangsk :sparkles: :thumbsup: :sparkles:
:cookie: 348 | @hemangsk |http://www.freecodecamp.org/hemangsk
Tiago Correia
@tiagocorreiaalmeida
Jessie Cryer
@j-cryer
Hey does anyone have an idea as to why jQuery.get won't work for me?
$.get('myurl', { data: data}, function(data){});
I get $.get isn't a function?
Kuda Bux
@kudabux

Call .get on a DOM element. Like if you had a list of <div> elements as children to a <body> element you'd use it like this

<body>
    <div>something</div>
    <div>else</div>
</body>

console.log($('body').get(0)) returns <div>something</div>

@j-cryer
Kuda Bux
@kudabux
"is not a function" is actually one of the better errors thrown by JS. It's telling you that whatever you've tried calling .get on doesn't have that function in it's wheelhouse. In this case you're calling .get on the jQuery library itself. So you're saying .get 'myurl from jQuery
zootechdrum
@zootechdrum
Hello everyone and happy easter
Stephen James
@sjames1958gm
@zootechdrum Hey
DarkxPunk
@DarkxPunk
Anyone online who is talented with Grid?
Alex Porobe
@Zappy555
                <nav class="navbar navbar-inverse" id="my-navbar">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>
                    <div class="collapse navbar-collapse menu" id="navbar-collapse">
                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="index.html">Home</a></li>
                            <li><a href="company.html">Company</a></li>
                            <li><a href="portfolio.html">Portfolio</a></li>
                            <li><a href="contact.html">Contact</a></li>
                        </ul>
                    </div>

                </nav><!--end nav-->
Please I need help with the above. The navbar is not toggle my list even if it changes to the responsive icons on smaller screens.
Matej Bošnjak
@mbosnjak01
@DarkxPunk just ask question, if anyone knows the answer i'm sure you'll get it
DarkxPunk
@DarkxPunk
Well I want to see someone convert my flex design to grid
boul35
@boul35
How to you get a job with only FreeCodeCamp and no degree? Is it possible?
DarkxPunk
@DarkxPunk
@boul35 Depends on the job
Nate Mallison
@NJM8
@j-cryer Are you using jQuery slim? It doesn't have .get
second answer
Liam Docherty
@ldocherty1

Does anyone have a codepen link to this type of animation delay as demonstrated in this portfolio http://www.kkasbarian.com. When the user scroll downs the effect animation happens when they get to that specific point.

I'm using https://daneden.github.io/animate.css/ for this. However, when I launch my page all the animations take place upon when I launch the page not when the user scrolls down to that specific point.

Moisés Man
@moigithub
if u check devtools network tab u can find which "plugins" that page uses.. for that anymation.. wow.js @ldocherty1
German Gamboa Gonzalez
@germangamboa95
hey guys can I get some feedback on my project? https://germangamboa95.github.io/pokemonbattles.io/
Nikolai A Leeds
@nic9075
hello can I ask a question about one of the challenges here?
Dhaval Vira
@dhavalveera
Hello
I want to know that to make a page where client scroll the page down then that part should be load
Please help me in this
kerafyrm02
@kerafyrm02
Hello all. Anyone need help?
Dhaval Vira
@dhavalveera
@kerafyrm02 I've typed my question just above to your message