tip calculator

Community feedback

• 

  Mudasir Nadeem•290

  @mudasirNadeemPosted 29 days ago

  Hi Maobugichi, great effort! Here are some areas for improvement:

  Semantic HTML: Incorporating elements like <header>, <main>, and <section> will improve structure and accessibility.

  Accessibility: Add aria-label attributes for interactive elements and improve focus states for keyboard users.

  Responsiveness: The layout doesn’t adapt well to smaller screens. Consider using a mobile-first approach with Flexbox or Grid for better scaling.

  Code Structure: Simplify your JavaScript by reducing repetitive tasks and make your CSS more modular for readability.

  Design Alignment: The design differs from the original layout. Try aligning it more closely with the provided guidelines.

  0