Question: What did I miss? My code is below. Code4-1.html Coding Challenge 4-1 Sonnet 116 by William Shakespeare Let me not to the marriage of true

What did I miss? My code is below. Code4-1.htmlWhat did I miss? My code is below. Code4-1.html

What did I miss? My code is below.

Code4-1.html

Coding Challenge 4-1

Sonnet 116 by William Shakespeare

Let me not to the marriage of true minds

Admit impediments. Love is not love

Which alters when it alteration finds,

Or bends with the remover to remove.

O no! it is an ever-fixed mark

That looks on tempests and is never shaken;

It is the star to every wand'ring bark,

Whose worth's unknown, although his height be taken.

Love's not Time's fool, though rosy lips and cheeks

Within his bending sickle's compass come;

Love alters not with his brief hours and weeks,

But bears it out even to the edge of doom.

If this be error and upon me prov'd,

I never writ, nor no man ever lov'd.

Code4-1_back.css

code4-1_back.css:

@charset "utf-8";

/*

New Perspectives on HTML5 and CSS3, 8th Edition

Tutorial 4

Coding Challenge 1

Author: Nick

Date: 2/4/2023

Filename: code4-1_back.css

*/

//Apply style to figure

figure {

padding: 20px;

border: 20px;

border-style: ridge;

border-color: rgb(52, 52, 180);

background-color: rgba(52, 52, 180, 0.3);

box-shadow: 5px 10px 15px black;

}

//Style for figcaption

figcaption {

font-size: 1.8em;

align-items: center;

border-bottom: 2px solid;

border-color: rgb(52, 52, 180);

margin-left: 80px;

}

//Select image tag and applying style

img {

width: 45%;

margin-left: 55%;

} Code4-1.cs

Code4-1.cs

@charset "utf-8";

/*

New Perspectives on HTML5 and CSS3, 8th Edition

Tutorial 4

Coding Challenge 1

Author: Nick

Date: 2/4/2023

Filename: code4-1.css

*/

body {

width: 900px;

margin: 20px auto;

font-family: Baskerville, "Palatino Linotype", Palatino,

"Century Schoolbook L", "Times New Roman", "serif";

font-size: 1.4em;

padding-bottom: 30px;

}

cite {

font-size: 0.8em;

display: inline-block;

margin-left: 20px;

}

Summary Figure 4-64 shows a web page containing text from a Shakespearean sonnet. In this Coding Challenge you will augment the text of the poem with background colors and images and add a graphic border. Figure 4-64 Do the following: Open the code4-1_back.css file and create a style rule for the figure element that: 1. Sets the padding space to 20 pixels. 2. Adds a 20-pixel border in the ridge style with the color value rgb(52,52,180). 3. Has a background consisting of the image file ws.png placed in the bottom right corner of the figure box and set to 45% of the width of the figure box with no tiling. Be sure to separate the position of the image and its size with the / character. Add a second background containing the color rgba(52, 52, 180, 0.3). Enter both background properties within a single style rule separated by a comma. 4. Has a black box shadow that is 5 pixels to the right, 10 pixels down with a blur size of 15 pixels. Within the code4-1_back.css file create a style rule for the figcaption that: 1. Sets the font size to 1.8em. 2. Centers the text of the caption. 3. Adds a 2 pixel bottom solid bottom border of the color value rgb(52,52,180). Open the page in the browser preview and verify that the design resembles that shown in Figure 4-64

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!