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
CamperBot
@camperbot
:cookie: 295 | @rationalcoding |http://www.freecodecamp.com/rationalcoding
playingwithinfinity
@playingwithinfinity
How do you make a JS calculator? I can make the click functionality and the actual program, but I have no idea how to make it look like a real calculator? How do I style and arrange the elements?
Miguel T Rivera
@mtrivera
@playingwithinfinity With CSS https://developer.mozilla.org/en-US/docs/Web/CSS
playingwithinfinity
@playingwithinfinity
@riveratmiguel duh
I mean how?
Like make a table? If I make a table, the buttons are too far apart. If I use Bootstrap grid, then again, they are not centered and they are too far apart.
Thomas Mullen
@t-mullen
@playingwithinfinity There's many ways to do it! Try something you think will work, then tweak it until you get close.
playingwithinfinity
@playingwithinfinity
This has to be the most frustrating challenge I've ever done.
Miguel T Rivera
@mtrivera
@playingwithinfinity Look into CSS Grid
https://appendto.com/2017/02/the-basics-of-using-css-grid/
I would not recommend a table. Table layout was popular during the 90's and is considered bad practice (Except HTML emails but that's another story)
playingwithinfinity
@playingwithinfinity
Okay
@riveratmiguel How would a CSS grid differ from Bootstrap grid?
Chase
@Athabasco
Just finished my local weather app
Chase
@Athabasco
Open the pen itself for it to work
Thomas Han Jnr
@thanjnr
@Athabasco temp taking forever to load , on mobile btw
Chase
@Athabasco
@eThomasHan Oh... I haven't formatted anything for mobile
Did you try opening it in a separate window?
@eThomasHan Just let me know if it works in a separate window.
Thomas Han Jnr
@thanjnr
Works fine @Athabasco
Josh Bailey
@joshbailey0
hey, anyone up to help me out with some issues in the "Tribute page" lesson?
Chase
@Athabasco
@eThomasHan thx
CamperBot
@camperbot
athabasco sends brownie points to @ethomashan :sparkles: :thumbsup: :sparkles:
:cookie: 304 | @ethomashan |http://www.freecodecamp.com/ethomashan
Chase
@Athabasco
@whizcat Yup, what's your question
CamperBot
@camperbot
whizcat sends brownie points to @athabasco :sparkles: :thumbsup: :sparkles:
Josh Bailey
@joshbailey0
@Athabasco Hi, thanks. I have designed this page and want to center it in the browser window. Not too sure about how to go with it using Bootstrap. Here is the code pen
CamperBot
@camperbot
:cookie: 238 | @athabasco |http://www.freecodecamp.com/athabasco
Josh Bailey
@joshbailey0
@Athabasco and here is the example Tribute page I am trying to imitate https://codepen.io/freeCodeCamp/full/NNvBQW
Chase
@Athabasco
@whizcat click on the gear sign on css
@whizcat click 'quick add'
@whizcat 'bootstrap'
Josh Bailey
@joshbailey0
ah yeh I had done that already, just adds a clone when I do it again
Chase
@Athabasco
@whizcat add the class to your div that embodies everything
with 'text-center'
Josh Bailey
@joshbailey0
Thanks!
Chase
@Athabasco
@whizcat click on the grey text beside my bold text of my name to highlight me so i can see easier
@whizcat or for anyone
Josh Bailey
@joshbailey0
@Athabasco so I added ---- <div class="container text-center"> to the very top tag but it didn't change the appearance
Chase
@Athabasco
@whizcat ok, create a new css class
label it what you want
include this
margin-right: auto;
margin-left: auto;
embody everything
Josh Bailey
@joshbailey0
@Athabasco Nice! I remember that now. One moment.

@Athabasco Ok here is the udpate https://codepen.io/whizcat/pen/WRgzPd

Now I have lost my 60px top margin though

of white space
Chase
@Athabasco
go
margin-top: 60px;
@whizcat ok i just looked at your css and html
there is a lot of mistakes