Make it responsive

[tonylampada]

The website doesn't looke so great with small screens.
Actually, it starts to break at 1024x768 :P !
Definetely need some help with that.

[elisazaroni]

Dicas....
http://www.projectevolution.com/activity/anatomy-responsive-design-python-front-end-framework/

[giovaneliberato]

@tonylampada it's possible to use just twitter bootstrap's grid and responsive components.. what do you think?

[tonylampada]

I feel that's the way to go too.
Do you think you could do that and keep the current design?

[willianribeiro]

I would like to do this. I have drafted a plan for that, divided into 3 steps. What do you think about? Questions? Suggestions?

1. Organize css structure according to SMACSS to become easier the maintenance and scalability of the project.
2. Make responsive the base template
   • Structure of the base layout
   • Header (main menu)
   • Footer
3. Make responsive each page of the site (based on relevance to the user)
   • Home page
   • Search page
   • User registration/login page
   • Add issue page
   • Issue details page
   • User details page
   • Project details page
   • Stats page
   • FAQ page
   • Feedback page
   • Users page
   • Edit profile page & Change username page
   • My Issues page
   • Projects list page
   • Github settings page

Currently, Freedom Sponsors has 16 pages (I have made a information's architecture diagram[1]) and neither of them are responsive.

[1] Information's architecture diagram

[giovaneliberato]

@willianribeiro Wow, that's awesome!

Will you use some css framework or you'll made it from scratch?

Let me now if I could help you in something

[willianribeiro]

@giovaneliberato
I was thinking use the fluid grid system of the Foundation framework, and do all the rest without any framework, because I don't think it's necessary.

And if you want to venture on CSS, the step 3 will be probably the most painful. It would be great if you could help in this stage getting some pages to make them responsive! :D

[tonylampada]

+1 for using a grid framework.
Please go on and let's keep in touch