Yiga AI

Course 5 of 19

HTML & CSS

Semantics, Flexbox, Grid, and more.

Yiga AI

Beginner en

Beginner · Course · 4 weeks at 5 hrs/week

Duration
4 weeks
Effort
5 hrs/week
Lessons
20
Hands-on exercises
20
Projects
1
Language
en

What you’ll learn

Skills you can put to work.

How the Web Works

HTML & CSS

JavaScript Fundamentals

Git & GitHub

Syllabus

Every module, step by step.

4 modules · 25 lessons · 17 hours · 1 graded project

1000 minutes of guided lesson time.

Sign in and enrol to unlock every lesson. The first lesson is open as a preview.

Module 1 · 6 lessons · 3.7 hoursSemanticsModule 1 of 4 in HTML & CSS.

  1. Overview and set-up

    Overview and set-up — Semantics in HTML & CSS.

    Lesson

    40 min

  2. Core concepts

    Core concepts — Semantics in HTML & CSS.

    Lesson · Locked

    40 min

  3. Worked example

    Worked example — Semantics in HTML & CSS.

    Lesson · Locked

    40 min

  4. Hands-on practice

    Hands-on practice — Semantics in HTML & CSS.

    Lesson · Locked

    40 min

  5. Common pitfalls

    Common pitfalls — Semantics in HTML & CSS.

    Lesson · Locked

    40 min

  6. Module quiz: Semantics

    Check what you learned in Semantics before moving on.

    Quiz · Locked

    20 min
Module 2 · 6 lessons · 3.7 hours LockedFlexboxModule 2 of 4 in HTML & CSS.

  1. Overview and set-up

    Overview and set-up — Flexbox in HTML & CSS.

    Lesson · Locked

    40 min

  2. Core concepts

    Core concepts — Flexbox in HTML & CSS.

    Lesson · Locked

    40 min

  3. Worked example

    Worked example — Flexbox in HTML & CSS.

    Lesson · Locked

    40 min

  4. Hands-on practice

    Hands-on practice — Flexbox in HTML & CSS.

    Lesson · Locked

    40 min

  5. Common pitfalls

    Common pitfalls — Flexbox in HTML & CSS.

    Lesson · Locked

    40 min

  6. Module quiz: Flexbox

    Check what you learned in Flexbox before moving on.

    Quiz · Locked

    20 min
Module 3 · 6 lessons · 3.7 hours LockedGridModule 3 of 4 in HTML & CSS.

  1. Overview and set-up

    Overview and set-up — Grid in HTML & CSS.

    Lesson · Locked

    40 min

  2. Core concepts

    Core concepts — Grid in HTML & CSS.

    Lesson · Locked

    40 min

  3. Worked example

    Worked example — Grid in HTML & CSS.

    Lesson · Locked

    40 min

  4. Hands-on practice

    Hands-on practice — Grid in HTML & CSS.

    Lesson · Locked

    40 min

  5. Common pitfalls

    Common pitfalls — Grid in HTML & CSS.

    Lesson · Locked

    40 min

  6. Module quiz: Grid

    Check what you learned in Grid before moving on.

    Quiz · Locked

    20 min
Module 4 · 7 lessons · 5.7 hours LockedResponsive designModule 4 of 4 in HTML & CSS.

  1. Overview and set-up

    Overview and set-up — Responsive design in HTML & CSS.

    Lesson · Locked

    40 min

  2. Core concepts

    Core concepts — Responsive design in HTML & CSS.

    Lesson · Locked

    40 min

  3. Worked example

    Worked example — Responsive design in HTML & CSS.

    Lesson · Locked

    40 min

  4. Hands-on practice

    Hands-on practice — Responsive design in HTML & CSS.

    Lesson · Locked

    40 min

  5. Common pitfalls

    Common pitfalls — Responsive design in HTML & CSS.

    Lesson · Locked

    40 min

  6. Module quiz: Responsive design

    Check what you learned in Responsive design before moving on.

    Quiz · Locked

    20 min

  7. Graded project: HTML & CSS

    Apply everything from HTML & CSS in one graded, portfolio-ready build.

    Graded project · Locked

    120 min

Applied learning project

Make the learning visible.

Use Graded project: HTML & CSS to apply this course to a practical challenge. You’ll finish with a clear solution and the reasoning behind your choices.

Apply the course’s core skillMake and explain practical decisionsCreate evidence you can share
Daniel O., Data & analytics

Your instructor

Daniel O.

Data & analytics

Turns real African data problems into practical lessons learners can apply immediately.

Brian Okello, Yiga learner

“The course content made machine learning understandable, and the practice kept me moving.”

Brian Okello

Software developer, Kampala

Continue with

Your next best step.

Following the order of Full-Stack Web Developer.

See the full chain

Next lesson

Overview and set-up

HTML & CSS

40 min · Resume

Course 6 in the track

Portfolio Project: Marketplace App

Plan, Build, Payments, and more.

Intermediate · Course · 4 weeks at 5 hrs/week

Course 7 in the track

Databases: PostgreSQL & Supabase

Schema, Queries, Auth, and more.

Intermediate · Course · 4 weeks at 5 hrs/week

Course 8 in the track

Deployment & DevOps Basics

Vercel, Docker, Environment variables, and more.

Intermediate · Course · 3 weeks at 5 hrs/week

Learner reviews

What learners say.

Write a review

Sign in to share your experience with this course.

Sign in to review

Loading reviews…

Previous coursePayments for African AppsNext coursePortfolio Project: Marketplace App

Keep going

Other courses in this track.

View full track
Technical Interview Prep cover illustration
Career

20 lessons · 16.7h · Advanced

Technical Interview Prep

Structured practice for coding interviews, plus mock interviews with feedback.

Yiga Plus
Modern Web Development cover illustration
Programming

25 lessons · 19.5h · Intermediate

Modern Web Development

Build and ship responsive web apps with HTML, CSS, JavaScript and React.

Yiga Plus