Blog preview card

Community feedback

• 

  Luka•180

  @zmora2622Posted 3 months ago

  Try structuring the HTML code more and dividing the card into blocks such as card-img, card-body, card-footer, and wrapping the whole thing with a <main> tag.

  Try to operate with max/min-width sizes, for better responsiveness.

  I suggest you start by learning the css bem methodology, this will make it easier to create the HTML structure:

  Link-Wideo

  Also remember to indent your code - this will make it easier to read blocks of code and try to avoid inline styles in your HTML, it's all about CSS specificity:

  Link-Wideo

  You can set the font size using the font-size property. You don't have to rely only on the default sizes in the h1-h6 tags. However, as for headings, they are extremely important for accessibility, so they should not be used in the same way as the <p> paragraph.

  I also don't see the fonts that were provided in the assets directory in the project. Adding fonts from file: using @font-face:

  Link-Read

  Marked as helpful

  1