Course Portal / Blog

• Week 10
• Responsive Images

Pixel Wildlife

A gallery of pixel art wildlife with responsive images and WebP

10A: Wildlife gallery ↗ 10B: Media Lounge ↗

• Week 9
• Bootstrap

Bootstrap Grid and Components

Grid layouts and components built with no custom CSS.

9A: Grid album ↗ 9B: Components ↗

• Week 7
• Responsive CSS

Profile card and Responsive Gallery

A profile card and travel log that resize for different screen sizes.

7A: Profile Card ↗ 7B: Responsive Gallery ↗

• Week 6
• CSS grid

Grid layout and gallery

A travel log and photo gallery laid out with CSS grid.

6A: Grid ↗ 6B: Gallery ↗

• Week 5
• Flexbox

Flexbox

Flexbox layouts for a gallery and hero section.

5A: Flexbox ↗ 5A: Gallery ↗ 5B: Hero ↗

• Week 4
• Layout

Layout

A hobby page styled with CSS.

4B: Hobby Page ↗ 4A: Outline ↗

• Week 3
• Tables and Images

Calendar and Portal

A birthday calendar and photo gallery.

3A: Calendar ↗ 3B: Portal ↗

• Week 2
• HTML and CSS

Review and Ugly Page

TV show review and intentionally ugly page.

2A: Review ↗ 2B: Ugly Page ↗

• Week 1
• Git and GitHub

Git

Notes on Git, GitHub, and the VS Code source control workflow.

Git ↗