I am proud that i have completed this responsive blog preview card. i have learn a very basic and important concept in this project.
What challenges did you encounter, and how did you overcome them?I face challenge when i am giving width to this div when i am giving width in px it become non responsive but then i give width in percent. and other values in rem then it become responsive.
You missed achieving the shadow for the card's right-bottom areas. Covering that will ensure that you almost covered the design requirements. You can do this by adding this style to your card class. filter: drop-shadow(8px 8px 0 rgba(0 0 0/100%));
When setting width, consider the space taken for padding, border, and/or margin; then the card size will become more accurate.
The font size used for the description sentence (the longer one) is different from the design; also consider changing those sentence casings. You can copy and paste the sentence from design if you are using Figma.
If you use figma and stick to the width and height in the design, then I believe you don't have to write media queries. Also, font size looks different; use rem calculator to get the exact size from px. It is better to remove unnecessary suggestion comments included by the frontendmentor from your readme.md file and html page. So the other people who look at your code don't need to read all those.
