/fem-order-summary-component

Frontend Mentor Challenge using CSS Grid, Flexbox and custom CSS vars

Primary LanguageCSS

Frontend Mentor - Order summary card solution

This is a solution to the Order summary card challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

Overview

The challenge

Users should be able to:

  • See hover states for interactive elements

Screenshots

mobile screenshot desktop screenshot

Links

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • CSS Grid
  • Mobile-first workflow

Continued development

The CSS could be cleaned up some more.

Author