Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
  • 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
Toni Shortsleeve
@ingundela In your css you have the active link and brand as yellow. You have a navbar collapse a, but not an nav-item a{ . Also you have a 404 error on your Roboto fonts.
Alexandar B
hi :wave:
@leanjunio you can change state, and you can't change props
every component can receive props, and only statefull components have their own state
inside component
Kaz Baig

@leanjunio Additionally, props are meant more to inform the component on how to behave, whereas state has to do more with, well, the state of the application, ie things are likely to change as the user interacts with them.

A basic example of how props would be used where state is not would be if you create a button component that could be any color. Maybe you pass the color as a prop when creating a form. Not a great example but hopefully you get the idea :+1:

Rodney Chism


Does anyone know why I cant get three images across the webpage and the text under the image to center?

Long Nguyen
@leanjunio props is data from the parent component, so the component cannot change it
state is data of the component itself, so the component can change the state by using setState
give <center >
Christopher Brown
@ingundela you’re using block quotes wrong, when you scroll down your fixed nav goes from transparent to solid but there is no transition it’s not fluid. Trying using bullet points to separate your content into smaller more readable sections that people won’t skip past. Justified doesn’t look that good. They don’t need descriptions of what web development is, instead tell them about what you can do. “Visit Websites” should be “Visit Website”. Your icons at the bottom aren’t circles, they’re all squished on my phone. You need to include a picture of yourself and tell them more about what it is that you can do
Sorin Ruse

@rodchsm this css:

.featuredimage {
    text-decoration: none;
    vertical-align: bottom;
    display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

.featuredimage a{

  flex-basis: 33%;
 text-align: center;
.featuredimage a img {
    border: 1px solid #000000;
    width: 30%;
    margin-right: 1%;
    clear: right;
    border-radius: 5px;
    margin-left: 2%;
/*     float: left; */
/*     display: block; */

will help you have them as you want

Hello all can I ask anyone for thoughts on my codepen?
tribute page
I am trying to keep the top text at level with the photo so that it does not move beyond the end of the photo. At the same time I am trying to make sure the page resizes depending on what is being used to view it
Thank you for replying. I don't really have anyone to check over my work so I'm grateful
it's kind of encouraged to just ask
someone may not be around to reply right away, but they might come aroun
that's good to know I've been working solo for a while now. It can be maddening to not know if you're doing things right lol
so make sure the page resizes - meaning responsive
you're using all bootstrap which is great with that
you can see the content will display pretty good if you resize the window (make it small)
yes. I have the img class set as responsive but I'm not sure if it is resizing correctly. I thought that would be best. Thanks :)
ah ok let me try
and for the first thing you mentioned
you mean the text goes below the photo (wraps around it)
Thanks @moT01 it does seem to be working . I wasn't sure if it was just because I shurnk the window itself, But I see the image is getting re-sized
yeah, I changed the view and it went beyond the photo itself
and I tried to add a <p> but it posted within the <th> of the table
i dont really see a problem there
are you meaning when it wraps around the photo? or on a small window it goes a little wider than the photo
maybe it is my chrome. even typing here my messages kinda show up randomly. It wraps around the photo depending on the view
im not quite sure what bootstrap class is doing that
in other words some of the text is at the bottom of the photo instead of stopping at the edge. Unless that's a normal thing that happens
well, like i said - i dont see it as a problem, but there's a way to get it how you want it
ah, that's ok I am just gald it's mostly working as intended lol.
oh? how would I do that?
umm, i would add some css to do it - but that's because im not great with bootstrap
ah, I see. Thank you very much. Playing with the window for a while I see you were right. It's just me not being use to the re-sizing thing.
I just learned bootstrap like tow days ago so I'm not use to seeing it too much in real time
one thing you should do is properly indent your code
makes it more readable