Using Html And css ONLY

Community feedback

• 

  Bhuvnesh Upadhayay•2,000

  @bhuvi819381Posted about 2 months ago

  Hello,

  I reviewed your solution, and it looks great! Here are a few suggestions to make it even better:

  1. 🏷️ Use Semantic Tags
     Incorporate semantic tags like <main>, <section>, <article>, etc., to improve the structure and accessibility of your code.

  2. 📚 Follow Heading Hierarchy
     Use headings in a proper hierarchy, starting with <h1> and following with <h2>, <h3>, and so on.

  3. 🖼️ Alt Attributes
     If an image is decorative, you can leave the alt attribute blank for better accessibility.

  4. 📏 Avoid Fixed Heights
     Instead of using a fixed height, opt for min-height or avoid setting the height altogether for better responsiveness.

  5. ❌ Avoid Using px
     Use relative units like rem or em instead of px for better scalability.

  6. ✍️ Line through Tags
     Instead of <h6>, you can style your text with a <span> or use the <s> tag if the text is meant to be strikethrough.

  7. 🌟 Pixel Perfect Design
     If you don't have a Figma file, you can use a Chrome extension called Pixel Perfect by WellDone.

  8. 🛠️ Check for Errors
     After submitting the solution in frontend mento, always check the error report of HTML and accessibility. If you find errors, just solve them.

  These changes will help improve your code quality and ensure better responsiveness. Keep up the awesome work! 👏

  Best regards,
  A Frontend Friend

  0