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 haha i feel you, this is the first time im working with bootstrap, so I guess i don't know any secrets where I could find a workaround around this
Akash Kumar Verma
@AkashKumarVerma
@TOMEJUS they are messy, it's in their code abstracting something too much creates problems that we cant even se
e
Ajay Tanwar
@ajayt365
hey can anyone help with html units ? rem,em,px ?
Tomas
@TOMEJUS
@ajayt365 we'll try!
Ajay Tanwar
@ajayt365
should i use px or rem ? when shoud i use em etc. ?
Tomas
@TOMEJUS
@ajayt365 as far as I know, px is the best measure to use, however there are cases when others are better to use.
@ajayt365 so if i were you I would stick with px's for times sake
Akash Kumar Verma
@AkashKumarVerma
Ajay Tanwar
@ajayt365
see i made this https://ajayt365.github.io/js30/playSound/ page and whenever i switch to responsive design by devtools , it kind of leaves blank grey space at the bottom what could be the reason ?
is it because i am using px ?
Sorin Ruse
@sorinr
@TOMEJUS how do you see this pen excepting first img?
Akash Kumar Verma
@AkashKumarVerma
@ajayt365 because your page is not responsive, The page width is exceeding the viewport width and scrollbar is being added to view content
Sorin Ruse
@sorinr
@TOMEJUS btw. what kind of monitor are you using?
Tomas
@TOMEJUS
@sorinr
blob
Sorin Ruse
@sorinr
@TOMEJUS it is possible that on my laptop display to look ok but on a bigger normal monitor to look like the blob above
Tomas
@TOMEJUS
@sorinr full HD (1920px)
@sorinr Its a laptop as well
Akash Kumar Verma
@AkashKumarVerma
@TOMEJUS you will have to use fixed height for section3
Tomas
@TOMEJUS
@AkashKumarVerma but the height is alright, isn't it? its just the wideness, right? Im getting lost.
sennator
@sennator2
How to make my div in which quotes are displayed responsive to the size of quote?
Akash Kumar Verma
@AkashKumarVerma

@sennator2 set

min-height: 70%; and max-height: auto;

also add
.new-quote { cursor: pointer; } it will be more user friendly

Sorin Ruse
@sorinr
@TOMEJUS thats strange. i don't know what to say. with that padding: 0 for me its removing that teal background
Tomas
@TOMEJUS
@sorinr Yeah, I've spent 3 hours already trying to fix that, but i've came to conclusions that its impossible
sennator
@sennator2
@AkashKumarVerma thanks man
CamperBot
@camperbot
sennator2 sends brownie points to @akashkumarverma :sparkles: :thumbsup: :sparkles:
:cookie: 280 | @akashkumarverma |http://www.freecodecamp.com/akashkumarverma
Akash Kumar Verma
@AkashKumarVerma
@TOMEJUS those are not paddings that is you image beiing added to fit the container vertically. Do what i said and set the section3 height to some value
sennator
@sennator2
what a great community this is
Akash Kumar Verma
@AkashKumarVerma
@sennator2 welcome
@sennator2 here to help each other
Tomas
@TOMEJUS
@AkashKumarVerma As I said, even if it would help it looses its responsiveness (just tried) so its no use in any case, but thanks for help. Or im clearly missing something, by any chance could you edit that pen?
CamperBot
@camperbot
tomejus sends brownie points to @akashkumarverma :sparkles: :thumbsup: :sparkles:
:cookie: 281 | @akashkumarverma |http://www.freecodecamp.com/akashkumarverma
Akash Kumar Verma
@AkashKumarVerma
@TOMEJUS fixing the heigth wont affect the responsiveness much if you want to try
Tomas
@TOMEJUS
@AkashKumarVerma I just tried it, and height just changes the height of the row (which is perfect without any height measures) so I clearly dont get something. :(
Tomas
@TOMEJUS
I just cant figure it out, can't. PLease if someone will let me know! thanks
Philipp Scholz
@philipp32
@TOMEJUS can you send your code again?
or your pen?
Tomas
@TOMEJUS
@philipp32 http://codepen.io/monkevicius/full/ygevVY/ But im still playing with it, so its a bit different, but you can edit it right?
What i am trying now is a workaround with JS, I know its not ideal, but what I will try to accomplish is a add wraper with jQuery hover, then Style it according to picture size and then add transition class and then remove everything :D
Seems like it wont work, but worth a try
Philipp Scholz
@philipp32
@TOMEJUS take a look at my portfolio. It isn't finished but if you hover over the Obama picture, is that what you want?
Tomas
@TOMEJUS

@philipp32 similar, but no. I want to change the size of the picture, but keep the picture in the same dimensions.

Nice portfolio by the way! If it really is your first web design you're way ahead of me already! really like it.

Philipp Scholz
@philipp32
thank you. problem was I did all those pictures in photoshop and then i wanted to put it together. As you can see, not very responsive. :/
kirbyedy
@kirbyedy
@philipp32 small problems with your page, check the centering and font sizes
Screen Shot 2017-01-12 at 15.13.31.png