Blog preview card html and css

Community feedback

• 

  raya•2,870

  @rayaattaPosted 10 months ago

  Hello 👋Beyza Arslan, Great solution.

  I have some suggestions you might find useful

  1 In order to make your html more semantic replace <div class="card"> with <main class="card">. Using semantic markup improves SEO and improves user experience for people using assistive technology.

  2 Since the illustration image is decorative its alt attribute should be left empty. i.e alt=""

  3 I noticed font-family: "Figtree", "sans-serif"; but since sans-serif is not imported you should not wrap it in quotes. replace that line of code with font-family: "Figtree", sans-serif;

  I hope this helps. Happy coding 🙃 and great solution.

  Marked as helpful

  1