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
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
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
whizcat sends brownie points to @athabasco :sparkles: :thumbsup: :sparkles:
: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
do you know how to make a class?
Josh Bailey
@joshbailey0
@Athabasco ok, I guess I do, I completed the HTML/CSS lessons
Maybe I need to go back and revise before this current lesson
Chase
@Athabasco
@whizcat make a new class for the margin left and right
Josh Bailey
@joshbailey0
@Athabasco .center-class {
margin-right: auto;
margin-left: auto;
}
Chase
@Athabasco
now apply it to your top div
Josh Bailey
@joshbailey0
alright
@Athabasco Still no change in apperance
@Athabasco I saved the current state if you want to refresh it
Chase
@Athabasco
.center-class {
  margin-right: auto;
margin-left: auto;
  width: 1040px;
  margin-top: 60px;
}
get rid of body
put body in that