Blog Preview Card using Flex CSS

The output looks fine, with some minute mistakes in text alignment (ex: the date text isn't aligned properly and is slightly to the right). Looking at the code, there are some unnecessary margins and text alignments given to align the components.

ex:

.date {
    margin-right: 167px; /* not necessary */
...

}

main h1 {
    text-align: start; /* not necessary because text is left aligned by default*/
    ...
}