Question
In this assignment, you will create a liquid layout for your site and add the final text copy to your pages while ensuring the same
In this assignment, you will create a liquid layout for your site and add the final text copy to your pages while ensuring the same level of consistency across all of the pages through CSS.Liquid layouts are designed to resize the page components as the page width changes. Regardless of the browser width or device width, the user will not have to do any horizontal scrolling as all of the page components will be resized to fit the elements within the page width.This liquid layout would apply to all pages and all sections of the page including the header, navigation, content, and footer areas.
Directions
Complete the following:
Amend thecontentsection of each of the following pages using CSS as described below:About Us:Create a CSS-formatted table with a header, rows, columns, and cells, and populate it with content.Services: Add at least two dynamic-width columns.Contact Us: Create multiple rows.Homepage: Create both rows and columns.Use CSS to format how the HTML document is rendered in the Web browser based on liquid layoutssuch as the header, navigation, and footer.Each of these sections should resize based on the browser width.
Make sure you do the following:
Createa table that properly displays data.Submitcode that is error free, well documented, and appropriately constructed.UseCSS to define how HTML elements are displayed on a Web page per specifications.Createcustom layouts for individual page content areas.Writedeveloper comments to describe and explain code.
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