Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Order summary component

@sliyarli

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


  1. Layout and Styling:

    • Did the layout and styling of the order summary card match the provided design closely?
    • Were there any specific styling challenges you noticed? How did you approach them?
    • Did you find any inconsistencies in spacing, fonts, or colors that could be improved?
  2. Responsive Design:

    • How well does the order summary card respond to different screen sizes? Were there any issues on mobile or desktop views?
    • Did you use any specific techniques like Flexbox or CSS Grid to achieve responsiveness?
    • Are there any improvements you'd suggest to enhance the overall responsive experience?
  3. Code Organization:

    • Is the HTML structured logically and semantically?
    • How did you manage your CSS code? Did you use any methodologies like BEM or utility classes?
    • Are there ways I could improve the organization of my code to make it more maintainable?
  4. Interactive Elements:

    • Did the hover states for interactive elements work as expected?
    • Did you find any interactive elements that could benefit from additional user feedback or visual cues?
  5. Accessibility:

    • Did you consider accessibility principles while building the card? Are there any improvements that could be made to enhance accessibility?
  6. Learning Experience:

    • What did you think about my approach to building this challenge? Are there alternative methods you would suggest?
    • Did you encounter any difficulties while reviewing the code or interacting with the card?
  7. Additional Features:

    • Did you think about any extra features that could be added to enhance the card's functionality or aesthetics?
  8. Code Efficiency and Performance:

    • Did you notice any areas where the code could be optimized for better performance or reduced redundancy?
    • Are there any best practices related to HTML/CSS that you'd recommend following?
  9. Overall Impression:

    • How visually appealing is the final card? Were there any design decisions that particularly caught your attention?
    • Do you have any general suggestions for improvement or areas where you think I excelled?
  10. Future Development:

    • Are there specific areas or concepts you think I should focus on for future development?
    • Are there any resources or learning materials you'd recommend to enhance my HTML/CSS skills?

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord