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
Tomas
@TOMEJUS
@AkashKumarVerma https://s28.postimg.org/ns6ynkrn1/emptyspaces_TRUE.png these spaces, can you see them?
Akash Kumar Verma
@AkashKumarVerma
@TOMEJUS whatbrowser are you using
Tomas
@TOMEJUS
Chrome, I believe if I'd put bigger size images the issue would go away, but I really want to solve this without doing that :(
Akash Kumar Verma
@AkashKumarVerma
@TOMEJUS no they are not appearing in Firefox50
Tomas
@TOMEJUS
@AkashKumarVerma That's really weird, since I do understand why there are spaces, when I put image I put it on central align (so there was like 10px each from each side) untouched which I believe is the space
Akash Kumar Verma
@AkashKumarVerma
@TOMEJUS trying adding vendor prefix to transform property in meatime i will take a look at it in chrom
Clyde Lobo
@oppiniated
@TOMEJUS Those spaces are padding added by the grid framework
Tomas
@TOMEJUS
@AkashKumarVerma I added prefixes, try now. How's chrome?
Akash Kumar Verma
@AkashKumarVerma
@TOMEJUS ye it is appearing in chrome
Tomas
@TOMEJUS
@oppiniated I understand that, since they need to take all the space in the row, right? Any ideas how do I get rid of them, or even better just don't select them when applying something?
Sorin Ruse
@sorinr
@TOMEJUS make
#section3 .col-xs-4 {
  overflow: hidden;
    border: 10px solid red;
  padding: 0;
}
@TOMEJUS if this is what u want
Akash Kumar Verma
@AkashKumarVerma
@sorinr why it is not happeing in firefox
Tomas
@TOMEJUS
@sorinr I tried that already, didn't seem to work, I'll try again.
@AkashKumarVerma have you tried now? Since I added prefixes? Honestly I have no clue.
Sorin Ruse
@sorinr
@TOMEJUS here is the working forked pen
Clyde Lobo
@oppiniated
@TOMEJUS add a class of no gutter to the parent of those elements and then use this css
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
Tomas
@TOMEJUS
Minimaze HTML/CSS/JS (get preview wider) and you will it isn't. Unfortunetely :(
Akash Kumar Verma
@AkashKumarVerma
@TOMEJUS it ok now no spaces appearing
Tomas
@TOMEJUS
@AkashKumarVerma I still have spaces with full page view, same size
Sorin Ruse
@sorinr
@TOMEJUS here a snapshot of that pen on ff
Akash Kumar Verma
@AkashKumarVerma
@TOMEJUS no not in my chrome try refresing the page
Clyde Lobo
@oppiniated
@TOMEJUS created a fork with no padding http://codepen.io/clydelobo/pen/apNEQO
Sorin Ruse
@sorinr
@TOMEJUS that padding: 0 works on all browsers
Tomas
@TOMEJUS
blob
As you can see it still shows me the gaps even at yours @sorinr
Sorin Ruse
@sorinr
Screenshot from 2017-01-12 13-15-06.png
Tomas
@TOMEJUS

@oppiniated tell me if im doing it right:

HTML added no-gutter class to parent div:
<!-- PORTFOLIO *** -->
<div class="row bg-portfolio no-gutter text-center" id="section3">
<h3>Take a look at my work</h3>
<div class="col-xs-4">
<img src="http://t15.deviantart.net/pc6y5YUm_XVwKsXbaJQSELdzF-c=/fit-in/700x350/filters:fixed_height(100,100):origin()/pre00/cb8b/th/pre/f/2008/054/f/c/home_page_by_esito.jpg" class="img-responsive center-block" alt="Portfolio design 1"/>
</div>

Then just added this css at the bottom:

.no-gutter > [class*='col-'] {
padding-right:0;
padding-left:0;
}

And nothing changed, Am i doing something wrong? You can refresh my pen

Robin
@LuckyRabbits
Good morning 👋🏼
Tomas
@TOMEJUS
@LuckyRabbits hello!
Robin
@LuckyRabbits
✌🏼
Tomas
@TOMEJUS
@sorinr go to full page view and check what does it show there, thank you
CamperBot
@camperbot
tomejus sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:star2: 1074 | @sorinr |http://www.freecodecamp.com/sorinr
Sorin Ruse
@sorinr
@TOMEJUS even on debug mode works as expected
Screenshot from 2017-01-12 13-22-00.png
Tomas
@TOMEJUS
@sorin check full page, Iam pretty sure you'll see the spaces :( im starting to believe there is no work around this
Akash Kumar Verma
@AkashKumarVerma
@TOMEJUS They are not appearing in any of my browsers
mow
@LuckyRabbits Good Evening Robin
Sorin Ruse
@sorinr
Screenshot from 2017-01-12 13-23-54.png
Tomas
@TOMEJUS
@AkashKumarVerma I believe its maybe because I use larger screen res, wait I'll put smaller images so you'll all should see it then
Sorin Ruse
@sorinr
@TOMEJUS above the full page of the same pen
Akash Kumar Verma
@AkashKumarVerma
@TOMEJUS maybe that is the problem try setting bacground-size to cover for img tag
Robin
@LuckyRabbits
@TOMEJUS Good evening Akash
Tomas
@TOMEJUS
http://codepen.io/monkevicius/full/ygevVY/ please check now, and let me know if you see any spaces @AkashKumarVerma @sorinr @oppiniated
@AkashKumarVerma Im just setting the background color, that's it i hvn't set any width/heights anywhere, and if I do it will defeat the purpose of the bootstrap (although that would work, maybe)
Akash Kumar Verma
@AkashKumarVerma
@TOMEJUS yeah in the first image, no bootstrap dosent deal with resizing image
@TOMEJUS set bacground-size to cover
Tomas
@TOMEJUS
No change :(