FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Rodney Chism

@rodchsm

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

Randy

@rdavidson3

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

two*

Tom

@moT01

one thing you should do is properly indent your code

makes it more readable

by that i mean - every deeper element should be another tab or space over

i see you kinda started off good - then...

Tom

@moT01

feel free to take a look at any of my projects code for some examples and to see the structure

https://s.codepen.io/moT01/pen/ZpVYLN?editors=1010

my quote machine might be a decent example of something easy to check out

Randy

@rdavidson3

Thanks @moT01 :) yes, I get a little confused my own code. the indenting is a good idea lol

Where communities thrive

People

Repo info

Activity