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

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

Cipriano Mauricio
Cipriano Mauricio
3,560 Points
Posted by 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
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.