Skip to content

Washdil/Order-Summary-Component

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Note: Delete this note and update the table of contents based on what sections you keep.

Overview

The challenge

Users should be able to:

  • See hover states for interactive elements

Screenshot

Links

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • CSS Grid
  • Mobile-first workflow
  • React - JS library
  • Next.js - React framework
  • Styled Components - For styles

What I learned

I learnt alot regarding the colors and backgounds images and their shades and colors and to manipulate them and using the custom fonts from internet was quite cool , it was a beginner one so i hope to try something harder and challenging to improve my css and html skills to higer level.

Continued development

After having a hands on experience on this small project i realized that i have some difficulties in responsiveness of the website and layouts of the websites which are consiered one of the most important skill for a devloper , in future i want to improve my skill in those particular topics

Useful resources

  • W3school - This helped me alot to recall and research about some topics which were required in the project.

Author

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published