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
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
Jonathan Marx Domah
@marxcom
it seem kind of hard given the fact i just started for a week now
i have covered most of the requirements for this project
i just saw the example codes
in codepen
a mixture of html/css/js makes up this page
HAMS
@309382570
Any one know how to build the navigation bar in Build a Personal Portfolio Webpage...It's so hard XD..