It is an Assigment for students to understand the concept of responsive web design.
-
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.
- 9 basic principles of responsive web design
calc()in CSS, Read at CSS TRICKS