Blog Preview Card

Community feedback

• 

  P

  Øystein Håberg•10,390

  @Islandstone89Posted 8 months ago

  Hi Ayush. Good job!

  A few tips:

  HTML:

  • Use the <time> element for the date:<p>Published <time datetime="2023-12-21">21 Dec 2023</time></p>.

  • Since this is a blog card, the heading should have a link inside.

  • Profile image needs a short, descriptive alt text, like "Headshot of Ayush Yadav".

  CSS:

  • Make a habit of including a CSS Reset at the top.

  • font-size must never be in px. This is a big accessibility issue, as it prevents the font size from scaling with the user's default setting in the browser. Use rem instead.

  • max-width on the card should be in rem.

  • Media queries must also be in rem.

  2

  ---

  

  Ayush Yadav•140

  @ayushyadavzPosted 8 months ago

  @Islandstone89 Done and thanks for giving these feedbacks.

  1

  

  Ayush Yadav•140

  @ayushyadavzPosted 8 months ago

  @Islandstone89 Please check my latest Recipe Page challenge in which I've used a little bit of Bootstrap. Do check and give your suggestion/ feedbacks in comments of Recipe page challenge.

  0