Submitted 8 months ago

Responsive recipe page using HTML SCSS JQUERY

Vahid• 390

@vahid2072

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

Hello everybody, this is my first challenge using jQuery Any suggestions on how to improve my skills is greatly appreciated!

Community feedback

Marcos Travaglini• 4,920

@Blackpachamame

Posted 8 months ago

Greetings! you have done a great job 😎

📌 Some suggestions

The image is part of the card, so you should not place it as a background, but as another element of the card
To improve the semantics of your HTML, you can change your <div class="attribution"> to a <footer class="attribution">
Do not use % for width or height. Better use rem, em or px

Marked as helpful

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