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
kirbyedy
@kirbyedy
@VanAmoVe nope its fine, the problem is in that responsiveness I was talking about, it is up to you if you want to explore deeper or not
mohzo
@mohzo
i tried loading picture from my pc but its not showing the picture . any help pls. <img class="img-responsive thick-green-border" src="C:\Users\mohzo\Desktop\freecodecamp\m.jpg" alt="mohzo's picture ">
kirbyedy
@kirbyedy
@VanAmoVe if you are interested check this out: https://www.youtube.com/watch?v=BIz02qY5BRA
@mohzo I think you should upload the picture somewhere on the internet in order for everybody to access it
because we can not access your computer :)
mohzo
@mohzo
to where should i upload the image? github?
kirbyedy
@kirbyedy
yes you can use github
or any other cloud service that supports public access
mohzo
@mohzo
@kirbyedy thanks
CamperBot
@camperbot
mohzo sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 1710 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
Gulsvi
@gulsvi

@VanAmoVe This seems to work better for me:

body {
  background: url("https://static-wp.lonewolfmag.com/140717134225-frida-kahlo-photo-horizontal-large-gallery.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

Source: https://css-tricks.com/perfect-full-page-background-image/

Your computer might load images more quickly if you use an image hosting service rather than hotlinking
mohzo
@mohzo
@kirbyedy <img class="img-responsive thick-green-border" src="https://github.com/mohzo/repo1/m.jpg" alt="mohzo's picture "> . this image refused to display
Axiomteck
@axiomteck
hey how can i add google feed or reviews to my wordpress website
kirbyedy
@kirbyedy
@mohzo are you sure that is the correct way of linking picture from github ?
cause when I try to enter that link into the browser I get not found
so I am guessing the link is not right
mohzo
@mohzo
ok
down at the bottom should be the example I think
Ve Vanderpool
@VanAmoVe
@SkyCoder01 that seemed to make it worse
Alexey Mikhaylov
@plxel
hi, can anybody help with adding link to react-toolbox dist js file to codepen? where I can find it? or how can i use npm react libraryies without cdn like bootstrap
Josh Chatfield
@joshchatfield
Hello, can someone help please? when I use .getJSON to connect with wikipedia's api I get the console error "No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access."
Ghulam Shabir
@ghulamshabir
@joshchatfield try adding &origin=* to the url
Josh Chatfield
@joshchatfield
@ghulamshabir ok I will try
@ghulamshabir That did it, you're a genius, thank you :-)
CamperBot
@camperbot
:star2: 1758 | @ghulamshabir |http://www.freecodecamp.com/ghulamshabir
joshchatfield sends brownie points to @ghulamshabir :sparkles: :thumbsup: :sparkles:
Ghulam Shabir
@ghulamshabir
@joshchatfield :smile:
Gulsvi
@gulsvi
image.png
@VanAmoVe This is the difference for me - the one on the left uses the code I gave, the one on the right is the original. All it does is center the background:
I'm going through some of the responsive challenges now, so can't help too much on fixing your text (yet)
lastix
@lastix
Hi guys, stupid question probably but. I'm trying to set a full height/width background image for the body. But when i add anything to my page, the page get's longer and i see a scrollbar? Like, even a single h1 makes a scrollbar appear. Why is this happening?
aenila
@aenila
background-size: 100% is what I used on the Local Weather challenge and it worked fine for me. Perhaps that will work?
Cristina Jean Donato
@cristinajeandonato
@lastix try styling the body to overflow: hidden; margin: 0;
lastix
@lastix
@cristinajeandonato fixed it, seems like the h1 margin caused the problem. Did it only caused a problem because it was on the edge of the viewport?
Brian Dodwell
@dodwellwebdev

<style>
body {
background-color: black;
font-family: Monospace;
color: green;
.pink-text {
color:pink;
}

}
</style>

<h1 class="pink-text">Hello World!</h1>

Naterroy1
@Naterroy1

<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Tangerine">

<div class="violet-background">
<h1>Nate's Porfolio</h1>
<div class="line-height row">
<button class="btn-primary btn pull-right btn-lg col-lg-2">Contact</button>
<button class="btn-primary btn pull-right btn-lg col-lg-2">Portfolio</button>
<button class="btn-primary btn pull-right btn-lg col-lg-2">About</button>
</div>
</div>

<body>
<div class="boxed">
<h2><span>About me!<span><h2>
<p>I am just a young man. I am just starting out on Free Code Camp, which means I have no prior coding experience. One day I hope to make websites for people to make bank.</p>
<img src="http://bit.ly/2i5tuxr" alt="Picture of my favorite rapper">Me and my identical twin brother. I am on the right.</img>

why wont my image work??
Ghulam Shabir
@ghulamshabir
hello dear campers please review my wikipedia viewer project http://codepen.io/ghulamshabir/full/GrvLrE/
Cristina Jean Donato
@cristinajeandonato
@thedodwellemporium you place the style pink-text within body style which is causing the error
Tyler Moeller
@TylerMoeller
@lastix @cristinajeandonato overflow:hidden will make it so you cannot scroll your page, so be sure that's what you want on smaller screens. To visualize what's going on, try giving a different background color to html:
html {
  box-sizing: border-box;
  background-color: black;
}
Cristina Jean Donato
@cristinajeandonato
@thedodwellemporium <style>
body {
background-color: black;
font-family: Monospace;
color: green;
}
.pink-text {
color:pink;
}
</style>
sennator
@sennator2
why isn't anything showing in console when i call my wiki function
Naterroy1
@Naterroy1
nevermind the image address was invalid
kirbyedy
@kirbyedy
@sennator2 it does
Uncaught ReferenceError: json is not defined