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 CSS Basics (2014) Basic Layout Floats

My .resorts, .tips rule won't adjust width??

CSS:

.resorts, .tips { width: 46.5%; }

HTML

Line 30: <div class="resorts"> Line 43: <div class="tips">

Using Chrome and Firefox browsers.

Steven Parker
Steven Parker
231,269 Points

Other CSS code might be interfering with or overriding this rule. Please post the whole code (including HTML) or a link to where it can be seen (a workspace snapshot would be ideal).

Jamie Reardon
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer

As Steven said, could be a syntax error in your CSS like a missing semi colon (;) Have you inspected the widths via the developer tools in chrome for example? I remember this course, you are following a float layout for the two columns.

Well I Just closed and re-opened the workspace (no change to the code) and it worked.

1 Answer

Steven Parker
Steven Parker
231,269 Points

It sounds like you may have forgotten one of the two necessary steps to see changes in a workspace:

  1. Save the changes using the editor menu or the control-S shortcut
  2. Refresh the browser to make the saved changes visible