Question: 4. Write your css code below using the @media query rule, with the following specifications ( 15 points). a. For devices with a resolution of

 4. Write your css code below using the @media query rule,

4. Write your css code below using the @media query rule, with the following specifications ( 15 points). a. For devices with a resolution of 799 pixels or less: i. The body element must contain the following properties: 1. Background color: Green (using the rgba function) 2. Text color: Black 3. Margin: 25 pixels 4. Padding: 15 pixels (ONLY FOR THE LEFT SIDE) ii. All HTML elements from the class "figure" must contain the following properties: 1. Width: 30% 2. Margin: 15 pixels (ONLY FOR THE RIGHT SIDE) b. For devices with a resolution of 1299 pixels or less: i. The body element must contain the following properties: 1. Background color: Blue (using HEX code) 2. Text color: White 3. Margin: 30 pixels 4. Padding: 25 pixels (ONLY FOR THE LEFT SIDE) ii. All HTML elements from the class "figure" must contain the following properties: 1. Width: 50\% 2. Margin: 20 pixels (ONLY FOR THE RIGHT SIDE)

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!