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
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
Nate Mallison
seems to only be less than 600 px on firefox and only between 400 px and 600px on chrome. which I have a rule for

@NJM8 The problem seems to be right there on line 1 of your css. This rule:

html, body {
    max-width: 100%;
    overflow-x: hidden;

That overflow-x: hidden on the html seems to be causing the problem

Sorin Ruse
@Raghav17 what about thinking you need a parent container having same width and height then 4 children divs each with 1/2 width and height of the parent. then starting from top left child going clockwise you just apply some border radius to make exterior borders like a circle?
Nate Mallison
@toianw I found that my picture sizing for the bottom picture was too big at the smallest size. How does hiding the X overflow cause the vertical viewport scroll? I deleted that line and it doesn't seem to be doing anything for me anyways. I think I was having a horizontal scroll problem earlier and fixed it
I see removing that on the live version works!
Maybe now I can keep my larger picture at the smallest size, as it isn't centered which I don't like
Peter N

Hey chat, I'm trying to make one of my grid columns align right and the other align left so that everything will be neatly centered. How do I go about this? Here is my CSS for the grid

.form-grid {
display: grid;
grid-template-columns: 40% 40%;
justify-content: center;
grid-row-gap: 1em;

can anyone help me with a custom project? trying to create a web app that converts cel to fahr, like the first JS algorithm
not working so far
Tiago Correia
@Neralizer give a look on your console
I htink you forgot to import jquery
you're right! I included, but still not working
Sorin Ruse
@Neralizer first just add jq lib as @tiagocorreiaalmeida said.second where do you get the input value you want to convert???
Nate Mallison
@Neralizer Where did this come from? looks like a code challenege somewhere? It is never going to work if you only change code between those lines
Tiago Correia
Sorin Ruse
@Neralizer add this: alert($('#cel').val()); in js right after you are preventing default to understand what i mean. you need to read that value and then pass it to your convertToF function that should return the temp in F
on the right track, thanks @sorinr @tiagocorreiaalmeida @NJM8
neralizer sends brownie points to @sorinr and @tiagocorreiaalmeida and @njm8 :sparkles: :thumbsup: :sparkles:
:cookie: 374 | @njm8 |http://www.freecodecamp.org/njm8
:cookie: 510 | @tiagocorreiaalmeida |http://www.freecodecamp.org/tiagocorreiaalmeida
:star2: 1410 | @sorinr |http://www.freecodecamp.org/sorinr
Nate Mallison
As @sorinr said the input is not being passed to the function, and the output is incorrect as well, $("output").html(convertToF) won't work, you need :
let newTemp = convertToF(cel);
Sorin Ruse
@Neralizer :+1:
Someone help me target text that isn't inside an element?
"The Combo Pack" isn't in an element, I need to try and style it
Nate Mallison
@NNeil1 I think everything on the page needs to be in an element. Otherwise it is just random text floating around. Put it in a span or a p with a id or class and use that to style it
Yeah, unfortunately my current site has been built on WordPress, so there is no direct way to go in, and wrap it in an element :(
Stephen James
@NNeil1 It is in an element - <nav>