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

Posted by Brandon Brigham
Brandon Brigham
3,716 Points

How to make my Google Reviews Responsive

Hello,

Please visit the site I'm working on:

http://thechasedesign.com/wppm/san-ramon-property-management

Down towards the footer there is a section with two embedded Google+ reviews.

I'm trying to figure out how to make these reviews responsive so that they resize on smaller screen sizes.

Any ideas?

Thanks!

1 Answer

richardwheeler
richardwheeler
8,332 Points
richardwheeler
richardwheeler
8,332 Points

Mr. Brigham, The simplest way to resolve the review issue is to alter or tweak your CSS by adding or checking that you have the following;

" .review { margin-left: auto; margin-right: auto; width: 6em }"

Now, if you've already got something like this (your class selector may differ but that shouldn't matter) make sure you don't have other CSS that's overriding it with another rule. Also, the width may need to be adjusted for the best result.

If none of these work post back with the result and we can get more specific.