blog card using html and css

Community feedback

• 

  Claudia•440

  @ClaudiaRamirezDPosted 2 months ago

  Good job! Remember that small details matter, such as capital letters and spacing.

  0
• 

  jen067•190

  @jen067Posted 2 months ago

  • Did not write in Markdown. Writing in Markdown would help clearly identify any issues and the process of styling.

  • HTML

  1. Add Classes to Tags to Differentiate Elements
  2. Since the styles of p tags differ, adding a class can effectively apply paragraph styles to individual sections.
  3. Avoid Overusing ID: When there are many image elements, using id="image" is not a good choice. Switching to classes would allow for consistent styling across similar tags.
  4. Footer Setup: In my opinion, there are too many wrapping layers. Instead of using <div id="avname"><h4>greg hooper</h4></div>, it could be simplified to <h4>greg hooper</h4> with a class added to the h4.

  • CSS

  1. font-family: 'figtree'; should be changed to 'Figtree', sans-serif;.
  2. Use rem instead of width, padding, and margin sizes to adjust according to the font size when the screen scales.
  3. For the footer, justify-content: flex-start; is the default style and does not need to be set additionally.

  0