Every challenge here was hand-coded from scratch — no scaffolding, no copy-paste, no frameworks. Just HTML, CSS, and deliberate practice. Each submission has been independently evaluated by AI with a detailed
feedback.mdfile inside the challenge folder.
🌐 Live site: letladi.github.io
This is a personal collection of Frontend Mentor challenge solutions. The goals of this project are:
- Re-master raw, foundational web skills (HTML + CSS) without framework shortcuts
- Build a habit of matching designs pixel-accurately
- Receive structured feedback on each submission
Each challenge folder contains:
| File | Purpose |
|---|---|
index.html |
The coded solution |
feedback.md |
AI-generated evaluation with a score, what worked, and what to improve |
design/ |
Reference design files (JPG) from Frontend Mentor |
style-guide.md |
Colour palette, typography, and layout specs |
| # | Challenge | Difficulty | Live | Feedback |
|---|---|---|---|---|
| 1 | Blog Preview Card | 🟢 Newbie | View → | Read feedback → |
| 2 | QR Code Component | 🟢 Newbie | View → | Read feedback → |
All HTML and CSS is written by hand in a text editor (ZED). The design is matched visually using the provided Figma references and style guides. No AI is used to write the solution code. After completion, the solution is submitted to an AI for evaluation — the AI grades the visual accuracy, code quality, responsiveness, and best practices, then writes its findings to feedback.md.