Week 2 Overview

This week transforms your HTML structures into beautiful, functional user interfaces. You'll learn CSS (Cascading Style Sheets) - the language that controls how websites look across all devices. CSS turns plain HTML documents into visually appealing, well-organized layouts that work on phones, tablets, and desktop screens.

You'll start with CSS fundamentals: syntax, selectors, and core properties that control colors, typography, and spacing. Then you'll master modern layout techniques - the box model, Flexbox, and CSS Grid - which are essential for building professional web layouts. Finally, you'll learn responsive design principles to ensure your sites work beautifully on any screen size.

By the end of this week, you'll be able to take any HTML structure and transform it into a polished, responsive design. You'll understand how professional websites achieve their layouts, and you'll have the skills to build them yourself. Combined with your Week 1 HTML knowledge, you'll be ready to create complete web pages!

Learning Goals

Write CSS using proper syntax, selectors, and external stylesheets to style HTML elements
Apply the box model (content, padding, border, margin) to control element spacing and sizing
Build flexible, responsive layouts using Flexbox for one-dimensional arrangements and CSS Grid for two-dimensional layouts
Create mobile-first responsive designs using media queries, breakpoints, and responsive units (rem, em, %, vh/vw)
Implement accessible styling with proper focus states, color contrast, and visual feedback for interactive elements

The HackYourFuture curriculum is licensed under CC BY-NC-SA 4.0

CC BY-NC-SA 4.0 Icons

*https://hackyourfuture.net/*

Found a mistake or have a suggestion? Let us know in the feedback form.