Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:33
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • May 10 09:13
    @bjorno43 banned @zhaokunhaoa
  • Apr 27 19:46
    @mstellaluna banned @zhonghuacx
  • Apr 25 17:12
    @mstellaluna banned @cmal
  • Apr 01 18:11
    thecodingaviator labeled #31179
  • Apr 01 18:11
    thecodingaviator labeled #31179
  • Apr 01 18:09
    thecodingaviator commented #31179
  • Apr 01 18:09
    thecodingaviator labeled #31182
  • Apr 01 18:09
    thecodingaviator labeled #31182
  • Apr 01 18:07
    thecodingaviator commented #31182
  • Apr 01 18:07
    thecodingaviator labeled #31190
  • Apr 01 18:07
    thecodingaviator labeled #31190
  • Apr 01 18:07
    thecodingaviator commented #31190
  • Apr 01 18:05
    thecodingaviator commented #31157
  • Apr 01 18:04

    thecodingaviator on master

    remove A (#31157) (compare)

  • Apr 01 18:04
    thecodingaviator closed #31157
  • Apr 01 18:04
    thecodingaviator closed #33788
  • Apr 01 18:04
    thecodingaviator commented #33788
  • Apr 01 18:02
    thecodingaviator closed #31059
GSGV
@GSGV
<script>
$(document).ready(function() {
$("button").addClass("animated");
$(".btn").addClass("shake");
$("#target1").addClasss("btn-primary");
});
</script>
Matthew Mehrtens
@Mattkx9
Triple s
On the last .addClass function
Kyle Holm
@thekholm80
$("#target1").addClasss("btn-primary");
GSGV
@GSGV
got it
Kyle Holm
@thekholm80
congratsss!
Jessica Anderson
@constantdoublepie
Great!
Kyle Holm
@thekholm80
oooh new, new favorite thing
Matthew Mehrtens
@Mattkx9
?
Kyle Holm
@thekholm80
playing around with react-router-dom, if you include the router on a component it gives you access to a prop called history. you can use this.props.history.push() to navigate programmatically for the user
Robert Arthur Williams
@elpretentio
hey everyone. i'm working on the portfolio page and trying to figure out the best way to float the list nav elements to the right like the example. i looked through the css in the example but couldn't see anything obvious that did it. is it just the webkit that does it? should we try to make it just like the example, or just something similar?
Kyle Holm
@thekholm80
you should have a picture and a link to an external page. the rest is up to you
Ricky McCallum
@rickymccallum87
@elpretentio Nice navigation examples here: https://www.w3schools.com/css/css_navbar.asp
Robert Arthur Williams
@elpretentio
ok thanks @thekholm80 . if you can help, i would like to know how to properly shift those elements to the right
CamperBot
@camperbot
:star2: 1096 | @thekholm80 |http://www.freecodecamp.com/thekholm80
elpretentio sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
Kyle Holm
@thekholm80
@elpretentio sorry, for some reason I read "tribute page" not portfolio page
the user stories are a little different, one sec

User Story: I can access all of the portfolio webpage's content just by scrolling.

User Story: I can click different buttons that will take me to the portfolio creator's different social media pages.

User Story: I can see thumbnail images of different projects the portfolio creator has built (if you haven't built any websites before, use placeholders.)

User Story: I navigate to different sections of the webpage by clicking buttons in the navigation.

that's all they require you to do, how you do it is up to you
@elpretentio can you paste the link to your pen so we can see what you mean?
Robert Arthur Williams
@elpretentio
when i float: right it removes the padding on the bottom
i know all the user stories of course, i just want to get it close to the example so i can learn more advanced stuff
Kyle Holm
@thekholm80
@elpretentio since you're not using bootstrap what I would suggest is adding this to your class nav:
display: flex;
flex-direction: row-reverse;
then you can remove the float from your <li>
sailahari05
@sailahari05
how to add silver background to your div element using css?
Kyle Holm
@thekholm80
@sailahari05 what have you tried?
sailahari05
@sailahari05
<div class="silver-background" .silver-background{ background-color: silver; } >
Robert Arthur Williams
@elpretentio
@thekholm80 ok thanks. and then should i just put the elements in reverse order?
CamperBot
@camperbot
elpretentio sends brownie points to @thekholm80 :sparkles: :thumbsup: :sparkles:
:warning: elpretentio already gave thekholm80 points
Kyle Holm
@thekholm80
image.png
this is how it looked when I did it
sailahari05
@sailahari05
@thekholm80 does that code work?
Robert Arthur Williams
@elpretentio
yeah the first element is 'about'
so yeah, i'll just put them in reverse order in the html
Kyle Holm
@thekholm80
@elpretentio you can either re-order them in your html or I can give you a bunch of css to do it
I'm pretty lazy, i hope you pick the html option
Manish Giri
@Manish-Giri
Robert Arthur Williams
@elpretentio
hah alright. well i am curious about the css but i don't want to be a bother
Kyle Holm
@thekholm80
flexbox is pretty awesome
Manish Giri
@Manish-Giri
why's there no flexboxdoge.com
Ricky McCallum
@rickymccallum87
@thekholm80 I have a footer with some list items on left, some on right. Is there a similar solution using display: flex for that? My float: right's stop working the moment I try to position: absolute their parent.
Manish Giri
@Manish-Giri
or flexboxdoggo.com
Varun Pandey
@varun30300

body {
background-color: black;
}

Why is'nt this code giving black background colour to the body ?

Kyle Holm
@thekholm80
@sailahari05 .silver-background{ background-color: silver; } goes in your style tags, not in the html element
@rickymccallum87 yes, you can do that with flexbox