Loading

[NEW SOLN] WEBD 125 WEEK 3 ASSIGNMENT ADD MEDIA QUERIES TO YOUR STYLE SHEET

[SOLVED] WEBD 125 WEEK 3 ASSIGNMENT ADD MEDIA QUERIES TO YOUR STYLE SHEET: You will use this exercise to see media queries in action on your site. While the styles we apply certainly don’t have to be final, you are encouraged to think of how this exercise will help you design your site.

  1. [SOLVED] WEBD 125 WEEK 3 ASSIGNMENT ADD MEDIA QUERIES TO YOUR STYLE SHEET: In style.css add media queries for THREE different breakpoints. Do your research on common breakpoints and be sure to add comments defining each and explaining why you chose that specific one. Your comments should be in the CSS sheet within comment tags.
  2. Target two specific elements in your index.html file for each breakpoint, so if the browser screen size is dragged larger and smaller, you are able to clearly see the two different styling changes in the browser for each breakpoint. It can be anything: text color change, background color, etc. Get creative, but be sure to apply other style changes than just the background color. 
  3. Feel free to add classes or IDs attributes, or <span> tags, to your index.html file to help target your HTML elements.
  4. Save all your files and FTP everything to Coton.

[SOLVED] WEBD 125 WEEK 3 ASSIGNMENT ADD MEDIA QUERIES TO YOUR STYLE SHEET: Submit the URL to your HTML file. It should look like the following example:
https://coton.champlain.edu/WEBD12545/user.name/html/index.html

Support