Question: 1. Create external style sheet and save it with the name portfoliostyles06 css 2. Add your name and the current date as a comment to

1. Create external style sheet and save it with the name portfoliostyles06 css

2. Add your name and the current date as a comment to the first line of the portfoliostyles06 css file.

3. In your HTML editor, open the files you created for your portfolio website and make sure your name and the current date are added as a comment to the first line of all files.

a. Update the HTML files to modify the link to the external style sheet to reference portfoliostyles06 css.

b. Apply a class named mobile to elements that should only be displayed on a mobile viewport, such as the telephone link.

c. Apply a class named desktop to elements that should only be displayed on a tablet or desktop viewport.

4. Update the CSS file to:

a. Create a media query for tablet and desktop viewports.

b. Create style rules for tablet and desktop viewports.

c. Hide the desktop class for the mobile layout.

d. Hide the mobile class for the desktop layout.

e. Refine your style sheet as desired.

f. Adjust viewport widths if necessary.

g. Add comments to note all changes and updates.

5. Save and test your files.

6. Validate and correct your HTML and CSS files

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer

Step: 1 Unlock blur-text-image

Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock

Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!

This assignment has three main objectives: (1) To give you some practice altering an existing webpage. (2) To apply CSS to alter the presentation of a webpage. (4) To begin to work with color schemes...

This is for the the index page: Atlantic Trials Resort Atlantic Trails Resort Home Accommodations Activities Reservations Entretainment Schedule Enjoy Nature in Luxury Atlantic Trails Resort offers a...

Project Two This assignment has three main objectives: (1) To give you some practice altering an existing webpage. (2) To apply CSS to alter the presentation of a webpage. (4) To begin to work with...

Essential Background information. You are a registered migration agent. Last year, your clients Robert and Sonia Hearne (owners and operators of Goodman's transport in Sydney) were in dire need of a...

Can you fix what is wrong with this CSS code at the bottom is what I have done and all the html files that are needit for this are all correct. i just need to fix this css file. dirctions...

please help me write the code for this Lab 2: Creating an External Style Sheet for Cycle Out Cancer Problem: You are part of a philanthropic group of motorcyclists, Cycle Out Cancer, who participate...

Lab 1: Creating an External Style Sheet for City Farmer Problem: You work for a local but rapidly growing gardening supply company called City Farmer that specializes in products that support food...

In Week 3, you added your group's updated content to the Dog Hall of Fame webpages. In this exercise, you will continue to update those pages with an external style sheet by doing the following:...

Can anyone help with the code for the HTML 5 and CSS 8th Edition Tutorial 2 Case Problem 1? I'm stuck on how to understand what to write when it is all explained in words. i dont know if these are...

Ima Fastrack is a data analyst at the Oakmont Civil Service Commission. When she was first hired 3 months ago, she was satisfied with her salary of $ 24,832. In the time since she was hired, Ima has...

As a manager in such a small business, what sources might you use to find new workers?

Why do mortgage - backed securities ( MBS ) and corporate bonds often trade at a spread above Treasury yields? Group of answer choices They offer tax advantages that Treasuries do not. They are more...

Prepare a bank reconciliation statement with overdraft Prepare a bank reconciliation statement with overdraft The following information comes from the records of Betty's Boutique From the cash...

KEY QUESTION Assume that the five residents of Econoville receive incomes of $50, $75, $125, $250, and $500. Present the resulting distribution of income as a graph similar to Figure 4.2. Compare the...

KEY QUESTION Below is a production possibilities table for consumer goods (automobiles) and capital goods (forklifts): Production Alternatives Type of Production A B C D E Automobiles 0 2 4 6 8...

KEY QUESTION Specify and explain the typical shapes of marginal-benefit and marginal-cost curves. How are these curves used to determine the optimal allocation of resources to a particular product?...