Question
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
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
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started