Responsive landing page using CSS Grid

Community feedback

• 

  Mennatallah Hesham•1,490

  @Mennatallah-HishamPosted about 1 year ago

  Hi RUSLAN,

  You did great 👍

  Congratulations on completing your first challenge👏

  Here are some suggestions to improve your code:

  Semantic HTML

  • you can improve your HTML markup by using semantic HTML, they are meaningful tags that convey meaning (semantics) of the content within them

  <article class="card">
  <img/>
  <div>
  </div>
  
  </article>
  

  Headings

  • each page should have one h1 tag,h1 helps the web understand the content. also skipping h1 may confuse assistive technology users.

   <h1>Improving your front-end skills by building projects</h1>
  

  ALT

  • images should have descriptive alt text, which is important for SEO and screen reader users,alt="QR code linking to Frontend Mentor challenges"

  SEO

  • you can add meta description for better SEO, it provides a brief summary of a web page

  <meta name="description" content="..........."/>  
  

  here are some helpful articles:

  • headings best practices
  • alt text
  • meta description
  • semantic html

  Hope you find this helpful, Happy Coding

  Marked as helpful

  2

  ---

  

  RUSLAN•50

  @wdazPosted about 1 year ago

  @Mennatallah-Hisham thank you

  0