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
aRtoo
@artoodeeto
hello guys can i have a feedback on my calculator project? heres the link. https://codepen.io/artoo/pen/gGvvER
Tiago Correia
@tiagocorreiaalmeida
hey @artoodeeto
didnt used it 2 much but there's 2 things I would change
image.png
block this from happening, and maybe let the user some something to the +previous value that was calculated
Can anyone help with why there are two different colors when I hover over my search results?
AbrisM
@AbrisM
@KUBIX90 Do you mean the undefine shadow drops?
Mark Kubik
@KUBIX90
Yeah
AbrisM
@AbrisM
You have two different colors for your styling sheet

f2eded and .button:hover solid grey

wow that got large :D
and you might want to check out the box-shadow
It's still grey but its a different tint of grey
Try making them the same grey/#
Mark Kubik
@KUBIX90
Yeah think I've got a few too many tints of grey going on, I'll have a play with it, thanks
A-J Roos
@Asjas
@KUBIX90 I replaced your hover selector by splitting it into two selectors as such
.search-result:hover{
    background-color:rgba(192,192,192,.5);
    transition:all 500ms ease-out;
}

.search-result:hover * {
  background-color:rgba(192,192,192,.08);
    transition:all 500ms ease-out;
}
The h2 and p is stacking on the article causing it to become darker. It's has nothing to do with f2eded or any of the other grey
Mark Kubik
@KUBIX90
@Asjas Ahhhh I see thanks very much!
CamperBot
@camperbot
kubix90 sends brownie points to @asjas :sparkles: :thumbsup: :sparkles:
:cookie: 309 | @asjas |http://www.freecodecamp.org/asjas
A-J Roos
@Asjas
No problem :)
Mark Kubik
@KUBIX90
I did similar to what you did above, but the only thing was I had no idea why it worked, and thought it looked a bit hacky
Have I structured the HTML code OK? Seems a bit of an odd behavior to happen @Asjas
A-J Roos
@Asjas
It definitely is hacky. If you hover you can still see the inside box for a very short time. Like a split second almost. I'm not sure how to fix it though.
Diego Mayer
@Chrono79
Can I get some help with some simple css problem?
It's about Bootstrap button groups

https://codepen.io/anon/pen/qVGprK

I want all the buttons to have the same height and one button has a <br / > so the two words show in two lines

A-J Roos
@Asjas
I'm checking the html you are returning. I am applying a background to my project and it's not causing that same problem
A-J Roos
@Asjas
@Chrono79 You can set your css as follows
.btn-group {
  display: flex;
}
It grows the size of all elements to the size of the largest
Diego Mayer
@Chrono79
@Asjas exactly what I was looking for, thanks @Asjas
CamperBot
@camperbot
chrono79 sends brownie points to @asjas :sparkles: :thumbsup: :sparkles:
:cookie: 310 | @asjas |http://www.freecodecamp.org/asjas
Dan Lafferty
@DanLaff

@Chrono79 Another option if you're supporting older browsers:

.btn-group .btn {
  height: 4em;
  line-height: 100%;
}

Or use javascript as mentioned here: https://stackoverflow.com/a/33045465
One note - do not use the <br> tag for creating a new line. Use the <p> element.

Diego Mayer
@Chrono79
Dunno why, but in the site I'm working that button is seen lower than the rest, thanks @itsLaff too
They all have the same height tho
CamperBot
@camperbot
chrono79 sends brownie points to @itslaff :sparkles: :thumbsup: :sparkles:
api offline
Kris Baillargeon
@krisb1220
@Chrono79 have you cleared all default padding and margins?
* { 
   padding: 0;
   margin: 0;
}
Browsers, HTML, and CSS all have default sizes that tend to mess up your layout if you don't clear them in your CSS as the very first statement
A-J Roos
@Asjas
@krisb1220 Bootstrap ships with normalize.css
Kris Baillargeon
@krisb1220
Oh really? Hmm, I was just speaking off of personal experience :P No wonder I got hit with 5x issues when I stopped relying on frameworks LOL
A-J Roos
@Asjas
I just use normalize from the website in my own projects. I'm not relying on frameworks the last 2 months but a reset css helps a lot
Kris Baillargeon
@krisb1220
Sounds like a good strategy actually :D Thanks @Asjas
CamperBot
@camperbot
krisb1220 sends brownie points to @asjas :sparkles: :thumbsup: :sparkles:
:cookie: 311 | @asjas |http://www.freecodecamp.org/asjas
Kris Baillargeon
@krisb1220
@Chrono79 Another way to debug your layout is with the chrome devtools pointer tool. it's indispensable to me when building responsive UIs
A-J Roos
@Asjas
pleasure. bootstrap also allows you to use _reboot.scss which is the bootstrap 4 version which you can ship solo in your project
Kris Baillargeon
@krisb1220
image.png