logo

modern front end tech

learn html and css by building, fixing, and repeating

Modern Front End Tech is a free front-end learning space with HTML and CSS course paths, a live editor, weekly practice, and exam-style repair tasks.

Free front-end learning platform

Pick a path, keep moving, and come back stronger.

The site is organized around one idea: learn a little, build a little, and test what you know right away. Start with HTML, move into CSS, jump into the editor, or use the weekly challenge and exam when you want more pressure.

Lessons HTML + CSS

Beginner-friendly pages that move from first tags to page structure, then into styling, colors, spacing, and layouts.

Practice 4 fresh prompts

A rotating weekly challenge pack gives returning learners a new set of build tasks every Monday.

Exam 60 repair tasks

The final certification exam checks whether students can repair broken HTML under real time pressure.

Access Free to use

Lessons, editor, challenges, and the exam all live in one connected learning flow without paywalls.

What this site does best

Clear paths, one learning flow

Some learners want guided HTML lessons. Some want to style pages with CSS. Others want a live editor, challenge prompts, or exam pressure. The homepage keeps those paths clear so you can move fast instead of hunting around.

Build

open the live editor

Write HTML in a sandbox, preview the result, and fix mistakes while the code is still fresh in your head.

  • Practice small HTML ideas quickly
  • See how your code changes the page
  • Great for learning while following lessons
open text editor
Learn

move through html lessons

Follow the lesson path from what HTML is to structure, forms, tables, multimedia, and the rest of the core roadmap.

  • Begin from the fundamentals
  • Follow lessons in order
  • Use examples as your reference
start the html course
Style

start the css course

Learn how CSS changes the look of a page with colors, spacing, fonts, selectors, and layout rules.

  • Understand what CSS does
  • Connect CSS with HTML
  • Prepare for styling real projects
start the css course
Practice

try the weekly challenge

Open a rotating pack of HTML build tasks and keep your momentum up with fresh prompts every week.

  • Fresh challenge set every week
  • Multiple prompts in one pack
  • Write and preview HTML on the same page
open weekly challenge
Test

repair broken markup

Open the certification exam and work through timed repair tasks that check whether the lesson work actually stuck.

  • 60 broken-code repair tasks
  • Timed certification flow
  • Automatic scoring and certificate output
open html exam
Save

create an account

Sign in or sign up so your editor, exam, profile, and progress tracking stay connected to the same learning flow.

  • Create an account quickly
  • Return to lessons after authentication
open auth page
about the developer

Know about me

To know about me open the about page