CSS Playground, @media, and @font-face
Well-structured HTML has many benefits. It organizes your content in a way that both human logic and computer logic can leverage. It also simplifies your code, as there are fewer things to go wrong.
Advanced styling gives the page visual appeal. The style of a page makes the content more accessible, easier to understand, and faster to digest.
Good design amplifies the meaning of content. When designing effects and behaviors, carefully consider your end goal. Ask yourself if the effect is mission-critical, or just intended to add sizzle to the page.
What is the best possible way to present this particular content?
Student Outcomes Learn to super-size background images. Understand @media and how to restrict the resize. Understand gradients and opacity. Understand @font-face. Further discuss border-radius and text-shadow.