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.
Note: Delete this note and update the table of contents based on what sections you keep.
Users should be able to:
- See hover states for interactive elements
- Solution page: Solution page
- Live Site URL: Netlify Live Site
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Visual Studio Code
- Open with Live Server (VS Code plugin)
This is my first challenge ever. I learned a lot how to use the Chrome Developer Tool (F12) and to turn on and off different style in order to understand better what each property does in the browser.
I realized I still have a long way to go, but I started to look up the documentation for padding, margin and other CSS properties.
I will go for the next challenge.