Artist Sketchbook Head of a Maid - Peter Paul Rubens Woman's Portrait - Andre del Sarto Shepherd Boy - Giovanni Battista Piazzetta
Added by Christopher R.
Close
Step 1
Set the width and height of the container element: ``` #container { width: 900px; height: 370px; } ``` Show more…
Show all steps
Your feedback will help us improve your experience
Rakesh Singhi and 99 other AP CS educators are ready to help you.
Ask a new question
Labs
Want to see this concept in action?
Explore this concept interactively to see how it behaves as you change inputs.
Key Concepts
Recommended Videos
Artist Sketchbook: - Head of a Maid - Peter Paul Rubens - Woman's Portrait - Andre del Sarto - Shepherd Boy - Giovanni Battista Piazzetta
Akash M.
Open code5-1_media.css file and create a media query for devices with a maximum width of 500 pixels. Within the query, do the following: - Set the display of the img element within the article element to none. - Center the text contained within the ul element belonging to the submenu class. Create a media query for devices with a minimum width of 501 pixels. Within the query, do the following: - Float the nav element on the left page margin. - Set the width of the nav element to 130 pixels and the height to 400 pixels. - Set the top margin of the nav element to 30 pixels, the right margin to 25 pixels, and the bottom and left margins to 0 pixels. Create a media query for devices with a minimum width of 710 pixels. Within the query, do the following: - Set the float property of the nav element to none, its width to 100%, and its height to auto. - Set the nav element margins to 0. - Set the display of ul elements of the mainmenu class to flex with the flex flow in the row direction with no wrapping; justify the contents of the flexbox in the center. - Set the flex property of li elements with the ul.mainmenu element to have a growth factor of 0, a shrink factor of 1, and a basis value of 120 pixels. It's a blank CSS style sheet with nothing set but meta charset 8.
Open the code4-2_grad.css file. Create a style rule for the article element that adds a black inset box shadow with a horizontal and vertical offset of 0 pixels, a blur radius of 50 pixels, and a size of 20 pixels. article { box-shadow: 0px 0px 50px 20px black inset; border-radius: 150px; background-image: url("landscape.png"); background-repeat: no-repeat; background-position: right bottom; background-size: 100%; background-image: linear-gradient(165deg, black, rgb(0, 0, 200) 65%, rgb(211, 0, 55) 75%, orange 80%, yellow 82%); } Create a style rule for the article element that sets the radius of the border corners to 150 pixels. Add the following multiple backgrounds: 1. A background containing the image file landscape.png placed with no tiling at the bottom right corner of the element with a size of 100% 2. A linear gradient at an angle of 165 degrees that goes from black to the color value rgb(0, 0, 200) with a color stop of 65% to rgb(211, 0, 55) with a color stop of 75%, to orange with a color stop of 80%, and finally to yellow with a color stop of 82%. This step must be completed before any styles are applied to the h1, h2, or p elements.
Recommended Textbooks
Computer Science and Information Technology
Introduction to Programming Using Python
Computer Science - An Overview
18,000,000+
Students on Numerade
Trusted by students at 8,000+ universities
Watch the video solution with this free unlock.
EMAIL
PASSWORD