blog-preview-card-main

Hi, @yiorgosbagakis

I reviewed your solution and have a few thoughts to share:

• I recently addressed a similar issue in the same challenge for @Shankarganesh-B. You can check out my response there, but I’d like to dive deeper into your specific case.
• I believe Frontend Mentor provides feedback on certain aspects of your HTML when you submit your solution. It may be flagging that the body should include elements like header, main, or footer. In your case, your article could serve as the main element, and the .attribution could be better suited as a footer.
• I noticed the image is wrapped in a div without a class. You might consider using a <picture> element instead for more semantic flexibility.
• For wrapping the word "Learning," it could be more appropriate to use a span rather than a div since it’s likely an inline element.
• Nice work using the time tag! I hadn’t thought of that before. However, since it seems to be a label for the h1 heading, it might make sense to wrap the time element in a label. I encourage you to look into the relationship between label and heading elements like h1 and h2.
• Lastly, I recommend focusing on mastering pure CSS before diving into any CSS libraries (like Tachyons). This will give you a solid foundation and help you understand how libraries build on CSS concepts.

Remember, these are just suggestions and not absolute rules. There might be other approaches that work just as well or even better.

Hope this helps!

Would appreciate if someone could help me with optimizing my codes for better readability.