In this video I go over how to create this table design using only HTML and CSS. I show you the full front end coding tutorial, where I take the Figma design and recreate it with HTML and CSS. I create the structure of the table elements in HTML and then I layout the content with CSS grid and then add styling to particular elements.

Codepen: https://codepen.io/angeladelise/pen/LYREErG?editors=1100

In this video I show you:

  • 0:00 - Intro
  • 0:20 - Figma UI Design
  • 1:01 - HTML Code
  • 4:38 - CSS Code

#html #css

Stylized Table Design from Figma to HTML CSS | Table from Scratch
5.40 GEEK