Des2Dev / order-summary-card-component

The solution for order summary card component challenge on Frontend Mentor (HTML, CSS and Newbie).

Home Page:https://Des2Dev.github.io/order-summary-card-component/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

  1. Frontend Mentor - Order summary card solution
    1. Table of contents
    2. Overview
      1. The challenge
      2. Screenshot
      3. Links
    3. My process
      1. Built with
      2. Useful resources
    4. Author

Overview

The challenge

Users should be able to:

  • See hover states for interactive elements

Screenshot

Mobile view

Desktop view

Links

My process

Built with

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

Useful resources

Author

About

The solution for order summary card component challenge on Frontend Mentor (HTML, CSS and Newbie).

https://Des2Dev.github.io/order-summary-card-component/


Languages

Language:CSS 58.2%Language:HTML 41.8%