Question: TASK 1 : THE WEBSITE FOLDER. Create a folder called pacific 6 . Copy all of the files from your Chapter 4 pacific 4 folder

TASK 1: THE WEBSITE FOLDER. Create a folder called pacific6. Copy all of the files from your Chapter 4 pacific4 folder into the pacific6 folder. You will modify the pacific.css file and each web page file (index.html, yurts.html, and activities.html) to implement the two-column page layout, as shown in Figure 6.62. See the new Pacific Trails home page, as shown in Figure 6.63.
TASK 2: CONFIGURE THE CSS. Open pacific.css in a text editor. Edit the style rules as follows:
Configure the universal selector with a box-sizing: border-box style declaration.
Modify the wrapper id. Copy the linear gradient from the style rules for the body element selector. The wrapper background will display behind the navigation area.
Configure the body element selector. Change the background color to #EAEAEA. Remove the background-image and background-repeat style declarations.
Configure the header area. Remove the styles associated with the background image. Change the height to 120px.
Configure the h1 element selector. Add styles for 3em size font and 0.25em letter spacing.

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!