Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML Build a Responsive Website Creating a Fluid Foundation Creating Flexible Margins

Cipriano Mauricio
Cipriano Mauricio
3,560 Points

Workflow of designing adaptive/responsive sites

This may be covered later. When designing adaptive/responsive sites, do first start off with the fixed , pixels in widths, padding, margins etc.

THEN convert to %'s with target/context formula like in this Smells Like Bakin example site

OR there a more efficient way.

2 Answers

Kyle Baker
Kyle Baker
6,283 Points

I myself am very new to responsive web design. However from what I have learned it is ideal to start from the very beginning with more relative values such as percentages and em units. This ensures that you are starting with a fluid foundation which makes it much easier to create a responsive website later in the process.

Treehouse recently retired the "Smells Like Bakin" lesson series from the main tracks as they are now slightly dated.

They now recommend starting with Nick Pettit's "How to Make a Website" series. I actually just completed the course recently. In it you will design a responsive website from the ground up, using a "mobile-first" approach. I'd recommend that you go through that course for more information.

Hope this helps.