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
Bled A
@TUcode
@kat-mag i used only CSS not bootstrap. if was difficult to adapt myself with bootstrap syntax
maybe because it was my first time
kat-mag
@kat-mag
We're not doing pixel perfect designs anymore :D you can use percents & ems when you size stuff
so your picture for example, won't be cut off when you change the size of your window
or when you open it up on mobile
Aman saxena
@neille2406
@TUcode if someone uses it in mobile to see ur page ,there the image might be a problem so use % more
kat-mag
@kat-mag
But + for doing in css only! Boostrap's evil ;d
koolhany
@koolhany
Hey guys I'm working on the Random Quote Generator project and using bootstrap. I'm confused about why the background image on my footer, within the container, isn't spanning across the entire container? I'm pretty new to CSS, help or advice to fix it or a better way to build it would be much appreciated http://codepen.io/Koolhany/pen/KNdRRo
Bled A
@TUcode
Thank you guys
Carl
@carlm7
Guys, when I resize my browser and the menu buttons stack on each other they overlap the content below. How do I fix that? Thanks http://codepen.io/carlm7/pen/GNpvrZ
Aman saxena
@neille2406
@carlm7 use % for ur images rather than pixels.they automatically take the device size
Carl
@carlm7
@neille2406 Images? My page doesn’t have any at the mo
Aman saxena
@neille2406
sorry @carlm7 try padding that would help
kat-mag
@kat-mag
@koolhany padding/margin on your container. Padding on the footer, padding/margin on the image. Not set width of 100%... take your pick xD
koolhany
@koolhany
@kat-mag are these all the potential reasons that could be stopping it from being full width?
kat-mag
@kat-mag
@carlm7 set padding-top on body. And FIX YOUR TAGS! unclosed, mixed
@koolhany these are the reasons.
@koolhany if you go into devtools and inspect your footer... U get padding on your img, p. U go up & discover padding/margin on your container. U fix it. Then it works, kinda. Buuuut. Then you should see that the footer img is not full width, so you go and set it to 100%;
at least that's how you should debug this thing :P
Carl
@carlm7
Thanks @kat-mag ;)
CamperBot
@camperbot
carlm7 sends brownie points to @kat-mag :sparkles: :thumbsup: :sparkles:
:cookie: 407 | @kat-mag |http://www.freecodecamp.com/kat-mag
koolhany
@koolhany
@kat-mag Okay this makes sense now, I can fix it. Thank you!!
CamperBot
@camperbot
koolhany sends brownie points to @kat-mag :sparkles: :thumbsup: :sparkles:
:cookie: 408 | @kat-mag |http://www.freecodecamp.com/kat-mag
kat-mag
@kat-mag
@koolhany no problem. Devtools should be your new friend :P
Carl
@carlm7
@kat-mag My padding-top is set on the body. All my tags are closed to? Unless I’m missing something
I find it hard working with bootstrap because I don’t know what the elements are going to
do
Oh the trailing <ul> ;)
kat-mag
@kat-mag
ul & nav ;p
but, crap. That navbar just doesn't want to cooperate
@carlm7 ok, change it to navbar-static-top. It supposedly fixes the issue ;D
just remember to remove that body padding
Carl
@carlm7
@kat-mag Haha ok, no scrolling nav bar for me
djangoearnhardt
@djangoearnhardt

Hello :) I am attempting to convert F to C by the use of a button in my weather app. I thought I had it worked out, but I’m getting an unexpected identifier in my code, and I can’t work out what’s preventing the conversation. Can anyone help?
http://codepen.io/djangoearnhardt/pen/woMdpX
My function:

$('.toggle')on('click', function(){
$('.temp').html('<p>' + convertC + '&deg C</p>’);

My variables:

var tempF = Math.floor(((temp * (9/5)) - 459.67));
var convertC = (tempF -v32) * (5/9);
kat-mag
@kat-mag
@djangoearnhardt ehhh ;d
@djangoearnhardt dot. Man. U NEED A DOT ;d
$('.toggle').on('click', function(){
aaand you're missing a ; after your array
djangoearnhardt
@djangoearnhardt
@kat-mag lol thank you very much!!!
CamperBot
@camperbot
djangoearnhardt sends brownie points to @kat-mag :sparkles: :thumbsup: :sparkles:
:cookie: 409 | @kat-mag |http://www.freecodecamp.com/kat-mag
kat-mag
@kat-mag
@djangoearnhardt took me a while to see that -.- i'm getting blind probably ;D
Ethan
@k3rb3r0us
Any tips on starting a blank web page? Having a sort of writers block and can't seem to remember the basics I just learned. I'm working on the "build a tribute page"
djangoearnhardt
@djangoearnhardt

Since I added

$('.toggle')on('click', function(){
$('.temp').html('<p>' + convertC + '&deg C</p>’);
My variables:
var tempF = Math.floor(((temp * (9/5)) - 459.67));
var convertC = (tempF -v32) * (5/9);

my page is behaving weird. I guess my actions are out of order now.

It won’t display the three API values I had previously defined...
Ian Duke
@1andee
@k3rb3r0us Maybe check out what other Campers made, for some inspiration? http://codepen.io/search/pens?q=tribute+page
kat-mag
@kat-mag
@k3rb3r0us set up your html tags. Get a heading, main content, footer... Then try to fill them up with something ;p
Ethan
@k3rb3r0us
Thanks @ianduke @kat-mag