From Figma to Code - Creating a Resume Page

From Figma to Code - Creating a Resume Page

Kevin Powell via YouTube Direct link

- Styling the top of the main area

13 of 17

13 of 17

- Styling the top of the main area

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

From Figma to Code - Creating a Resume Page

Automatically move to the next video in the Classroom when playback concludes

  1. 1 - Introduction
  2. 2 - How I start a project from scratch
  3. 3 - My custom properties
  4. 4 - Getting the font
  5. 5 - Setting up some basic styles
  6. 6 - Do we need utility classes?
  7. 7 - Writing the HTML for the icon list
  8. 8 - Writing the HTML for the main area
  9. 9 - Starting the CSS - the page layout
  10. 10 - Quickly setting up the job experiences
  11. 11 - Styling the icon list
  12. 12 - Components don’t live in isolation
  13. 13 - Styling the top of the main area
  14. 14 - Styling the job experiences
  15. 15 - Setting up the horizontal scrolling
  16. 16 - Adding some extra space to the last element
  17. 17 - Fixing responsive issues

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.