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
Akash Kumar Verma
@AkashKumarVerma
@TOMEJUS link to your code please
Sorin Ruse
@sorinr
@TOMEJUS take a look at this example to understand whats going on
Tomas
@TOMEJUS
http://codepen.io/monkevicius/full/ygevVY/ A link, after you hoover over the image u'll get the idea, WHY i need this. I want to scale image bigger within the same dimensions, but since I have white spaces IT FILLS spaces and then works like it should, so basically if it wouldn't have empty spaces it would be perfectly. Btw, ppreciate all the help guys!
Any other feedback is welcome as well!
Akash Kumar Verma
@AkashKumarVerma
@TOMEJUS the image is just scalling and nothing happening
Tomas
@TOMEJUS
@AkashKumarVerma image is supposed to scale. The idea is: it scales BUT WITHIN its dimensions, now since there is empty spaces it scales TILL IT fills the empty spaces and then continues to scale within its dimensions, but the problem is not there, problem is the wrapper can't figure it out how to eliminate the empty spaces, I believe I am looking the wrong side :(
Akash Kumar Verma
@AkashKumarVerma
@TOMEJUS i am sorry but what empty space are you taking about i can see only red borders and the image scaling inside them
Tomas
@TOMEJUS
Found it @AkashKumarVerma this is what I want to achieve: http://jsfiddle.net/hashem/7vY7v/ exactly like this, however due to empty spaces it fills them up, which I do not want to happen
@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