Главная
Study mode:
on
1
- Introduction
2
- Analysing the design and writing the HTML
3
- CSS - setting up the font-face declaration
4
- The custom properties
5
- A simple reset
6
- The base styles
7
- The result-summary layout
8
- The result section
9
- The relationship between the two columns
10
- The summary section
11
- Fixing the padding
Description:
Explore the process of transforming a design into code through a Frontend Mentor challenge in this comprehensive tutorial video. Learn how to analyze a design, write HTML structure, and implement CSS techniques including flexbox, grid, custom properties, and variable fonts. Follow along as the instructor breaks down their thought process, covering topics such as font-face declarations, custom properties, CSS resets, and layout strategies. Gain insights into creating responsive designs, styling different sections, and fine-tuning padding for a polished result. Perfect for frontend developers looking to enhance their skills in HTML and CSS implementation.

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

Kevin Powell
Add to list