Question
Begin constructing a CSS3-compliant style sheet, which affects the appearance of your home page to match the proposed sketch. The file extension should be .CSS
Begin constructing a CSS3-compliant style sheet, which affects the appearance of your home page to match the proposed sketch. The file extension should be .CSS. Remember, HTML code should address structure and content, while the appearance should be affected by your style sheets. Be sure to link to your style sheet in the head section of your home page HTML code.
The completeness and complexity of your home page are not the critical criteria of this exercise. The most critical requirements are:
your home page HTML code follows best practices shown in textbook examples
well-commented (including an introductory comment block as is used in all textbook examples and previous coding assignments
includes the doctype, html, head, meta, title, and link elements
a CSS grid must be included to match your design which features a grid outline clearly delineating your grid
try checking your code with an online code validator (your past coding exercises suggested this prior to submitting your code)
create your home page to include some fundamental and usable content
includes a body, header, and footer elements
Include a style sheet linked to your home page, which affects the appearance of your content in way consistent with your original sketch.Use the text editor of choice to compose and enter your HTML and CSS code, include at least one style rule for each of these selectors
html
body
including a CSS grid and clearly visible grid outline
img
nav a
For full credit, submit an image file depicting a full page screen shot displayed in a full-size monitor of your current home page displayed in a browser window (clearly showing your CSS grid and grid outline amid the content)
SKETCH:
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