Project Case Study

Trillo

Demo website for an all-in-one booking app, built using HTML & CSS flexbox.

HTMLHTML
CSSCSS
SCSSSCSS
Trillo

Overview

Trillo is a bright, friendly, and user-centric booking application interface. This project focuses on the power and flexibility of CSS Flexbox to create complex, one-dimensional layouts that are resilient and responsive.

Key Features

  • Flexbox-Driven Layout: almost every component is positioned using Flexblocks.
  • Infinite Scrolling: Design pattern for the reviews section.
  • Micro-interactions: Subtle hover states and button animations.

Technical Implementation

  • SVG Sprites: For efficient and scalable icon usage.
  • CSS Variables: For consistent theming and easy maintenance.
  • Media Queries: For adjusting the sidebar/header layout on smaller screens.