Skip to content
Submitted 10 months ago

Responsive recipe page using HTML SCSS JQUERY

Vahidā€¢390
@vahid2072
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Recipe page
  • HTML
  • CSS
1newbie

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,840
    @BlackpachamamePosted 10 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
    0

Please log in to post a comment

Log in with GitHub

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