Results Summary Component Challenge

Community feedback

• 

  vinu cyril•980

  @vinumanPosted over 1 year ago

  Hello,

  Good job completing the project. The desktop design looks impeccable.

  • If you are looking to make the component responsive, the Media queries in CSS allow you to create responsive designs that adapt to different screen sizes and devices. Please view "https://www.youtube.com/watch?v=2KL-z9A56SQ&t=62s" for a quick start.

  • Using meaningful class names can greatly improve the readability, maintainability, and scalability of your CSS code. By giving classes descriptive names that accurately reflect their purpose and meaning,

  • Setting a fixed width for the body element can cause several issues, including making the website less responsive and causing horizontal scrollbars to appear on smaller devices. Additionally, it can limit the flexibility of the design and make it harder to adapt to different screen sizes and resolutions. It is a good idea to use relative units like percentages or ems when defining widths in CSS. This allows elements to scale proportionally with their container and ensures that they can adapt to different screen sizes.

  • Kindly use the hover property for the button, which allows you to create interactive and engaging user experiences by adding visual feedback when users interact with buttons on your website. When a user hovers over a button, it can change color, size, or shape, giving them an indication that they are hovering over a clickable element.

  • Hope this helps. Happy coding!

  Marked as helpful

  0

  ---

  

  Destany•50

  @destanyrPosted over 1 year ago

  @vinuman

  Thank you, so much for offering such a detailed response. I found all of the advice very helpful. I'll work on implementing these changes and practicing the media queries.

  0