FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

CamperBot

@camperbot

api offline

:cookie: 113 | @sarkioja |http://www.freecodecamp.com/sarkioja

Bryan Reese

@breese8009

@CodeDraken beat me in codefights :(

Ivan Ngundela

@ingundela

hello everyone...I'm working on my portfolio website and need some help.. the link is https://ingundela.github.io/portfolionew/ I want to change the color of the navigation menu from white to light grey but when I target the nav-item a it changes the all list and the spyscroll does not work.. please help.. all I want is just to change the color white and also have I hover it it changes to the yellow as #navbarNav .nav-link.active {
color: #FDCD3B;
}THANK YOU

Lean Junio

@leanjunio

Hey guys, I’m trying to understand the difference between state and props, I’m not sure I’m getting it despite searching it up. Would anyone care to explain?

Toni Shortsleeve

@KoniKodes

@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

@ace1122sp

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

@kbaig

@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

@rodchsm

https://codepen.io/rodchsm/pen/POmBje

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

Long Nguyen

@longnt80

@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

dinesh

@1532j0004kg

give <center >

@rodchsm

Chris

@ChrisBrownie55

@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

@sorinr

@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

Randy

@rdavidson3

Hello all can I ask anyone for thoughts on my codepen?

Tom

@moT01

@rdavidson3

ask

Randy

@rdavidson3

https://codepen.io/Randy3/full/bYRgwM/

Tom

@moT01

tribute page

Randy

@rdavidson3

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

yes

Thank you for replying. I don't really have anyone to check over my work so I'm grateful

Tom

@moT01

it's kind of encouraged to just ask

someone may not be around to reply right away, but they might come aroun

Randy

@rdavidson3

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

Tom

@moT01

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)

Randy

@rdavidson3

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

Tom

@moT01

and for the first thing you mentioned

you mean the text goes below the photo (wraps around it)

Randy

@rdavidson3

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

Tom

@moT01

Randy

@rdavidson3

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

Tom

@moT01

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

Randy

@rdavidson3

maybe it is my chrome. even typing here my messages kinda show up randomly. It wraps around the photo depending on the view

Tom

@moT01

im not quite sure what bootstrap class is doing that

Randy

@rdavidson3

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

Tom

@moT01

well, like i said - i dont see it as a problem, but there's a way to get it how you want it

Randy

@rdavidson3

ah, that's ok I am just gald it's mostly working as intended lol.

oh? how would I do that?

Tom

@moT01

umm, i would add some css to do it - but that's because im not great with bootstrap

Where communities thrive

People

Repo info

Activity

@CodeDraken beat me in codefights :(