SHARE
SPREAD
HELP

The Tradition of Sharing

Help your friends and juniors by posting answers to the questions that you know. Also post questions that are not available.


To start with, Sr2Jr’s first step is to reduce the expenses related to education. To achieve this goal Sr2Jr organized the textbook’s question and answers. Sr2Jr is community based and need your support to fill the question and answers. The question and answers posted will be available free of cost to all.

 

#
Authors:
Shelly Cashman Series, Jessica Minnick
Chapter:
Responsive Design Part 2: Designing For Tablet And Desktop Devices
Exercise:
Consider This: Your Turn
Question:3 | ISBN:9781305578166 | Edition: 8

Question

3. Applying Additional Responsive Design Strategies to the Dog Hall of Fame Webpages
Research and Collaboration

Part 1: In Chapter 5, you styled the Dog Hall of Fame webpages for a mobile viewport. In this exercise,
you will update those pages to apply media queries for tablet and desktop viewports. Do the
following activities as a group:
1. Open the external style sheet you created in Chapter 5 and save it with the name
    dogstyles06.css in the styles folder within the your_turn_3 folder.
2. Add your name and the current date as a comment to the first line of the dogstyles06.css file.
3. Open the files you created for the Dog Hall of Fame in Chapter 5 in your HTML editor and
   make sure your name and the current date are added as a comment to the first line of all files.
4. Modify the link to the external style sheet to reference dogstyles06.css.
5. Decide how you will design the tablet and desktop viewports. At a minimum, update the
    HTML and CSS files to do the following:
     a. Create a media query for tablet and desktop viewports.
    b. Create style rules for tablet and desktop viewports.
    c. Create style rules for pseudo-classes within the desktop viewport.
    d. Apply a gradient to the webpages in the tablet and desktop viewports.

     e. Hide the mobile class for the tablet and desktop viewports.
    f. Display the desktop class for the tablet and desktop viewports.
    g. Refine your style sheet as desired.
   h. Adjust viewport widths where necessary.
    i. Add comments to note all changes and updates.

6. Save and test your files.
7. Validate and correct your HTML and CSS files, and submit your assignment in the format
    specified by your instructor.
Part 2: Each person in the group should research web design trends for tablet and desktop
viewports and bring it to a group discussion. In the discussion, each person should share at least
three trends for each viewport. Secondly, each person should share an example of a website using
the current trends. Organize your group’s findings as requested by your instructor.

TextbookTextbookTextbookTextbookTextbookTextbookTextbookTextbookTextbookTextbookTextbookTextbookTextbookTextbookTextbookTextbookTextbook

Sorry the answer is not available at the moment…

If you are able to find the answer, please make sure to post it here. So that your Juniors have smile on their lips and feel happy.

Spread the 'tradition of sharing'.