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

Have a similar project?

Start a conversation. Tell us what you are building and we will suggest an approach.

Full project form
Start a Project