T6 Coding Challenge 3

-

 

Summary

You’ve been handed a web page that will display the opening chapter of the Charles Dickens novel, Great Expectations. You will lay out the text of the chapter in three columns as shown in Figure 6–50, with a divided line separating the columns. Write the code for the style sheet.



Do the following:


code6-3.html


<!doctype html>
<html lang="en">

<head>
    <!--
   New Perspectives on HTML5 and CSS3, 8th Edition
   Tutorial 6
   Coding Challenge 3
   -->
    <meta charset="utf-8">
    <title>Coding Challenge 6-3</title>
    <link rel="stylesheet" href="code6-3_layout.css">
    <link rel="stylesheet" href="code6-3_columns.css">

</head>

<body>




code6-3_columns.css



/*
   New Perspectives on HTML5 and CSS3, 8th Edition
   Tutorial 6
   Coding Challenge 3

*/

/* article element styles */
article {
    column-count: 3;
    column-gap: 20px;
    column-width: 350px;
    column-rule-style: solid;
    column-rule-width: 5px;
    column-rule-color: rgb(231, 231, 231);
}

/* h1 element inside article element */
article h1 {
    text-align: center;
    font-size: 3.5em;
    letter-spacing: 0.15em;
    column-span: all;
}

article p{
    widows: 4;
    orphans: 4;
}

Comments

Post a Comment

Popular posts from this blog

T6 CODING CHALLENGE 2

-
Image
  You’ve been tasked to create a crossword puzzle web page. The first step is to create the layout of the crossword puzzle table, including the numbering of the clues and the shading of the blank spaces.  Figure 6–49  shows a preview of the completed table. Do the following: HTML CODE: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>Document</title> </head> <body> <table> <tr> <th colspan="8">Daily Crossword</th> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td></td> <td colspan="2" class="blank"></td&
Read more

Experiment 2.1: Calorimetry: Heat Capaity l Connect Virtual Labs. Question 1. A 30g metal cube is heated to a temperature of 100.0 C and placed in a coffee-cup calorimeter containing 50.0 g water at 24.7C.

-
Image
Welcome to the answer sheet for Experiment 2.1: Calorimetry: Heat Capacity  Question 1. A 30g metal cube is heated to a temperature of 100.0 C and placed in a coffee-cup calorimeter containing 50.0 g water at 24.7C. The coffee-cup calorimeter is a non-ideal calorimeter. -q metal = water + qcalorimeter. Which of the following statements are true? Select all that apply. Answers: ONLY Select These Two Heat is Lost by the hot metal The calorimetry constant is greater than zero FORMULAS TO REMEMBER Remember: It is an easy process to remember. Just slowly do the steps in finding the Heat Capacity. Use other resources if you need more help!
Read more

Order the steps required to predict the volume of (in mL) of 0.100 M calcium chloride needed to produce 1.00 g of calcium carbonate.

-
Image
 Laboratory Experiment: Synthesis of Calcium Chloride 1.) Mixing aqueous solutions of sodium carbonate and calcium chloride to produce solid calcium carbonate. Step 1: Convert the mass of calcium carbonate to moles of calcium carbonate Step 2: Compare moles of calcium carbonate to moles of Calcium chloride based on a balanced equation Step 3: Compute the Volume of calcium chloride solution required Step 4: Convert the volume of calcium chloride solution required 2.) Calculate the Volume (in mL) of 0.100M Calcium Chloride needed to produce 1.00g of Calcium Carbonate (s) Volume of Calcium Chloride = 99.9 mL Solution:
Read more