Skip to main content
grasp.study
About
Explore
Pricing
Log in
Try it for free
Back to course
👋
Welcome to a Grasp lesson
Create a free account
to keep studying and create your own study path.
Design Engineer: Figma to Production
·
Module 1
Structuring Content & Foundational Styling
1
Structuring Content with Semantic HTML
Identify and use semantic HTML elements (header, nav, main, section, footer) to structure web page content.
2
Embedding Content in HTML
Create hyperlinks, images, and lists in HTML.
3
Creating Basic HTML Forms
Build an HTML form with text inputs, selects, checkboxes, and a submit button.
4
The CSS Box Model
Identify how the CSS box model (content, padding, border, margin) affects element sizing and spacing.
5
Styling Text, Colors, and Spacing with CSS
Apply CSS properties for typography, colors, and spacing.
6
Flexbox: Master Layouts
Build flexible horizontal and vertical layouts using CSS Flexbox.
7
Building Grid Layouts with CSS Grid
Build grid-based page layouts using CSS Grid.
8
Interactive Transitions with CSS
Apply CSS transitions and hover effects to interactive elements.
Previous module
Next module
Building with Tailwind CSS & AI