Open the debug3-4.css file. The body element should have a width that is 90% of the width of the browser window ranging from a minimum of 600 pixels up to a maximum of 1024 pixels. Fix the syntax errors in the body style rule that defines the width of the web page.

The style rule for the body element sets up a grid layout for the page. However, there are several errors in defining the grid areas, grid columns, and grid gaps. Fix the syntax errors in the style rule.

There are issues with grid column styles globally in debug3-4.css.

2

Be careful! One style rule is used globally in many different style rules.

Checks

Browser SimulationIncomplete

Body Styles | fix error #1

Browser SimulationIncomplete

Body Styles | fix error #2

Trying to debug body code and body code is as follows:

body{

width:90%;

min-width:600px;

max-width:1024px;

margin:10pxauto;

display:grid;

grid-template-columns:1fr2fr1fr;

grid-template-areas:"headersheadersheaders";

grid-template-areas:"linkslinkslinks";

grid-template-areas:"navsmainsides";

grid-template-areas:"navscouponssides";

grid-template-areas:"footersfootersfooters";

grid-gap:10px25px;

}

Unsure what the errors are in #1 and #2