Question: Create a web page with a grid of scrolling boxes. The following requirements must be met: You must choose a theme different from the example

Create a web page with a grid of scrolling boxes.
The following requirements must be met:
You must choose a theme different from the example output's "Containers" theme.
Your grid must consist of 6 boxes: 2 rows with 3 boxes in each row.
Your page must follow the layout design outlined in the Grid Page Structure file.
This design uses div's and styles, not tables, to achieve its layout.
You must use the external style sheet "styles.css" provided in the starter files folder.
You must add some missing styles to this CSS file.
There are comments in the CSS file that show where your styles must appear.
Clicking on the Reset button must call a JavaScript function to reset all the scroll bars.
This function is provided in this week's example files in the "Scrollable div" example.
You must change the line:
if (div.className == "scroll")
to
if (div.className == "columnOf3")
Type this in HTML format
 Create a web page with a grid of scrolling boxes. The
following requirements must be met: You must choose a theme different from
the example output's "Containers" theme. Your grid must consist of 6 boxes:

Containers: Containers Jaw Food Ca Freight containers are large, strong Jars can contain or They do typically contain ether jar inside containers that are designed for trampart via train, ship, or tuck. For ieeurity them. jars allow light to shine Menin Containers TinareN Toy chests can help to keep a todders

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!