Make Responsive

It is an Assigment for students to understand the concept of responsive web design.

Instructions

• Analyze the starter code, and review all the selectors that refer to the width (This includes margin, padding and border)

• Modify all pixel-based selectors that refer to the width and change them to a relative unit like percent.

• Base Design of the web page should not change, and whole of the content is properly displayed on various device width's.

• Each Team Participant should fork the Team Repo and should work in his/her own repository. Best work will be selected and thus merged into the Team Repo.

Resources

• 9 basic principles of responsive web design
• calc() in CSS, Read at CSS TRICKS