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.
Users should be able to:
- See hover states for interactive elements
- Solution URL: Checkout Repository.
- Live Site URL: Visit Live.
- Blog Post URL: Read Blog.
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Responsive design
- Desktop-first workflow
By the end of the project, I learned how to use CSS Grid and Flexbox effectively in my projects. I also learned how to use CSS custom properties to make my code more readable and maintainable. I also learned how to use semantic HTML5 markup to make my code more accessible and SEO-friendly. I also learned how to use responsive design to make my projects look good on all devices.
I will continue to focus on responsive design and accessibility in my future projects. I will also focus on learning more about CSS Grid and Flexbox and how to use them effectively in my projects. I will also focus on learning more about CSS animations and transitions and how to use them in my projects.
- Resource 01 - This is an amazing articles which helped me finally understand HTML.
- Resource 02 - This is an amazing articles which helped me finally understand CSS.
I'd recommend to everyone to checkout these amazing official HTML & CSS resources.
- Website - Portfolio
- Frontend Mentor - @beRajeevKumar
- Twitter - @be_rajeevkumar
I would like to thank Frontend Mentor for providing such an amazing platform to practice my coding skills. I would also like to thank the community for providing feedback on my projects and helping me improve my coding skills.