The UAlbany home page doesn't use responsive design. If you shrink the browser width, then the website doesn't respond. If you open the website on your phone a pop-up appears asking if you'd like to Visit the UAlbany Mobile Site or Remain on the Full University Web Site.
Here is the mobile version: http://m.albany.edu/. It's a separate website.
This repo has two files: index.html
and all.css
.
I copied the source code from the http://www.albany.edu/ home page and placed it in index.html
.
Likewise, I copied the CSS and pasted it into all.css
.
Add media queries to the all.css
file in the repo until the home page is fully responsive. Do not edit index.html -- you are only editing the CSS file.
Note: Not every element, image, or section needs to be viewed on the mobile/tablet versions. Itβs up to you to rationalize what's important for users accessing the home page from different devices.
- Fork this repo.
- Clone your fork to your local machine.
- Open the files in a text editor and open the
index.html
in Chrome. - Add media queries to
all.css
- When you're done: commit and sync files.
- Create a
gh-pages
branch and sync to Github. - Grab your link: http://username.github.io/ualbany.
- If you have a smart phone, open up your project to check your work. (cough meta viewport tag cough)
- Submit your project before 5:45 pm on 10/23
Need help? Ask your team or classmates. Really need help? Ask me!