Order-summary-component

First project on Frontend Mentor Order Summary Component Challenge Hub

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

• The challenge
• Screenshot
• Links
• Built with
• What I learned
• Continued development

The challenge

Users should be able to:

• See hover states for interactive elements

Screenshot

Links

• Solution URL: (https://tiyana19.github.io/order-summary-component/)

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox

What I learned

I learned about Flexbox and I also try using relative units as much as I can.

github lesson that I learned

I also learned that github is (Case Sensitive) so in the future I will remember this and try to keep the folder and files name in lower cases by default.

Continued developemt

I will do more practice of width and height sizes because I usally got stuck on these two properites the most. and also will give more attention to layout and display properties.