Free mobile to desktop to bigger desktop Foundation and bootstrap grid PSD

jared erickson foundation twitter bootstrap photoshop psd grid layout 560x418 Free mobile to desktop to bigger desktop Foundation and bootstrap grid PSD

Created this little grid pack the other day as a starting point for my site designs. I always find myself creating basically the same thing each time.. so I thought I would save myself some time and hopefully you icon smile Free mobile to desktop to bigger desktop Foundation and bootstrap grid PSD

I’m A huge fan of ZURB’s Foundation framework and Twitter Bootstrap for all my front end work and wanted grids that accommodated both.

You will find:

  • mobile 300 1 column psd
  • tablet 724 12 column psd
  • desktop 940 12 column psd
  • large screen 1170 12 column psd

Download the responsive grid pack and enjoy!

19 comments on “Free mobile to desktop to bigger desktop Foundation and bootstrap grid PSD

  1. Was just about to create my own, you just saved me time for which I am very thankful! Thank you for creating and for sharing.

  2. hi Jared, thanks for sharing these..
    I’m just wondering why you used 300px for mobile..
    I’m about to start using foundation and I know it’s a different methodology they promote..mobile first. but you still need to start somewhere if you’re using photoshop. is there some resource that you’ve used to help figure this out? i find it quite confusing. so i guess since 300 and 480 are in the same ballpark aside from scaling the page the layout won’t change so either is fine?
    Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *