Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
  • 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
Sorin Ruse
@NJM8 thats just an warning not an error
Nate Mallison
Yes you are right, I'm just not sure if FCC will prevent submission with errors or warnings present
Sorin Ruse
@aenkirch strange. codepen loads only on https. if you try to go to: http://codepen.io you will see you are redirected to https site
Nate Mallison
thats good!
Hey I'm looking for some advice on how to correctly debounce a $(document).on('scroll') function. I have a debounce function, I am just rotating a down arrow to be an up arrow after the user scrolls down a specific amount, the problem is after debouncing it if the user scrolls up to the top too fast the arrow doesn't rotate back.
www.natethedev.com is the site.
the arrow there now is not debounced, but I am concerned that will make it slow for some users. Of course I'm only animating one element so maybe I'm being overly concerned
good morning ppl
anyone need help?
Liam Docherty

Why is my navbar text not on the same line for the navbar brand and the <li> text? How can I make it on the same line?

In addition, the position of my navbar when it collapses the 3lines isn't to the right of the screen, how can I make it be positioned on the far right for on mobile views?


<!-- Navigation bar -->
  <nav class="navbar scrolled-nav navbar-expand-md fixed-top navbar-dark bg-dark">
    <a class="navbar-brand" href="#">Front End Web Developer</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar7">
            <span class="navbar-toggler-icon"></span>
    <div class="navbar-collapse collapse justify-content-stretch" id="navbar7">
      <ul class="navbar-nav ml-auto">
        <li class="nav-item active"> <a class="nav-link" href="#home">Home</a>
        <li class="nav-item">
          <a class="nav-link active" href="#features-icons">Expectations</a>
        <li class="nav-item active"> <a class="nav-link" href="#testimonials">Testimonials</a>
        <li class="nav-item"> <a class="nav-link" href="#about">About</a>
        <li class="nav-item"> <a class="nav-link" href="#portfolio">Portfolio</a>
        <li class="nav-item"> <a class="nav-link" href="#about">Design</a>
        <li class="nav-item"> <a class="nav-link" href="#contact">Contact</a>


.navbar {
    border-bottom: 0.04rem solid #111;
    background-color: ;
    display: none;

nav ul li a {
    color: rgb(65, 47, 47);
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    font-size: 0.9rem;
    text-transform: uppercase;

nav ul li a:hover {
    text-decoration: underline;
    color: #000;

.abs-center-x {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);


jQuery(document).ready(function($) {
$(document).on("scroll", function() {
    const features_top = $(".features-icons").position().top;
    const top_of_window = $(window).scrollTop();

    if (top_of_window >= features_top) {
    } else {


Here is all my website code, I uploaded it to GitHub

Nate Mallison
@ldocherty1 I believe you can add align-self-end to that element, that is one of bootstraps flex helpers, also check the size of the element in your inspector, it could be that because it is a nav-brand it makes it a certain size, in which case you need to make the element smaller
do you have codepen
Liam Docherty
@NJM8 Ok, I'l; have a look thanks.
ldocherty1 sends brownie points to @njm8 :sparkles: :thumbsup: :sparkles:
:cookie: 373 | @njm8 |http://www.freecodecamp.org/njm8
Nate Mallison
@ldocherty1 Also check out the bootstrap navbar page, there should be something in there to make it move to the right not the left
Liam Docherty
i can help you fix it instantly
just set it up on codepen
Liam Docherty
ok give me a few mins please
Anyone else need help
im not here long.
Raghav Mundra
I want my green circle to fit on the other end of the screen. I have tried changing the code but it isn't working, can someone please help?
Nate Mallison
yeah, lol, why does my website show a double scroll bar if you make it narrow
how far over Raghav?
one sec nate
ok i guess he's afk
ill help you then
Where do you see the double scrollbar nate?
Raghav Mundra
@kerafyrm02 At the other end, leaving a little gap.
Nate Mallison
@kerafyrm02 when you make the page less than 500px wide or so, just keep making it narrower it'll pop up
I think some element is forcing itself to be larger than the viewport height, but IDK which one
or how, they are all either flexable to allow it to be long or set to 100vh
How come you're using ctx for circles Raghav?
I dont see the scrolllbar nate- are you using chrome?
@Raghav17 You're missing a closing </canvas> tag in the html and you have a mistake in the js: var cg = document.getElementById("red"); You want to get the element with the id of green.
Nate Mallison
wtf, the layout is all screwed up in chrome, maybe I need to clear my cache
Is my name top left on your screen?
there's lots of css issues-
fixed-action-btn {
    position: fixed;
    right: 23px;
    /* bottom: 23px; */
    padding-top: 15px;
    margin-bottom: 0;
    z-index: 997;
comment that bottom out
There's lots of unused css commands
im off to work ppl l8r
Nate Mallison
hmmm. I'm not using that anymore
yeah that's from materializecss. the framework I'm using