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

Aleksandrs Karevs
PLUS
Aleksandrs Karevs
Courses Plus Student 11,178 Points
Posted by Aleksandrs Karevs
Aleksandrs Karevs
Courses Plus Student 11,178 Points

Offtopic: In responsive design, should I have all my measurements in percentages (%) or should I use % and exact pixels?

When designing a responsive website, should I try to keep all the measurements in percentages (%) or should I also use pixels, ems etc? For instance, in this course, Guil used percentage values to set the width of different blocks (i.e. width: 100%), however on the other hand he used the exact width in pixels for the logo (i.e. width: 240px). So, the question is, is it better to use percentages for the logo width as well or should I keep it in pixels?

Maybe someone can send me a link to the article where these type of things are discussed?

Thanks.

2 Answers

Philip G
Philip G
14,600 Points

I think this depends in the design. To keep the Logo Size/Brand identity consistent throughout all devices Guil used px.

Maybe this helps you:

https://www.quora.com/Web-Design/When-should-I-use-pixels-percentages-em-or-rem

http://stackoverflow.com/questions/26243999/responsive-design-pixels-vs-percentages

Best Regards,

Philip

Sravan Reddy
Sravan Reddy
926 Points
Sravan Reddy
Sravan Reddy
926 Points

It depends on what kind of a UX your are looking for, lets say if you want to resize your content area as you increase/decrease the browser widows then use percentage , but if want it to be of constant width for each viewport (ex: in all tablets content area should be 692px , all desktops content area should be something like 980px) then use pixels.