Learned about new ::marker psuedo element. Not sure I would do much differently.
What challenges did you encounter, and how did you overcome them?Getting the recipe image styles correct.
What specific areas of your project would you like help with?Can't think of any right now. I may try to convert this into a React project using a recipe API.
The line spacing for each paragraph could be adjusted to match the design better, as well as the margins on the edge of the card. The title for the card could also have the font-weight reduced, otherwise, the solution looks really good and matches well
It seems as though there was some split on whitespace that caused the extra item in the list to generate. Consider wrapping each item into an element or utilize the list item elements to block off each item. Otherwise the solution looks really good, and I like the addition italics for the quote!
Implementing everything I've learned about HTML and CSS to accurately replicate the blog preview card.
What challenges did you encounter, and how did you overcome them?Ensuring that the design is implemented in a responsive manner; hence, use the browser developer tools to confirm responsiveness.
What specific areas of your project would you like help with?Nothing specific, but any feedback is highly appreciated.
The solution you produced is very clean, I enjoy the link hover effect on the title of the page. I believe there is a hover effect on the card as a whole, to indicate that it would be selected, and that would cause a shift in the box shadow. Otherwise, I think you've done a great job replicating the card!
..
What challenges did you encounter, and how did you overcome them?..
What specific areas of your project would you like help with?..
The solution provided looks good so far. If the size of the card and box-shadow are adjusted to match the example, it'll look great! A look at the mobile view should give some good insight on how much adjustment needs to be made.
