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
max77p
@max77p
i have all the rows in a container no?
Hugo
@monkora
@max77p Now you have to remember your page is rendered top to bottom. So your firstpage div is going "Ok! The window is this wide so I'm going to be this wide too"
@max77p Then your containerless row comes along and goes "Ok! My margins are -15px!"
So it spills out of the firstpage and constantly stretches your page to give you that white space.
@max77p Yes all rows need to be in a container.
@max77p Why are you using a row in this case though?
max77p
@max77p
to keep the "max web design studio and everything below it in the center
Hugo
@monkora
@max77p Vertically or horizontally?
max77p
@max77p
horizontally
Hugo
@monkora
@max77p Well those are actually centered because you've applied text-align: center; to your firstpage CSS.
max77p
@max77p
@monkora ok i am absolutely lost, i have no idea what to fix lol
@monkora i know container-fluid does the trick, but in this case i have the actual row inside the firstpage
and i am applying the image to the entire firstpage (so not to be limited by the rows)
@monkora so beyond this, i have no idea what to fix
Hugo
@monkora
@max77p I'm not telling you outright because I'm trying to lead you to the answer, is that unhelpful?
max77p
@max77p
@monkora yea lol i get what you trying to do, but i am hitting my head right now, i really can't seem to figure this one out...i know its a easy solution, but its really escaping me right now
i fully expect to have a "ohhh" moment
Hugo
@monkora
@max77p Explain to me why you think you're getting the white space.
max77p
@max77p
@monkora i get its spilling out, but why can't i fix it with simple offsetting the margin?
Hugo
@monkora
@max77p You need to use a div that has a margin of 0;
@max77p If you went into the CSS and said .row {margin: 0;}
you'd be changing the margin for all the bootstrap row.
rows*
@max77p I would just delete the class="row" on the div.
max77p
@max77p
@monkora just for the firstpage or all?
Hugo
@monkora
@max77p for all of them
max77p
@max77p
but then wouldn't the grid system in about page not work?
isn't the way of writing bootstrap grid....first you do the container...then row then col-md whatever
?
or do i have the row thing totally misunderstood?

```

<div class="container-fluid">
<div class="row">
...
</div>
</div>

Hugo
@monkora
@max77p That's correct, but in your about section you have the row then the container then the column
if you put the row inside the container it should work
max77p
@max77p
@monkora ohhhhh
there is my ohhh moment
lol
Hugo
@monkora
@max77p hahaha
max77p
@max77p
@monkora perfect, thank you for leading me to the final spot sir!
CamperBot
@camperbot
max77p sends brownie points to @monkora :sparkles: :thumbsup: :sparkles:
:star: 256 | @monkora | http://www.freecodecamp.com/monkora
max77p
@max77p
much appreciated
Hugo
@monkora
@max77p No problem, I could've just told you but I wanted you to understand a bit better. Not sure if that worked lol.
urge*
max77p
@max77p
@monkora haha it def helped me understand this a lot better now, especially after scratching my head on this
will do thanks
Hugo
@monkora
@max77p At some point I suggest making a fresh codepen and experiment making your own grid. It'll help you understand how the grid works.
Sidharth Kriplani
@sidkrip
Can someone help me with the first zipline?
I want to make my about section look the same as this one:
http://codepen.io/alexdevero/full/YPyreM/
how do i do it?
????
Hugo
@monkora
@sidkrip It looks like it's just a heading with a paragraph underneath.