Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/almerleoalmazan/order-summary-component

Order Summary Component - FrontendMentor.io Newbie Challenge
https://github.com/almerleoalmazan/order-summary-component

Last synced: about 1 month ago
JSON representation

Order Summary Component - FrontendMentor.io Newbie Challenge

Host: GitHub
URL: https://github.com/almerleoalmazan/order-summary-component
Owner: almerleoalmazan
Created: 2023-12-17T13:39:55.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2023-12-18T01:22:01.000Z (about 1 year ago)
Last Synced: 2024-11-14T03:15:56.686Z (3 months ago)
Language: CSS
Size: 260 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Frontend Mentor - Order summary card solution

This is a solution to the [Order summary card challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/order-summary-component-QlPmajDUj). Frontend Mentor challenges help you improve your coding skills by building realistic projects.

## Table of contents

- [Overview](#overview)

  - [The challenge](#the-challenge)

  - [Screenshot](#screenshot)

  - [Links](#links)

- [My process](#my-process)

  - [Built with](#built-with)

  - [What I learned](#what-i-learned)

  - [Continued development](#continued-development)

- [Author](#author)

## Overview

### The challenge

Users should be able to:

- See hover states for interactive elements

### Screenshot

![Screenshot](./images/order-summary-component.png)

### Links

- Solution URL: [https://github.com/almerleoalmazan/order-summary-component](https://github.com/almerleoalmazan/order-summary-component)

- Live Site URL: [https://aa-order-summary-component.netlify.app](https://aa-order-summary-component.netlify.app)

## My process

I always start with the mobile-first approach, as I know this is the best practice, and others do as well.

### Built with

- CSS custom properties

- Flexbox

- Mobile-first workflow

### What I learned

### Continued development

I'm planning to continue working on newbie challenges because I'm not comfortable enough with what I've learned in CSS and responsive design. I'm also looking forward to learning SASS, Tailwind CSS, Vite, and ReactJS.

## Author

- Frontend Mentor - [@yourusername](https://www.frontendmentor.io/profile/@almerleoalmazan)