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
jenishm sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 418 | @sorinr |http://www.freecodecamp.com/sorinr
Damian Collier
@damianpcollier

I'm trying to create a page with a fixed header and seem to be having an issue getting started. See code below. This just seems to fill a page and does not allow scrolling.
Any thoughts on where I am going wrong please?

http://codepen.io/collierd/pen/vKmqkO

Sorin Ruse
@sorinr
@jenishm welcome.
@damianpcollier u r opening 3 <div> tags but closing only 2 </div>.
Damian Collier
@damianpcollier
@sorinr the header class opens and closes on the same line
Sorin Ruse
@sorinr
@damianpcollier yep. sorry but you nested your <div class="content"> within ur <div class="header-cont"> that have a fixed position. so all inside class=header-cont will not move
Damian Collier
@damianpcollier
Perfect, go it - thanks!
Thanks @sorinr
CamperBot
@camperbot
damianpcollier sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 419 | @sorinr |http://www.freecodecamp.com/sorinr
MarkHR
@MarkH16
Hey guys,how do i make the "Check out his inventions" respond on smaller devices so it scales?Tried using @media but didn't quite work,don't know how to use it.Also when I'm editing in Atom the font isn't applied but in codepen it is?What's up with that?http://codepen.io/MarkHCP/pen/OXWoeJ
Sorin Ruse
@sorinr
@MarkHgit in your @media (max-width: lets say 600px;) { make your h1{ font size: 0.8rem;} you can play with 0.8rem value to suit ur needs
MarkHR
@MarkH16
@sorinr Ahh thanks worked like a charm.Any idea for the font problem?
CamperBot
@camperbot
:cookie: 420 | @sorinr |http://www.freecodecamp.com/sorinr
markhgit sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
Sorin Ruse
@sorinr
@MarkHgit whats the font problem?
MarkHR
@MarkH16
@sorinr I edit all of my code in Atom then paste it in codepen.In atom when i preview the code in a browser the font isn't applied but in codepen it is?
Blake Geraci
@bgeraci714
Wait, so it doesn't work outside of codepen and then works when you copy and paste it in?
@MarkHgit
MarkHR
@MarkH16
@bgeraci714 Yeah excatly
Blake Geraci
@bgeraci714
Sounds like a dependency issue.
Do you have codepen set up to automatically include anything for new files (bootstrap, etc)?
MarkHR
@MarkH16
@bgeraci714 Figured it out,the link in the <head> part was missing a closing tag but didn't see it,atom layout covered it hate it when these small things are responsible for such a huge problem -.-
Blake Geraci
@bgeraci714
Yep, it's funny how that works out eh?
@MarkHgit can I get your thoughts on a background for the portfolio project?
MarkHR
@MarkH16
@bgeraci714 Yeah sure hit me
Im split between the 3-4 different background images idea and the one consistent one with containers/text floating on top. I made the image in Photoshop so I can always brighten it up or change it as necessary
MarkHR
@MarkH16
@bgeraci714 So you mean to cover the entire page with that image?
Blake Geraci
@bgeraci714
Mhm
and I'll have a nav bar and footer that are the same purplish color as the central pillar
so it all would blend really well
im just not sure if it's too pale or needs work overall
MarkHR
@MarkH16
@bgeraci714 I think it would work well especially with those nav bar and footer colors,just be sure to use a clean font,if it doesn't work you can always tweak it :)
Blake Geraci
@bgeraci714
True! Thanks @MarkHgit
CamperBot
@camperbot
bgeraci714 sends brownie points to @markhgit :sparkles: :thumbsup: :sparkles:
:cookie: 273 | @markhgit |http://www.freecodecamp.com/markhgit
Blake Geraci
@bgeraci714
itms kinda funny how the whole brownie points bot works
It's**
Thanks @camperbot
CamperBot
@camperbot
bgeraci714 sends brownie points to @camperbot :sparkles: :thumbsup: :sparkles:
:star2: 1997 | @camperbot |http://www.freecodecamp.com/camperbot
MarkHR
@MarkH16
@bgeraci714 hahahah yeah its a little silly
Hamza Nasim
@HamzaNasim
heyy anybody knows how to center the text of footer ??
i'm using inverse navbar footer ..
Hristijan Gjorgjievski
@hristijankiko
@HamzaNasim have you tried text-center?
Hamza Nasim
@HamzaNasim
yess @hristijankiko
MarkHR
@MarkH16
@HamzaNasim try margin:0 auto
Hamza Nasim
@HamzaNasim
@MarkHgit doesn't work ..