JSTAcademy
0 XP
Dashboard
Crash Courses
HTML & CSS Fundamentals Review
15 min
Basic+200 XP
Crash Courses · Basic

HTML & CSS Fundamentals Review

Box model, specificity, flexbox, grid
15 min read+200 XP on completionCert: Frontend Engineering
Tap any word in the text below to start reading from there.

# HTML & CSS Fundamentals

Box Model

Every element is a rectangular box: content, padding, border, margin.

box-sizing: border-box includes padding and border in the element width.

CSS Specificity

ID selectors > Class selectors > Element selectors. Inline styles override all.

Flexbox vs Grid

Flexbox is 1D (row or column). Grid is 2D (rows and columns). Use flexbox for navigation bars and centering, grid for page layouts.

0%