Web Application
Clinical portal reworked for phones and tablets
A clinical Angular portal was built for desktop screens. It needed to work on mobile devices without breaking any existing screen.
- Client
- Clinical / healthcare portal (confidential)
- Region
- Confidential
- Project type
- Web application UI engineering
- Services
- Web Applications, UI/UX
Overview
A clinical web portal built in Angular was used mainly on desktop. Its users increasingly needed to work from phones and tablets.
Challenge
The portal had more than 218 component templates. The client required that no existing CSS class be removed, so every change had to be additive. A layout bug also left a visible gap on wide screens.
Approach
We worked through the templates systematically, adding responsive classes alongside the existing ones rather than rewriting components, and traced the wide-screen gap to its root cause in the global stylesheet.
Solution
Responsive layouts across the portal's component templates, delivered as additive CSS, plus a fix to the global layout width that caused the wide-screen gap.
Key features
- Responsive behaviour across 218+ component templates
- Additive-only CSS changes (no existing classes removed)
- Root-cause fix for the wide-screen layout gap
Technology
Framework
Angular
Styling
CSS
Outcome
The portal's screens now adapt to phone and tablet widths while existing desktop behaviour is preserved.
Gallery
More work
Allgood Depot: e-commerce for windows, doors and building materials
A Marietta, Georgia supplier needed customers and contractors to configure, price and order doors, windows and building materials online.
View Case StudyWeb Application / AI SaaS2minsHTML: an AI platform that turns designs into clean HTML
A pay-per-use SaaS that converts screenshots, PDFs, Figma, PPT, Sketch and email designs into responsive, production-ready HTML in minutes.
View Case StudyWordPress / Custom PluginVision4 Motorsports: a custom rally and autocross platform on WordPress
A custom WordPress plugin that runs events, drivers, results, standings and news for India's grassroots South Indian Autocross (SIAL) championship.
View Case StudyHave a similar project?
Start a conversation. Tell us what you are building and we will suggest an approach.
- Emailinfo@deyvainfotech.com
- India+91 80567 77392
- USA+1 (404) 754-7030
