Главная
Study mode:
on
1
- Introduction
2
- How I start a project from scratch
3
- My custom properties
4
- Getting the font
5
- Setting up some basic styles
6
- Do we need utility classes?
7
- Writing the HTML for the icon list
8
- Writing the HTML for the main area
9
- Starting the CSS - the page layout
10
- Quickly setting up the job experiences
11
- Styling the icon list
12
- Components don’t live in isolation
13
- Styling the top of the main area
14
- Styling the job experiences
15
- Setting up the horizontal scrolling
16
- Adding some extra space to the last element
17
- Fixing responsive issues
Description:
Learn how to transform a Figma design into a functional resume webpage in this comprehensive video tutorial. Explore the process of starting a project from scratch, setting up custom properties, and implementing essential HTML and CSS techniques. Master the art of creating icon lists, structuring the main content area, and styling job experiences. Dive into advanced topics like horizontal scrolling and responsive design fixes. Gain valuable insights on font selection, utility classes, and component isolation. Perfect for web developers looking to enhance their skills in translating designs into code and creating visually appealing, responsive resume pages.

From Figma to Code - Creating a Resume Page

Kevin Powell
Add to list