Question: Having trouble - HTML Media Query Create a media query for screen devices with a minimum width of 521 pixels. Within the media query, create

Having trouble - HTML

Media Query

Create a media query for screen devices with a minimum width of 521 pixels. Within the media query, create a style for video elements that sets the width of the player to 360 pixels, floated on the right margin with a margin width of 10 pixels.

Track Styles

Within the Track Styles section, create a style rule for caption cues that displays the text in a 1.3em sans-serif font with a text color of rgb(221, 128, 160), and a background color of rgba(255, 255, 255, 0.8).

my attempt:

@media only screen and (min-width: 521px) { }

/* Track Styles */ ::cue { background: rgba(255, 255, 255, 0.8); color: rgb(221, 128, 160); font: 1.3em sans-serif; }

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!