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 Ruby Cai
Ruby Cai
6,421 Points

please help me (website layout position !!)

how can i do that making my layout position change with the website size ? my big problem is when i change website ,words will change their position .

picture{

position: absolute;

}

words{

position: absolute;
height: auto;
width: 15%;
left: 81.5%;
top: 84.5vw;
}
Fernando Gomez
Fernando Gomez
18,527 Points

could you be more specific and maybe show us your HTML...

1 Answer

Kevin Goudswaard
Kevin Goudswaard
11,061 Points

You could try wrapping your picture in a parent div element, then setting the outside dimensions of that div to relative units. One this is done, the parent div will resize with your page. The last step then is to make your picture dimensions relative, so when the page is resized, the parent div is resized, and your pictures resize. I am still learning myself, but I saw no one had answered yet, so I thought I would throw in my two cents. You could also make a media query that specifies a minimum dimension for your pictures so they do not reduce in size to be too small to see. Same for a max size. Good luck :P