Skip to content
Submitted 3 months ago

Blog preview-card HTML+CSS

Kamal Alhejaili•60
@Kamalep
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

IT'S EASY , I LEARNED DISPLAY AND SAPN

What challenges did you encounter, and how did you overcome them?

.

What specific areas of your project would you like help with?

.

Community feedback

  • Rebecca Padgett•2,060
    @bccpadgePosted 3 months ago

    Hi @Kamalep. Congratulations on completing this challenge!!!🎉

    Your project looks good. One thing I noticed is the absence of HTML semantic elements. Implementing these can greatly enhance your project in several ways:

    1. Accessibility: Semantic HTML, such as <header>, <nav>, <main>, <article> , and <footer>, helps screen readers and assistive technologies understand content structure, making your site more accessible to users with disabilities.
    • Wrap your content using the <main> tag and attribution in a <footer> tag
    • The only <h1> on the page is HTML & CSS foundations

    1. SEO: Search engines use semantic elements to comprehend the page content better, potentially improving your search engine rankings.

    2. Code Readability: Using semantic HTML makes your code more readable and easier to maintain for you and other developers.

    3. User Experience: A clear structure and meaning in your content enhance the overall user experience, making it easier for user to navigate and understand your site.

    I hope you find this useful! Don’t hesitate to reach out if you have any questions. For more information on HTML headings, you can check out HTML Headings on W3Schools. Keep up the great work!

    Marked as helpful
    1
    Kamal Alhejaili•60
    @KamalepPosted 3 months ago

    Thank you @bccpadge for the useful comment,

    0

Please log in to post a comment

Log in with GitHub

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