​​​📝​ Penn Week 10a – Coding Review and Individual Meetings 

​​Responsive Layout Review Demo (HTML + CSS)

​​
 
User-uploaded image: image.png
​​

​​Assets

​​Link to source code → (http://artf21.labud.nyc/assets/demos/responsive-layout-review.zip)
​​Example website →
​​
​​This covers:
  • ​​Aligning things together between columns
  • ​​Table of contents (anchors)
  • ​​Centering nav
  • ​​Scaling down columns
  • ​​Linking weight of font
  • ​​Spacing and columns
​​
​​
​​

​​Adding in a Mobile Nav (with JS)

​​
 
User-uploaded image: image.png
​​
​​Link to Source Code → (https://artf21.labud.nyc/assets/demos/responsive-layout-review-js.zip)
​​Example Website →
​​
​​

​​Slack Check In

​​Please update your Fan Page project progress and questions in your Slack channel. I will provide feedback as will your group mates. You can also continue working on your Are.na prototype during today’s class.
​​
​​Group 1
​​Becky, Sylvia, Amy, Janice, Egret, Kristine
​​
​​Group 2
​​Catherine, Sarah, Lindsay, Tarah, Jihu, Ashley
​​