Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

From Design to Code - HTML & CSS From Scratch - Frontend Mentor

Kevin Powell via YouTube

Start learning Write review
DataCamp Ad

AI Engineer - Learn how to integrate AI into software applications

Learn More → TrainSec Ad

Master Windows Internals - Kernel Programming, Debugging & Architecture

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This course demonstrates how to translate a design into a results-summary component with HTML and CSS. It covers font-face declarations, custom properties, resets, base styles, Flexbox, Grid, and layout adjustments.

Syllabus

- Introduction
- Analysing the design and writing the HTML
- CSS - setting up the font-face declaration
- The custom properties
- A simple reset
- The base styles
- The result-summary layout
- The result section
- The relationship between the two columns
- The summary section
- Fixing the padding

Taught by

Kevin Powell

Reviews

Start your review of From Design to Code - HTML & CSS From Scratch - Frontend Mentor

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.