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
@faahim - in that screenshot that you posted - you can see that the width: 100%; for the col-md-12 is crossed out, meaning that it is overridden by some other setting - the one that you have in your .quote. You have to be careful, I would say, when using the grid so that you don't have conflicts that break the way the grid is designed to work.
@faahim - If you always want that particular piece of data to be centered, I would say just put it in a div that is not part of the row and column of the grid, so it will just be a block-level element with its own styling. That might be what you want for that?
Afiur Rahman Fahim
@faahim
yes, I overridden the width on purpose so that it centers horizontally. But as it turn out, it's not working!
Ken Haduch
@khaduch
@andoreilly - are you trying to fix your footer to the bottom of the screen?
Afiur Rahman Fahim
@faahim
@khaduch Thank you sir. That's the best thing to do I guess :)
CamperBot
@camperbot
faahim sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3033 | @khaduch |http://www.freecodecamp.com/khaduch
Varun Pandey
@varun30300

why isnt the colour changing to blue when i bring my curser on the options ?

https://codepen.io/varun30300/pen/rwzjZb

alpox
@alpox
@varun30300 Nesting CSS expressions is not allowed. This is a feature of pre-processors only
Afiur Rahman Fahim
@faahim
@varun30300 aren't you using plain CSS? you can not nest rule inside other CSS rule! write them separately, and it'll work :)
Sweet Coding :)
@SweetCodingInc

@varun30300 :

1) Set your preprocessor to either LESS or SCSS in CSS settings
2) It's background-color not back-ground-color

tundeiness
@tundeiness
can anyone show me how to bring in images into codepen? I am not a pro user for now and I need to use an image on my task.
Afiur Rahman Fahim
@faahim
@varun30300
Like This:
ul li a {
    text-decoration:none;
    color:white;
    display:block;    
  }

ul li a:hover {
      back-ground-color:blue;
    }
Varun Pandey
@varun30300
thank you @SweetCodingInc @faahim @alpox
CamperBot
@camperbot
varun30300 sends brownie points to @sweetcodinginc and @faahim and @alpox :sparkles: :thumbsup: :sparkles:
:cookie: 122 | @faahim |http://www.freecodecamp.com/faahim
:cookie: 26 | @sweetcodinginc |http://www.freecodecamp.com/sweetcodinginc
:star2: 1168 | @alpox |http://www.freecodecamp.com/alpox
Varun Pandey
@varun30300
it worked
Afiur Rahman Fahim
@faahim
:+1: @varun30300
alpox
@alpox
:clap:
Sweet Coding :)
@SweetCodingInc
@varun30300 Assuming you've set your CSS Preprocessor to LESS or SCSS You need this code. Your original code has nesting issue
ul {
  margin: 20px;
  list-style: none;
}
ul li {
  float: left;
  background-color: green;
  opacity: .8;
  width: 230px;
  height: 40px;
  text-align: center;

  a {
    text-decoration: none;
    color: white;
    display: block;
  }
  a:hover {
    background-color: blue;
  }
}

body {
  background: url("https://s20.postimg.org/wyflcl1vx/waterfall.jpeg.jpg");
  background-size: cover;
  color: white;
  font-size: 30px;
}
note: If you're gonna nest your a elements, it should be just a and a:hover not ul li a and ul li a:hover
This is pure CSS equivalent of the same
ul {
  margin: 20px;
  list-style: none;
}
ul li {
  float: left;
  background-color: green;
  opacity: .8;
  width: 230px;
  height: 40px;
  text-align: center;
}

ul li a {
  text-decoration: none;
  color: white;
  display: block;
}
ul li  a:hover {
  background-color: blue;
}

body {
  background: url("https://s20.postimg.org/wyflcl1vx/waterfall.jpeg.jpg");
  background-size: cover;
  color: white;
  font-size: 30px;
}
Afiur Rahman Fahim
@faahim
@khaduch
Oh such a fool I am! If I want to center it, I can just create a col-md-8 and then I can have a col-md-offset-2 to have some margin on left! That's the proper way via using grid. :)
Varun Pandey
@varun30300

guys , how do i fix my contact option(bring your cursor on it ) ?

https://codepen.io/varun30300/pen/rwzjZb

Tom
@moT01
whats the problem? @varun30300
Alexander Domikov
@AlexanderDom
@varun30300 i's because <ul> by default has padding-left
padding-left: 0 must help :)
and sorry looked too fast
in your css you have ul { margin: 20px }
il works for ul inside an ul too
Juli Cheng
@julicheng

Hello so I'm doing the "Factorialize a Number" challenge and I managed to get it right which is

function factorialize(num) {
  var total = num;
  for (var i = 1; i < num; i++) {
    total *= i;
    }
    if (num === 0) {
      total=1;
  }
  return total;
}

factorialize(5);

I then looked at another solution onlinebut I don't really understand it. Could someone please explain? There isn't a loop so would it just return 5 * 4?

function factorialize(num) {
  if (num === 0) { return 1; }
  return num * factorialize(num-1);
}

factorialize(5);
wouldn't it just return*
Usman Ahmad Saeed
@UsmanAhmadSaeed
Lol no understanding of js at the moment but try makimg an algorithm before program to get it better
Ravi Kishore Thella
@ravikishorethella
@ahmeah the second method is a recursive method
@ravikishorethella factorialize(num-1) will loop
Juli Cheng
@julicheng
@ravikishorethella is it because the function is called within the function?
Eric Weiss
@eweiss17
that is recursion, yes
you need to make sure there it doesn't go on infinity in recursion though
Ravi Kishore Thella
@ravikishorethella
Juli Cheng
@julicheng
Thanks @ravikishorethella @eweiss17 so recursion is like calling its own function it is in?
CamperBot
@camperbot
ahmeah sends brownie points to @ravikishorethella and @eweiss17 :sparkles: :thumbsup: :sparkles:
:cookie: 491 | @eweiss17 |http://www.freecodecamp.com/eweiss17
:cookie: 826 | @ravikishorethella |http://www.freecodecamp.com/ravikishorethella
Ravi Kishore Thella
@ravikishorethella
@ahmeah yes
Juli Cheng
@julicheng
Why does it return 1 though when num === 0??
Ken Haduch
@khaduch
@faahim - oh, yes that makes sense to do that. I guess I'm a little rusty, either with the bootstrap grid or because it's too early in the morning... :point_up: June 23, 2017 7:14 AM
@ahmeah - because 0! = 1 Another way to look at it is as you subtract 1 from the number, you eventually get to the value of 0 so if your function returned 0 when num === 0, then your final result would be multiplied by 0 and the answer would be 0...
Juli Cheng
@julicheng
thanks @khaduch