blog card using html and css

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

• 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.