Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
  • Jun 19 2020 20:09
    @krisb1220 banned @Gastony
  • May 14 2020 22:39
    @bjorno43 banned @minitechtips_twitter
  • May 14 2020 22:38
    @bjorno43 banned @real-action
  • Feb 01 2020 00:27
    @bjorno43 banned @Ndoua
  • Jan 07 2020 03:10
    @bjorno43 banned @doctor-sam
  • Aug 17 2019 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 2019 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 2019 17:13
    @mstellaluna banned @cmal
  • Jan 08 2019 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
Randy Goldsmith
i thought the container element in bootstrap centered the content? maybe it just contains it all in one container. Do I need to apply an explicit width to container?
Coy Sanders
you still have the column problem :)
thats not how it works, columns need to add up to 12, per row
Randy Goldsmith
@coymeetsworld yes i did 4 rows..each with col-sm-3
Coy Sanders
basically you're saying just use the first fourth of the row's width to put content
columns need to add to 12, per row
Randy Goldsmith
@trip16661 No I have worked a lot with responsive sites, but for my organizations ... now I want to create my personal portfolio :)
Randy Goldsmith
Coy Sanders
anyways you probably shouldn't do it that way anyways
try using a table instead
Randy Goldsmith
i was just trying to use bootstrap in this project
Coy Sanders
you can still use it, but for laying out the calculator i would use a table
youre going to have to hack around bootstrap to get it working correctly the way you want it
Randy Goldsmith
so i would set my .calc div to display: table?
Coy Sanders
no i mean actually use table tags, idk just a though
you can try with bootstrap to lay it out but I had problems doing it that way, just went to table
Randy Goldsmith
@coymeetsworld okay thanks
dueldrawer8 sends brownie points to @coymeetsworld :sparkles: :thumbsup: :sparkles:
:warning: dueldrawer8 already gave coymeetsworld points
Coy Sanders
np good luck
Randy Goldsmith
@coymeetsworld what about assigning spans to each number instead of buttons?
Coy Sanders
i think buttons are ok
you can style buttons too
Jan Reimer
hey guys i am bilding my own portfolio at the moment and i wanted to know how i do this think at the top that like in this page https://codepen.io/FreeCodeCamp/full/YqLyXB/
i this case it is the pink think at the top
Coy Sanders
@najre you can do it through css
setting up a fixed position on an element
Collin Beder
yeah create an:
```.hr.star-bright {
and try to get it aligned correctly within your header
.hr.star-bright { }
nvm that does’t work I’m not sure how to do it.
@Dueldrawer8 to center a block in bootstrap, set it to center-block. I think it needs to be in a row class div
@Dueldrawer8 also try setting margin: 0 auto; in CSS
@Dueldrawer8 if you're using columns, try adding an offset class to it. Check booststrap documentation for offsetting
Brooks Van Buren
Hey all, how can I make all these buttons centered within the navbar?
I tried containing the buttons within one div, within the bar, and giving the div margin: 0 auto; but that did not work
Elbert Cortez
const setShowcaseImg = function() {
        const thisProject = project[$(this).data("project")];
        //gets the name of the project to later use it to fetch properties from that project
        $showcaseImg.find("img").attr("src", thisProject.img);
        //gets the url of the imagen and set it
        //gets the description 
        $showcaseImg.find("a").attr("href", thisProject.url);
        //gets the url 
        // then it opens a div containing this info 
I have something like this to showcase some images with text and a link but when i close the showcase div and activates it again with a different images it just takes like 30ms to actually change the image it work, but i can still see the previous image for like 20ms and that's not good :worried:
any idea of why, or how to work around it? I guess i can just simplely add a conditional or a setTime function to delay it but if you ask me it sound cheap :worried:
Brooks Van Buren
Nevermind! I found out all I have to do is add text-align: center; to the navbar, and it centers the button elements.
Screenshot from 2016-07-22 20-02-51.png

I am trying to align my button and my temperature on the same line.
Ideally, I would like the button to be align to where the degree symbol should be, but I will settle for just getting them on the same line for now.


var code = "formatted";
<div class="row-fluid" id="pushDown">
    <div class="col-xs-12">
        <h1 id="temp"><h1>
                <button class = "btn btn-circle" id = "button" onclick = "switchScale()">C</button>


var code = "formatted"
  width: 3vw;
  height: 3vw;
  text-align: center;
  padding: 1vw 0 ;
  font-size: 1vw;
  line-height: 1.42;
  border-radius: 2vw;
#pushDown {
  display: inline-block;
  margin-top: 10%;
Manuel Micu
@khaduch ok thanks for the info. I updated it
manu-4216 sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1475 | @khaduch |http://www.freecodecamp.com/khaduch
Manuel Micu
help react

:point_right: building applications with react and flux [wiki]

Building applications with React and Flux

This is designed to run in a c9 environment.

Once installed, enter npm install into the bash terminal. Then type gulp from the bash terminal.

Your React development environment is now ready.

The environment will compile React JSX, Lint JSX and JS with ESlint, Bundle your JS and CSS files, Migrate the built app to the dist folder, and run a dev web-server.

github repository

:pencil: read more about building applications with react and flux on the FCC Wiki

Manuel Micu
resources react
Adithya Reddy
Hey guys
Could anyone recommend some resources for me to get better at front-end, specifically responsive and mobile first sites