Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

A Simple Recipe Page with Sass

Daniel 70

@RadiantReversal

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I really didn't need Sass. :) What's the best approach to make this challenge? what can I improve in my code?

Community feedback

Sebastian 1,560

@dnksebastian

Posted

Hi Daniel,

congrats on finishing the project! Here's a couple of things I've noticed after looking into your code:

  1. there are a few noticeable differences between the design and solution, most importantly you can improve paddings and 'preparation time' section which should have a different background color than the whole recipe card,
  2. you can improve the structure of your code by using more semantic tags, such as <article>, <section> and <table>,
  3. it's recommended to use more descriptive alt attributes for accesibility, currently the 'image' information is redundant because it can be inferred from the <img> tag,
  4. it's possible to make the solution more responsive, for example check the resolutions between 480px and 800px.

Hope that helps, keep it up!

1

Daniel 70

@RadiantReversal

Posted

@dnksebastian thanks i'll make these changes after <3 I didin't even see the difference in preparation time cuz it's so soft lmao

1

Please log in to post a comment

Log in with GitHub
Discord logo

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