This project is a pixel-perfect, fully responsive HTML/CSS implementation of the provided Figma design.
It was built as part of the Frontend Screening Task, focusing on clean, maintainable, and scalable code.
frontend-assignment/ │ ├── index.html # Main HTML file ├── styles.css # Main stylesheet ├── assets/ # Images, SVGs, and other media │ ├── logo.svg │ ├── girl.png │ └── icons/ (if any) └── README.md # Project documentation
| Element | Spec |
|---|---|
| Primary Red | #FA1239 |
| Accent Yellow (Stars) | #FFAB00 |
| Green (Rating) | #1CB098 |
| Background Gradient | #FECDD5 → #FFE2E7 (radial) |
| Font Family | Figtree |
| Heading 1 (h1) | 64px |
| Heading 2 (h2) | 44px |
| Body Text | 16px |
- 🎯 Pixel-perfect design — matches Figma measurements exactly.
- 📱 Responsive layout — adapts beautifully to all screen sizes.
- 💎 Clean & maintainable code — well-commented and semantic HTML/CSS.
- ☁️ Deployed on GitHub Pages — easily accessible live demo link.
- HTML5 — Semantic structure
- CSS3 — Flexbox, media queries, gradients
- Google Fonts — Figtree family
- (Optional) SVG assets from Figma
- Clone the repository:
git clone https://github.com/aarya0044/frontend-assignment.git