Blog preview card

Hello @Ruggs888 👋

About div and span:

• You can just simply understand div as a generic wrapper element with zero semantic meaning (the element you would want to choose when there are no other that fit the use case - mostly for styling reason div is used to wrap it's child elements to control the layout - flexbox for example).
• span has the same usage as div but it is for inline text style modifying. There are many other elements such as strong, small, em,...

<p>
    This is a phrase with  <span class="make-this-bold">zero meaning</span>
</p>

About your solution:

• Each page must have one h1 to give the page a title that tell user about it's content. Since the card have one bold and large title you can use it as a heading and wrap it like this:

<h1>
    /* you can just leave href empty, it won't redirect anywhere*/
    <a href="">HTML & CSS foundations</a>
</h1>

• Consider using more semantic elements such as section, article, figure,.. to wrap a part of content. For example, instead of wrapping your card with div you can consider it as an article or section.
• Avoid unnecessary div wrapping, keep your HTML simple. Because div has no semantic meaning (choose div when there is no other elements that fit the use case), you should leave the content as it is if the layout does not need special style control (like flexbox)

Happy coding !! 😁😁😁😁