Essential session storage is required to sign in. Optional analytics remain off unless you allow them.
Build and deploy a personal portfolio: semantic HTML, modern CSS (flex/grid), responsive from 360px to 1920px, accessible navigation, and a contact form with client-side validation. No frameworks required.
Semantic landmarks, alt text, labels, focus states, contrast.
No horizontal scroll 360–1920px; fluid type/spacing.
Modern layout (grid/flex), custom properties, no dead rules.
Inline errors, keyboard friendly, no alert() boxes.
Use this README structure to make the work reviewable.
# Responsive portfolio site ## Goal Build and deploy a personal portfolio: semantic HTML, modern CSS (flex/grid), responsive from 360px to 1920px, accessible navigation, and a contact form with client-side validation. No frameworks required. ## Acceptance criteria - [ ] Semantics & accessibility: Semantic landmarks, alt text, labels, focus states, contrast. - [ ] Responsive layout: No horizontal scroll 360–1920px; fluid type/spacing. - [ ] CSS quality: Modern layout (grid/flex), custom properties, no dead rules. - [ ] Form validation UX: Inline errors, keyboard friendly, no alert() boxes. ## Verification - [ ] Document installation and run commands. - [ ] Record automated checks and their exact commands. - [ ] Add representative output, screenshots, or a short demo where useful. - [ ] Confirm failure paths and known constraints. ## Decision log ### Decision title - Context: - Choice: - Alternatives considered: - Tradeoffs: ## Evidence - Link each rubric criterion to the file, test, or artifact that demonstrates it. ## Known limitations - List what is intentionally out of scope and what should be improved next.
DevPath fetches a read-only, size-capped snapshot. Submitted code is never executed.