Walk Score products can be used on responsive pages. Here's an example of the score badges and the Walk Score Widget:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
To show score badges on your site, look for the "Add score badges to your site" links on every city, neighborhood and address page on walkscore.com.
For example, click this link for the badge code for the Russian Hill in San Francisco:
For use in responsive design just remove width: 300px;
from the first div in that code. The badges will then automatically grow to the size of whatever container you place them in.
If you're new to the Walk Score Widget sign up for Walk Score Professional to get a WSID key and get initial code.
For use in responsive design just set the width to be 100% as follows:
var ws_width = '100%';