RE:Creation No. 1: Google | CSS (Round 3)

Summary

• Style for Visual Design: Visual Content
• Style for Visual Design: Typography

Visual Content

Visual content are logos, photos, icons, and other media that could be part of the web page’s content. Since this is dealing with content, the markup is part of this round. For example, we added the Google logo through HTML Image element as represented by the <img> tag. However, we added the icons using a different technique—which is using the background-image property of CSS.

Typography

Anything concerning font type or size, falls under typography—and it comes last because we assume that the web page must remain usable even by using the default typography styles set by the browser.

body {
    font-family: sans-serif;
    font-size: 0.875em;
}

Demo

See the Pen RE:Creation No. 1: Google | CSS (Round 3) by Brian Dys (@briandys) on CodePen.

Next Round