To create a media query for screen device with a minimum width of 641 pixels in file dlr_columns2.css.

Question

In the index.html file, add a class attribute with a value of btn to paragraph elements two, three, and four within the main element. In the styles.css file, below the main p style rule, add a new style rule for the btn class that specifies a background-color value of #375f1b, padding value of 2%, top and bottom margin values of 2% and left and right margin values of auto, width value of 80%, text alignment of center, and a border radius of 5px.

Answer 1

Question

Chapter 6, Problem 22RA

Program Plan Intro

To create a media query for screen device with a minimum width of 641 pixels in file dlr_columns2.css.

Expert Solution & Answer

Trending nowThis is a popular solution!

See solution

Check out sample textbook solution

Students have asked these similar questions

In the index.html file, add a class attribute with a value of btn to paragraph elements two, three, and four within the main element. In the styles.css file, below the main p style rule, add a new style rule for the btn class that specifies a background-color value of #375f1b, padding value of 2%, top and bottom margin values of 2% and left and right margin values of auto, width value of 80%, text alignment of center, and a border radius of 5px.

In the styles.css file, below the last style rule, add a new comment with the text, Media Query for Tablet Viewport. Below the comment, add a media query to target screen and print for a tablet viewport. Use a min-width: 481px. 1 Step 1 In the tablet media query, create a new style rule for the article element that sets the width to 43%, floats the element to the left, and sets a height of 160px. 2 In the tablet media query, create a new style rule for the footer selector that clears a float on the left Step 2 In the styles.css file, below the tablet media query, add a comment with the text, Media Query for Desktop Viewport. Below the comment, add a media query to target a desktop viewport screen with a minimum width of 900px. 1 In the desktop media query, create a style rule for an article selector that sets the width to 27% and the height to 140px. 2 In the desktop media query, create another style rule for the article…

In the index.htm/file, add a class attribute with the value tablet-desktop to the examples div In the styles.css file, below the mobile viewport comment, add a new comment that indicates that the following style rule hides the tablet-desktop class. Below the comment, add a new style rule that hides the tablet desktop class.