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
Chris Hinton
@khaduch Thanks for the help!
hintcj sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star: 608 | @khaduch | http://www.freecodecamp.com/khaduch
Ken Haduch
@hintcj - you're welcome. Hope you get it all shaped up as you want it! Have a great day!
John Otu

Guys, what would be the best idea to arrange a JSON that will carry grocery data for a store in such a manner that the price and quantity of each item can be easily updated? I have tried:

var goodsInStock = {
    beverages: {
        coffee: {Nescaffe:[20, 200], ReCaffe[10, 300]},
        tea: {Lipton:[5, 50], richTea:[3, 45]},
        juice: {ribena:[4, 200], fivealive[3, 300]},
        softDrink: {},
        other: {}

but it doesn't seem to work. Displaying the goodsInStock object shows the array of quantity and price as "object"

Amir Ghafouri
Trying to get my drop down menu to sit on the same row as my h1 element... help? Tried messing around with display: inline-block; but not sure if I'm making a mistake with CSS selector syntax or wrong approach entirely. Maybe just use bootstrap row? Would still like to hear how to do it with inline-block if possible..

@amirghafouri you can use a span like so:

<h1><span><button class="btn btn-primary dropdown-toggle inline" type="button" data-toggle="dropdown">select category <span class="caret"></span></button>
        <ul class="dropdown-menu">
          <li class="dropdown-header">Gaming</li>
          <li><a href="#">FIFA 16</a></li>
          <li><a href="#">League of Legends</a></li>
          <li><a href="#">Poker</a></li>
          <li class="divider"></li>
          <li class="dropdown-header">Creative</li>
          <li><a href="#">Art</a></li>
          <li><a href="#">Coding</a></li>
          <li><a href="#">Music</a></li>
        </ul></span>TWITCH STREAMERS</h1>

You will also need to adjust the width of your content class because the button and h1 are wider then the content.

@amirghafouri alternative with css is to add this to css and then give each element that class:
.inline {
  display: inline-block;
Amir Ghafouri
@Key-Banger Thanks
amirghafouri sends brownie points to @key-banger :sparkles: :thumbsup: :sparkles:
:star: 317 | @key-banger | http://www.freecodecamp.com/key-banger
shameem fairooz
Does anyone have an idea as to how i should build the tribute page?
It's the first project in front end
can someone help me figure out why i have a white line beside my blockquote in this codepen?
need it to be grey
@max77p you didn't specify the colour in the css
for blockquote?
Azrul Zulkifli
@max77p That white line is the default styling for blockquote by Bootstrap
@max77p yes
add something like this:
border-left: 10px solid red;
ohh ok, thanks! had no idea! thought it was something wrong with my grid lines @AliciadW @azrulnaut
max77p sends brownie points to @aliciadw and @azrulnaut :sparkles: :thumbsup: :sparkles:
:star: 319 | @aliciadw | http://www.freecodecamp.com/aliciadw
:star: 280 | @azrulnaut | http://www.freecodecamp.com/azrulnaut
HI all. Could someone please have a look at my code and tell me why it doesn't work? Been at it for some time now so I might be missing something small or huge... http://codepen.io/AliciadW/pen/ONLQey?editors=1010
Gordon Davidescu
Hi all! I have tic tac toe nearly done. there's ONE weird problem. if a couple of moves are done, for some reason, the far right middle tile can't be clicked anymore for player move.
oops just found a reason
yup. I was accidentally reading square 6 from the square 4 data. :O
Andrew Perrin
hi all, have any of you completed the weather app challenge yet?
@mattxgreen late thank you for pointing the bug in my code
mierea sends brownie points to @mattxgreen :sparkles: :thumbsup: :sparkles:
:star: 51 | @mattxgreen | http://www.freecodecamp.com/mattxgreen
Bruce Young
@AliciadW you are using a Form and upon submit it causes a page reload. to fix it you can make it not do the default action
$("#wikiSearch").on("click", function(e) { e.preventDefault();
Thomas Honeyman
Hey guys! Weather app is nearly done, but I’m struggling with the order my functions are running in so I can display different temperatures to users when they click the buttons. Everything is working except for that. Any thoughts on this?
i am trying to create horizontal line in black under my container, but i can't seem to get it there can someone help please?
did you try <hr> @max77p ?
@dcjuju yes actually figured it out, you can't put color:black you have to do border-color:black
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #000;
margin: 1em 0;
padding: 0;
@max77p you can try to put background-color:black;
and a height:@1px; @max77p

like this @max77p


@dcjuju by putting display:block, then anything beside it would get pushed to next line right?
here try this