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
vengal4327 sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 364 | @mot01 |http://www.freecodecamp.com/mot01
Sundeep
@pidugusundeep
hey can someone help me with the sticky footer
Dylan-Clelland
@Dylan-Clelland
Can you guys give me some feedback on this? http://codepen.io/DylanClelland/pen/ENOaGp
Dylan-Clelland
@Dylan-Clelland
How do I make it so when you click on one of the links it takes you somewhere on the page?
Like when you click "Contact" it takes you to the bottom of the page to the Contact Section
Anthony Contreras
@AmazeCPK
Man, I absolutely SUCK at front end web dev. I can't seem to do anything without a lot of time googling, and then breaking other code i previously did
Nathanael-M
@Nathanael-M
@Dylan-Clelland, you use ID's on classes. Then you target those ID's with hashes in hrefs!
@Dylan-Clelland
<a href="#slide-1"></a>

<div id="slide-1"></div>
Anthony Contreras
@AmazeCPK
Can someone please help me acieve this effect? http://prntscr.com/djm895
I don't even know what to google at this point -__-
Nathanael-M
@Nathanael-M
@AmazeCPK You mean just having text and an image beside eachother?
Orrr...something more specific? Not 100% sure what you mean!
Anthony Contreras
@AmazeCPK
simply yes,
Sorin Ruse
@sorinr
@AmazeCPK you can use flexbox in css with space around. here something to look at:flexbox
Anthony Contreras
@AmazeCPK
but also I would like it centered vertically on the page
alrighty, watching it now now
Nathanael-M
@Nathanael-M
@AmazeCPK Flexbox isn't my first recommendation because it isn't well supported by IE, but there are other ways.
Anthony Contreras
@AmazeCPK
damn that backwards browser!
Nathanael-M
@Nathanael-M
Look at positioning elements. Just start with the basics :) In this case, floats.
<body>
     <div class="row">

         <div class="text">
               <p>YaddaYadda</p>
         </div>

         <div class="image">
         </div>
     </div>
</body>
Anthony Contreras
@AmazeCPK
alright, will look at floats first. and while I have you guys here.. I am also always having this problem. (one sec)
For some reason elements are going behind the navabr
Nathanael-M
@Nathanael-M
body {
   background-image: url(whatever);
   background-size: cover;
}

.row{
   position: relative;
   width: 80%;
   height: 400px;
   margin: 0, auto;
   margin-top: 100px;
}

.text{
   position: relative;
   height: 100%;
   width: 45%;
   float: left;
   margin-right: 10%;
}

.image {
   background-image: url (askldlaksd);
   background-size: cover;

   position: relative;
   height: 100%;
   width: 45%;
   float: left;
}
@AmazeCPK Something like that off the top of my head maybe.
@AmazeCPK Unless you're using bootstrap in which case it's way easier. Just look into their grid system more.
Anthony Contreras
@AmazeCPK
@Nathanael-M works better than what I had before for sure, just need to align it horizontally center
Sorin Ruse
@sorinr
margin: 0 auto;
Nathanael-M
@Nathanael-M
@AmazeCPK as for you navbar, you've got A LOT going on there. I'd recommend starting with a really simple navbar that you understand all about. Quick fix? Make a container class and give it a margin-top of the height of your navbar. Put all your content inside of that.
Change body to display: block; , position: relative; If margin: 0, auto; still doesn't work, just put a left and right margin of 10% on .row.
I gotta head to bed, but definitely read more about positioning!
Goodluck!
Anthony Contreras
@AmazeCPK
thank you @Nathanael-M ! you've helped a lot!
CamperBot
@camperbot
amazecpk sends brownie points to @nathanael-m :sparkles: :thumbsup: :sparkles:
:cookie: 206 | @nathanael-m |http://www.freecodecamp.com/nathanael-m
Cruise
@cruiset
hey guys how to move an image up, towards the top of the page?
Jonathan Marx Domah
@marxcom
need help with code pen
can someone give me walkthrough? please
Sorin Ruse
@sorinr
@cruiset you can use a negative margin like: margin-top: -100px;
Cruise
@cruiset
@sorinr will that move the image?
Sorin Ruse
@sorinr
@cruiset if you apply it to the container holding the img. yes
Jonathan Marx Domah
@marxcom
how to access libraries for front end apps
Sorin Ruse
@sorinr
@marxcom what libs?
Jonathan Marx Domah
@marxcom
@sorinr I need help building personal profile
Sorin Ruse
@sorinr
@marxcom whats the problem?
Jonathan Marx Domah
@marxcom
don't know how begin
Fulfill the below user stories. Use whichever libraries you need. Give it your own personal style.
Sorin Ruse
@sorinr
it tells you that you are free to use whatever you want in terms of html/css/js