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
Sweet Coding :)
@fez994 yeah.. that's the problem with API
Matej BoĆĄnjak
temp is there :D
got it to work
yeah, I found the mistake
Man, I'm really too lazy to add css and eye-candy to this project...is it worth it?
Federico Dente
@SweetCodingInc Alright thank you anyway, gonna post on the API forum to get some help
fez994 sends brownie points to @sweetcodinginc :sparkles: :thumbsup: :sparkles:
api offline
Sweet Coding :)
@fez994 :+1:
Federico Dente
@SweetCodingInc Yeah it's the api problem
Stephen James
@Quantomistro3178 Without css and eye-candy as you call it, it wouldn't be a complete front end project
Much of front end is making it look good
Hi guys ! Do you know why I can't submit my code for the "Build A Random Quote Machine" project ?
https://codepen.io/aenkirch/full/VXXQOx/ Here's the CodePen link I'd like to submit, but when I click on "Submit", the page doesn't change and the challenge doesn't valide itself
@aenkirch because you have code comments written in FRENCH
it's a joke, relax, it's a joke :)
Hello Folks. Does anyone of you every used google scripts for html for submit? I wanna when user submit form, to receive an email user data and to get those data in my google spread sheet. I got email, but my google spread sheet is empty. Any help, advice? Thanks in advance!
@Marianissimus Haha french rocks !
@Marianissimus But you make me realize I should by now have commented my code in english, I'm definitly going to do this from now on
Nate Mallison
@aenkirch I have an error about loading mixed content, http in a https page. Maybe that is it?
I managed to do it, it was "http" instead of "https" and not "/full/" but "/pen/" that was required
Thanks mates ;)
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