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
Gulsvi
@gulsvi
@fortMaximus Yes, that's one way to think of it :)
Christopher
@christopherwangemann
@SkyCoder01 thx! I'm slowly starting to understand what's going on in bootstrap :p I find there's a steep learning curve after doing the little lessons on FCC and then building a portfolio page from scratch
CamperBot
@camperbot
christopherwangemann sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:cookie: 155 | @skycoder01 |http://www.freecodecamp.com/skycoder01
Gulsvi
@gulsvi
The container CSS code is very simple actually, just centers everything inside and gives some padding. I learned a lot of this from talking to @sorinr the other day :)
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
That's all it does
container is the same, but uses a set width on different screen sizes
h1tag
@h1tag
good to know! Thanks again :smile:
Christopher
@christopherwangemann
@SkyCoder01 Ah thx!
CamperBot
@camperbot
christopherwangemann sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:warning: christopherwangemann already gave skycoder01 points
Gulsvi
@gulsvi
No problem :) I wish the javascript algorithms were like this
h1tag
@h1tag
LOL
EZ
Christopher
@christopherwangemann
@SkyCoder01 when you use container, it automatically uses the 4 different sizes that are predefined in the bootstrap documentation depending on the screen size or do you have to define those separately?
Gulsvi
@gulsvi
@christopherwangemann It automatically uses them
Christopher
@christopherwangemann
@SkyCoder01 ah ok cool
Chris
@ChrisWHurd
Hi I am currently on the build tribute page task. I am struggling to find a way to get the approximately 1 inch white border around the entire page like he has in his example. any advice?
Christopher
@christopherwangemann
@SkyCoder01 Can I ask one more thing? I put the picture and paragraph together and made the image float. Should I put each in separate columns?
@ChrisWHurd i just put a margin on the body when I did it
@ChrisWHurd in percentage tho to not have too much space when you're on a small device
Gulsvi
@gulsvi

@christopherwangemann I think something like this would look good - I skipped the portfolio though

          <div id="about" class="row">
            <div class="col-xs-4">
              <img src="path to your picture" class="img-responsive center-block" />
            </div>
            <div class="col-xs-8">
              <p>about text</p>
            </div>
          </div>

That will make the picture take up about 25% of the width and the text the other 75%. You can adjust the 4 and the 8 for the columns as needed.

Chris
@ChrisWHurd
Ok Thanks
Gulsvi
@gulsvi
Think I'll do the portfolio after I finish all the other front-end projects so I can add them all in at once
Christopher
@christopherwangemann
@SkyCoder01 ah ok thx I'll try that
CamperBot
@camperbot
christopherwangemann sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:warning: christopherwangemann already gave skycoder01 points
Christopher
@christopherwangemann
@SkyCoder01 I guess I don't need the float then right?
Gulsvi
@gulsvi
@christopherwangemann Right, if you put it in it's own column, bootstrap will float it for you
Christopher
@christopherwangemann
@SkyCoder01 ok cool! Thanks so much for your help! I appreciate it!
CamperBot
@camperbot
christopherwangemann sends brownie points to @skycoder01 :sparkles: :thumbsup: :sparkles:
:warning: christopherwangemann already gave skycoder01 points
Gulsvi
@gulsvi
No problem!
herk713
@herk713

Change the code to use the ++ operator on myVar.

var myVar = 87;

// Only change code below this line
myVar = myVar + 1;

Need Help

Ken Haduch
@khaduch
@herk713 - did you see the examples of where they used ++? You are just supposed to change the linemyVar = myVar + 1; to use the ++ operator instead of adding one by using the variable on both sides of the =
herk713
@herk713
@khaduch i still dont understand though?
Ken Haduch
@khaduch
@herk713 - okay -looking at the example - they tell you that i++; is the equivalent of i = i + 1;. The initial code that they give you in the editor is: var myVar = 87;, which is initializing that variable to a value of 87. and the tests want you to change the linemyVar = myVar + 1;, to something using the ++ operator, which will result in the value of 88 for the value of myVar. So - just like i = i + 1; is the same as i++; myVar = myVar + 1; can be written using the ++ operator...
Spyrantis Theodoros
@thodorisanta

im curently working on the calculator project. And im about to start with the javascript part.And i have no idea where to start.. :/

https://codepen.io/oshikurou/pen/WRyJwm?editors=0010

Tom
@moT01
@thodorisanta maybe start by getting all the buttons to just log their value on a click
Sam Griffen
@ssgriffen
I'm trying to return an array of all occurences of parenthesis in a string, i'm using /[()]/g to do this...what method should I call to get back the array right now I'm using RegExp.prototype.exec but its only returning one "(" in the string "(12345)678(912"... any thoughts?
Faddah Wolf
@faddah
Hello, I need help with JavaScript/jQuery on my second FCC Portfolio project, with touch screens. my jQuery code works great for my Nav buttons with a mouse click or touchpad on a desktop or laptop. but on mobile screens — iPad, iPhone, Android or Windows tablets or phones — the top three .navbar buttons, .about-btn, .portfolio-btn, and .contact-btn do not work, but the three .top-btn’s lower down on the page do, but they don’t run the jQuery .animate() function. any hel with this, please? here is the codepen — http://codepen.io/faddah/pen/egVyrM .
Tom
@moT01
so what is your result supposed to look like @ssgriffen
for your example
Sam Griffen
@ssgriffen
it should look like this [ "(" , ")" , "(" ] @moT01
or ["()("] @moT01
@moT01 actually I may have a better idea for this nvm
Tom
@moT01
glad i could help
Sam Griffen
@ssgriffen
@moT01 lol
Tyler Moeller
@TylerMoeller
@faddah Not sure if ES6 features like const and arrow functions are supported in the mobile browser you're using, but one thing you can do to help with compatibility is to use babel as your preprocessor - looks like you have Typescript enabled now.