Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Dylan Carter
Dylan Carter
4,780 Points

why is this doing this?

wrapper {

max-width:200px; margin: 0 auto; align-items:center;

}

im just doing a little freestyling off the video series and im wondering if someone can explain this to me #wrapper is a UL of images, why is it that when I make the pixels higher the pictures move back to the original left side of the screen? I would think that increasing the pixels would make it move to the right more? what Is a method I can use to center these inside of the screen perfectly?

2 Answers

samiff
samiff
31,206 Points
samiff
samiff
31,206 Points

align-items appears to be a flex box property, you might be looking for text-align here.

Luke Glazebrook
Luke Glazebrook
13,564 Points
Luke Glazebrook
Luke Glazebrook
13,564 Points

Hi Dylan!

Like another user in this thread mentioned I think that you are looking for the text-align attribute which will align all of the images within the wrapper if you target them correctly.

Give this a go and see if you can get it working fine! If not, come back to us.

Happy Holidays!