Study2025
Loopstudios Landing Page
A 1:1 recreation of a VR brand landing page, built with semantic HTML, CSS and vanilla JavaScript.
- JavaScript
- HTML
- CSS
- Client
- Frontend Mentor challenge
- Sector
- Frontend practice
- Platform
- HTML, CSS & JavaScript
- Role
- Front-end development
- Year
- 2025
Goal of the collaboration
Match the reference design exactly while keeping the markup semantic, the CSS organised and the layout responsive.
A Frontend Mentor challenge built in plain HTML, CSS and JavaScript to test layout precision without dependencies.
- design-to-code match
- 1:1
- mark for code quality
- A+
- for all screen sizes
- Responsive
The challenge
The exercise was precision: every spacing, image crop and interaction had to hold up across mobile and desktop.
What I did
- 01Flexbox and Grid layouts matched to the reference
- 02Vanilla JavaScript for the mobile navigation
- 03Responsive breakpoints for every section
Selected screens
Open any image for a larger view — arrow keys move between shots.
The outcome
A pixel-close, dependency-free page and a stronger grip on layout, responsiveness and clean front-end structure.
Building something similar?
I'm open to front-end roles and freelance work. Tell me what you're shipping.
More projects
All projects
StudyContact Book
A Vue single-page contact manager with search, sorting and edits that persist in local storage.
StudyNotifications App
A compact React app for triaging notifications: dismiss one, clear all, and watch the count update.
WorkUnique Fabric Panels — Shopify Store
A custom Shopify store that moved a fabric business off social media and into a clear, search-ready online shop.