Responsive Blog Preview Card using HTML/CSS

Community feedback

• 

  raya•2,870

  @rayaatta

  Posted over 1 year ago

  Hello 👋Florian, congratulations on completing this challenge 🎉

  I have some suggestions you might find interesting.

  1 Try to make your html more Semantic by wrapping the main page content inside a <main> tag . Replace <div id="container"> With <main id="container">. This changes nothing visually but Using it makes all the difference. Using semantic markup improves

  SEO

  And user experience (accessibility) for people using assistive technology such as screen readers.

  2 I noticed

  <p class="foundations">HTML & CSS foundations</p>
  

  This is actually supposed to be a heading you should replace it with

  <h1 class="foundations">HTML & CSS foundations</h1>
  

  3 In order to center the card on any screen add

  min-height:100vh;
  

  In the css for body

  I hope this helps 🙃

  Your solution looks neat 😉

  Happy coding ✌️

  00

  Marked as helpful