3. Applying Responsive Design and Mobile-First Strategies to the Dog Hall of Fame Webpages
Research and Collaboration
Part 1:
In Chapter 4, you styled the Dog Hall of Fame webpages. In this exercise, you will update
those pages to apply the principles of responsive design.
Do the following activities as a group:
1. Open the external style sheet you created in Chapter 4 and save it with the name
dogstyles05.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
dogstyles05.css file.
3. Open the files you created for the Dog Hall of Fame in Chapter 4 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 dogstyles05.css.
5. Decide what responsive design principles you want to employ. At a minimum,
update the HTML and CSS files to do the following:
a. Add the viewport meta tag.
b. Create flexible images.
c. Create a fluid layout.
d. Determine the essential content for each page to be displayed for a mobile viewport.
e. Design a navigation system suitable for a mobile viewport.
f. Refine your style sheet as needed to add margins and padding using em units
of measure.
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 a current article on responsive web design and
bring it to a group discussion. In the discussion, each person should share their article
as well as something they learned from it. Secondly, each person should share something
that is not completely clear to them or something they want to learn more about. Organize
your group’s findings as requested by your instructor.
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'.