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

Design

My website isn't scaling like it should...

I created my own website, following the instructions from the responsive web design island. I am not sure what happened, but it isn't scaling at all, it is still a fixed site, but I converted my css from pixels to percentages. I want to fix this before I start messing with making it adaptive. I thought it should be scaling even before I add media queries. What am I doing wrong?!?

10 Answers

Nikolaos Papathanassopoulos
Nikolaos Papathanassopoulos
10,322 Points

Well, I'm sure we'd like to help you. But we need something to work with. Could you post your css or link to a testserver so we can take a look at it ? I'm sure there's just something wrong with your code.

Best Regards, Nikos.

Thanks for responding so quickly! Here is a link to my site from hammer. http://hammr.co/8492905/3 If that doesn't work, here is my style.css. I used the same grid.css as was posted from the stage. I did change the grid 1-12 margins to 0%, that was the only change I made.

Nikolaos Papathanassopoulos
Nikolaos Papathanassopoulos
10,322 Points

no worries im still here... it just didnt load your site... ill try again in 5 min.

you might edit your previous post and delete all the css... its kinda not readable. if you can link the files or a .zip folder or a working test-server it would be more useful anyway.

Ok, sorry this took me so long. I have a link to another folder that was my previous portfolio site http://www.kaylathompson.net/kayla_gallery/Build/index.html.

I'm having kind of the same problem. I think it has to do with scalable images. i will check the videos. (the website i'm building is this one: http://www.preservationpack.com/)

@ Gabriela Salas- You're site looks awesome! Did you get your site to scale? Let me know what you did!

thank you!!! :)

I cannot make it to scale yet. i checked all images and their styles, they all have { max-width: 100% }

I'm struggling with media queries :(

how about you?

Brendan O'Brien
Brendan O'Brien
9,066 Points

I was having trouble with the scaling too. What I found is that the max-width is in relation to the parent element. So if you don't have the image in another element besides the body then it won't scale.

Once I put the image within another element then it would scale with the element it was in. In other words, I put my logo inside a div set to a percentage width. Then I set the logo img to be max-width 100%.

Does that make any sense? I reread it and I'm no so sure... haha

yes, makes perfect sense. My images are now scaling! Is my text supposed to scale?

James Barnett
James Barnett
39,199 Points

In order to make your text scale you need to check out the responsive typography video in the brand new web typography badge, part of the CSS Foundations 2nd ed course.