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
Zuzana
@zk433
@iamknox Try to set the .plus to flex: 1 200%. Something I use, probably not the right way but it works fo me.
Andrew Knox
@iamknox
Didn't work for my button in this instance but I appreciate the help.
@zk433
Gaurav
@gauravmagan
@SkyC0der actually the above procedure is i required to test
Gulsvi
@gulsvi
@gauravmagan i is not required
@iamknox I believe your container needs a height:
.buttons {
  display: flex;
  flex-direction: column;
  min-height: 130px;
}

.notplus {
  flex: 1 100%;
}
.plus {
  flex: 2 100%;
}
To be honest though, flex + bootstrap might work against you with a calculator design. Buttons should not be percentage sized, my finger or mouse pointer that clicks the calculator buttons does not change size.
Andrew Knox
@iamknox
So there is a better solution without flex that is solely bootstrap? @SkyC0der
Gulsvi
@gulsvi
@iamknox It depends on the design you want, but I would not use bootstrap or flex. Just standard inline-block elements
Pagnito
@Pagnito
@SkyC0der ayo
@SkyC0der nvm figured it out
@SkyC0der actually got another question hehe
Gulsvi
@gulsvi
@Pagnito Hey
Pagnito
@Pagnito
@SkyC0der im giving leaders on FCC leaderboard links to each username to go to their FCC account page, but for some reason the link is just adding on to the filepath
Gulsvi
@gulsvi
How are you creating the links? @Pagnito
Pagnito
@Pagnito
<a className="link" target="-blank" href="freecodecamp.org/{leader.username}">{leader.username}</a>
oh wait
i think i know why lol
Gulsvi
@gulsvi
missing https
and _blank not -blank
Pagnito
@Pagnito
oh ya
-blank worked too tho
now i cant add the usename on to the path
{leader.username} doesnt work
Gulsvi
@gulsvi
-blank will look for an open tab with a title named "-blank" and switch to that. If it doesn't exist, it'll open a new tab
@Pagnito Would it not be: "https://freecodecamp.org/" + {leader.username}
Pagnito
@Pagnito
i thought so too
but that couldnt even compile
within the quotes it compiled
but this is what it gives me
hold on
We couldn't find a page for /%7Bleader.username%7D
Gulsvi
@gulsvi
that defeinitely means it doesn't see the varialbe - sees it all as text
CuttureSync
@culturesync
I'm not sure if any of you know about Off-Canvas CSS and JS but I've run into a bit of trouble :worried: in getting the code to work and was wondering if anyone would like to help debug :computer: it and maybe help explain to me why I got it all wrong... Thanks for your :clock1: time :)
https://codepen.io/culturesync/pen/VzXZGE
Gulsvi
@gulsvi
Aha, so it would be:
{`"https://freecodecamp.org/${leader.username}"`}
I cannot get formatting down lol
Long Nguyen
@longnt80
@culturesync what is Off-Canvas CSS?
CuttureSync
@culturesync
I meant to say off canvas in CSS for styling purposes.... @longnt80
It's the sames thing as having an Off-Canvas Nav/Menu
Off-Canvas usually means that an 'item' or 'element' is off the dom or body of the page
Long Nguyen
@longnt80
@culturesync what is the off-canvas element in the pen?
CuttureSync
@culturesync
of course until told to... usually by a click or toggle... to come into view
@longnt80 the off canvas element in the pen is the .content
Long Nguyen
@longnt80
@culturesync so it is like a slider with what you're trying to do
Burak
@BurakAy
@culturesync you have an href with a value of some class name in your nav menu
CuttureSync
@culturesync

yeah kinda like a slider here is the pen that I am trying to deconstruct ( a.k.a reverse engineer) for my purposes

https://codepen.io/culturesync/pen/JyLZjE

Burak
@BurakAy
i don't know what is off-canvas though