Introduction

In the Breniapp/brenia project, maintaining a consistent user interface across different devices and screen sizes is crucial. A recent update focused on ensuring the timestamp on the library card remains anchored to the bottom, regardless of the number of badges displayed.

The Challenge

The initial layout caused the timestamp's position to shift dynamically based on the

When building Breniapp, we aimed for a clean and consistent user experience. One area that needed attention was the page headers. They felt a bit too large and the spacing was off, especially on smaller screens. This post details how we addressed those issues, resulting in a more polished and cohesive look across the application.

The Problem: Inconsistent Page Headers

Our initial page