After coding my content into the site, my first goal was to make it change form depending on the device it is being used on. I created an extra css styling sheet for the mobile interface because it has alot of drastic changes, and loses alot of content. When the browser reaches a width of less than 481px, it will project the mobile layout. As for the tablet, I set the margins on the desktop css styling sheet to automatically get smaller in proportion to the size of the screen, so it will simply have smaller margins when on a tablet screen. The tablet dimensions I referenced were 1024x768px, which is a standard iPad size.
My screens-
Desktop
Tablet
Mobile
No comments:
Post a Comment