Project: Styling Subject of Interest

Adding CSS to Subject of Interest Project

In this project, we will add style, aka CSS, to the Subject of Interest Project completed in the HTML Chapter. We'll focus on a few efforts, but you are encouraged to try CSS, which is not mentioned in the list of requirements for this project.

The layout for the HTML Subject of Interest web page is left-aligned. The font is the browser's default, and its color is black. The background color is white. This is the default if no other CSS is applied. In this exercise, we will:

• center all the elements on the page

• add text and background colors

• add font family

Center Items on the Page

Review the notes on Box Model and Flexbox.

Try these techniques by applying them to the HTML Assignment where you described a subject of interest.

Left Aligned Subject of Interest

Centered Web Page

Applying CSS to Center the Content

Study this code and web page to visualize how the different ways of centering are applied. Use the resources below to make color and font changes.

Resources

W3 Schools CSS Reference

MDN Reference