Question

Create a style rule for the page body that sets the width to 95% of the browser window ranging from 640 pixels up to 960 pixels. Horizontally center the page body within the browser window. Finally, Karen wants to ensure that the height of the page body is always at least as high as the browser window itself. Set the minimum height of the browser window to 100%.

Answer 1

Answer:

body {

width: 95%;

min-width: 640px;

max-width: 960px ;

margin-left: auto;

margin-right: auto;

height: 100%

}

Explanation:

• body {

represents the HTML tag that you want to style using CSS

There are two major ways to style a text it can either be fixed or fluid.

Fixed layout: The height and width are not flexible, it is specified by using pixels.

Fluid: The height and the width are flexible it  makes use of percentages and ems.

• width: 95%;

 min-width: 640px;

 max-width: 960px ;

sets the width to 95% of the browser window and sets the pixel range  from 640 pixels up to 960 pixels.

• margin-left: auto;

margin-right: auto;

these lines of code horizontally center the page body within the browser window by automatically setting the margin alignment.

• height: 100%

it Set the minimum height of the browser window to 100% , ensuring that the height of the page body is always at least as high as the browser window itself.