Submitted 6 months ago

My Recipe Card

Quân• 120

@Kwun7826

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Recipe page

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Need more practicing !!

What challenges did you encounter, and how did you overcome them?

The challenge i faced was how to style the dot and number of ul (li) element I put span element to style it

What specific areas of your project would you like help with?

If u have a better way to style the dot, number of ul, li tag, please let me know. For some reasons, the image doesn't appear on the github site, but i appears on my web browser, thanks for reading !

Community feedback

Chard Largodizimo• 270

@chardlargodizimo

Posted 6 months ago

Great project! Hope you consider my suggestions:

You can set the image max-width: 100% so that it takes up the whole width and also can shrink based on the screen size.
You can use the different combinators for the border part in NUTRITION section. MDN web docs is a great help.

Overall great job.

Marked as helpful

Quân• 120

@Kwun7826

Posted 6 months ago

@chardlargodizimo thanks for the suggestions. i used background-image for a div, just checked the code and saw i put width: auto, would be giving a percentage width for later projects

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord