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
Elizabeth Paul
@Kowalatam
@moT01 it's not working :worried: .. well i will just do manually for now
@moT01 something like this https://codepen.io/Kowalatam/pen/oeqrxa
Gulsvi
@gulsvi
@Kowalatam Calculator goes 7 8 9 on first row, 4 5 6, then 1 2 3
And you need some CSS for those "buttons"
Elizabeth Paul
@Kowalatam
@SkyC0der Yeah, i'm just starting this project now .. :).
i will reverse the other now..
Liam Docherty
@ldocherty1

@SkyC0der https://codepen.io/liamdocherty1/pen/dzvqbB. I tried adding mt-4 to the class. Possibly done it wrong due to it not moving.

Just to confirm, within #part2 I'm trying to move down the classes section-heading and section-subheading by margin-top:4rem;

Gulsvi
@gulsvi
@ldocherty1 When I add mt-4 to that div, it moves down

Be sure to put it in a row too:

      <div class="row">
        <div class="col text-center">
          <h2 class="section-heading mt-4">Services</h2>
          <h3 class="section-subheading">Lorem ipsum dolor sit amet consectetur.</h3>
        </div>
      </div>

Change that mt-4 to mt-5, mt-3, etc.. and watch it move around

You can also just use CSS:
#part2 .section-heading {
  margin-top: 4rem;
}

#part2 .section-subheading {
  margin-top: 3rem;
}
Liam Docherty
@ldocherty1
perfect :) it works @SkyC0der thanks!
CamperBot
@camperbot
ldocherty1 sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 2515 | @skyc0der |http://www.freecodecamp.com/skyc0der
Elizabeth Paul
@Kowalatam
@moT01 where i am now :smile: https://codepen.io/Kowalatam/pen/oeqrxa
nothing works yet lol
Minoy
@minoy

Hello! I am trying to change the colour of the <li> elements that make up my navbar by applying a CSS class to the <div> that contains the <li> elements. It is not working.
This is the CSS class:

.navbarTextColor {
    color: #f7b733;
}

and this is the <div>:

<div class="collapse navbar-collapse navbar-right navbarTextColor" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li><a href="#">About</a></li>
                        <li><a href="#">Blog</a></li>
</ul>
</div>

Any ideas?

Elizabeth Paul
@Kowalatam
@minoy maybe try being more specific by using the class of the ul ?
teevik
@teevik
You could try inspecting with chrome and look at the css for the li, the color might not inherit from the div
Elizabeth Paul
@Kowalatam
or inspect ..... what @teevik said
lol
Gulsvi
@gulsvi

@minoy You appear to have a Bootstrap 3 navbar. Add this CSS to your project and change the colors as desired.

.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

This will override the bootstrap default colors. It's from here: https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css

Minoy
@minoy
@teevik @Kowalatam Thanks! fixed it by using the inspector.
CamperBot
@camperbot
minoy sends brownie points to @teevik and @kowalatam :sparkles: :thumbsup: :sparkles:
:cookie: 231 | @teevik |http://www.freecodecamp.com/teevik
:cookie: 308 | @kowalatam |http://www.freecodecamp.com/kowalatam
Minoy
@minoy
@SkyC0der Thanks! I used something like what you have mentioned.
CamperBot
@camperbot
minoy sends brownie points to @skyc0der :sparkles: :thumbsup: :sparkles:
:star2: 2517 | @skyc0der |http://www.freecodecamp.com/skyc0der
Pagnito
@Pagnito
anyone know how to access this shit
Promise {[[PromiseStatus]]: "resolved", [[PromiseValue]]: Array(100)}proto: Promise[[PromiseStatus]]: "resolved"[[PromiseValue]]: Array(100)
Gulsvi
@gulsvi
@Pagnito You have to resolve()
Pagnito
@Pagnito
how?
Gulsvi
@gulsvi
It's a promise object - it can't be accessed directly
Pagnito
@Pagnito
so how do i resolve it?
Gulsvi
@gulsvi
I'd have to see the code - but usually a .then(function(data) {})
Pagnito
@Pagnito
k hold on
i did that tho
Gulsvi
@gulsvi
Or, through Promise.resolve()
Pagnito
@Pagnito
class App extends React.Component {
  constructor(props){
    super(props)
    this.state = {
        leaders: []
    }
    this.handleShit = this.handleShit.bind(this);
    this.getLeadersList = this.getLeadersList.bind(this);
    this.getLeadersList()
  }
  getLeadersList(){
    fetch('https://fcctop100.herokuapp.com/api/fccusers/top/recent').then(listObj => {
      console.log(this.state.leaders.PromiseValue)
      this.setState({leaders: listObj.json()})
    }).catch(function(error) {
    console.log('Request failed', error);
  });
  }
  handleShit() {
    console.log(this.state.leaders)
  }
  render(){
    return (
      <div onClick={this.handleShit}>
          wtf

      </div>
    )
  }
}
ReactDOM.render(<App />, document.getElementById('jeff'));
Gulsvi
@gulsvi
@Pagnito fetch.then(res => res.json()).then(listObj =>
fetch always needs to parse the json in the initial response first with .then(res => res.json())
brb
Pagnito
@Pagnito
@SkyC0der saved the day!
John
@AnonymousLords
Hey guys i need help on a little math here
What would this mean? I'm using a forza tuning calculator & i dont know what this means. Its mathso you guys might be able to help
`Enter the strength in the form of whole percentage. The accepted Range is 1 to 200 (in increments of 1), where 100 = 100%. 100% represents default calculator output.
My front spring is 819.8 Pounds, so how would i turn that into a percentage?
Tom
@moT01
there must be some formula or something the percent is based off anyway
John
@AnonymousLords
The tutorial i found on youtube just skips this part, so i'm completely confused on what i should enter.
Should i link the site? It says "Not secure" so im not sure...