Learn HTML and CSS in 7 days

Semantic markup, layouts, and responsive styling fundamentals.

  • Daily plan, 45-60 min a day
  • 6 lessons + 18 exercises
  • AI tutor included
duration7-day sprint
Topics6 total
Exercises18 total
levelBeginner
  • No prior coding experience required
  • Practice tasks every day
  • Build impressive portfolio project

What you will learn

A powered by mentors Beginner plan with structured subtopics, quizzes, and practice tasks.

01Foundation

Semantic HTML structure

Create accessible pages with semantic HTML.

02Foundation

CSS selectors and box model

Style elements with selectors, spacing, and the box model.

03Core

Layouts with Flexbox and Grid

Build modern layouts using Flexbox and CSS Grid.

04Core

Responsive design and media queries

Design for mobile and desktop with responsive rules.

05Core

Components, typography, and color

Create reusable UI sections with strong typography.

06Challenge

Mini project: responsive landing page

Build a full landing page from scratch.

See the quiz + practice flow

Three answered questions and a filled code task so you know exactly what to expect.

Quiz preview

2/3 correct

1. How long is the HTML and CSS plan?

Correct
7-day sprint
5-day sprint
10-day sprint
14-day sprint

2. What level is this HTML and CSS plan?

Incorrect
Beginner
Intermediate
Advanced
Expert

3. Which of these appears in the HTML and CSS outline?

Correct
Semantic HTML structure
HTML and CSS workflow playbook
HTML and CSS best-practice checklist
HTML and CSS case study

Code practice preview

Submitted

Format a lesson title

Build a helper that formats a lesson label with a padded index and title.

Loved by Lifelong Learners

See how students, professionals, and forward-thinkers are upgrading their minds with Kavka.

Finally a plan that teaches CSS without making it feel like magic. Flexbox and Grid now make total sense.

Amy T.design student

The practice tasks felt like real work, so the lessons actually stuck.

Miguel TorresBackend Engineer

Thirty minutes a day and I was shipping again. The structure keeps me honest.

Emily ChenUX Designer

Design pages that actually look good

7 days of semantic HTML, Flexbox, CSS Grid, and responsive design — from zero to a full landing page.

You might also like