Assignment #1
For this assignment, you will continue to work on your website. You are required to have2 valid HTML pages.
Please use real text (no lorem ipsum filler). If you are using text from another source, make sure you are citing them appropriately.
Here is a list of tags, elements, and/or styles that
MUSTbe incorporated your page (you are free to do more work if you want):
Minimum Requirements:
Grid
- Use grid styling to create the primary layout of your site.
- Your layout should have at least three (3) areas inside it.
Flex
- You may have to redo parts of your HTML to accommodate flexbox styling
- Positioning styles
- 2 different element containers should be styled as flexboxes
- Use at least one different flexbox style between the two (alignment, flow, growth, etc.)
- Put all of your styles in an external stylesheet you link to in the of your HTML pages
When you are finished building,validateyour page using a validator and make sure all text is accessible.
Then upload/update your website in the class server space and submit a link to the homepage here.
Assignment #2
For this assignment, you will continue to work on your website, this time making it fully responsive.
Please use real text (no lorem ipsum filler). If you are using text from another source, make sure you are citing them appropriately.
This week's assignment does not require you to have any specific tags, elements, or styles. Your job this week is to alter your code, primarily the CSS, but probably also the HTML, in order to make your entire site responsive. You want to make sure that your layout, images, videos, tables, etc. are all responsive.
Minimum Requirements (what I consider "responsive"):
- Your site should look good on a small screen like a mobile device. No element should appear to "hang off" the side of the page. A good rule of thumb is that your pages should only scroll up and down (no side-to-side movement).
- Your site should look acceptable as you shrink it down from a full desktop width to a tablet and phone size. Text should neither be too long nor squished and unreadable.
- All media elements should shrink with the page and never be larger than the page.
- Content should be logically ordered so that your site layout and navigation make sense.
When you are finished building,validateyour page using a validator and make sure all text is accessible.
Then upload/update your website in the class server space and write a paragraph or two describing the changes you had to do to make your website responsive and submit them here.