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

Responsive page using Flexbox, Grid and Sass.

@mts-ml

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

This project had a lot of tags, so to facilitate CSS development, I wanted to use nesting. Since styled components and SCSS modules don't work in pure HTML/CSS projects, I did some research and found out that you can use Sass with HTML. You just need to configure the package.json file and run yarn watch-css in the terminal.

It helped a lot.

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

Would like some tips and constructive criticism.

Community feedback

Enziu 40

@DefinitelyNotPatrick

Posted

It's cool that you're using scss and that the code is semantic but it would be better if you referenced classes rather than tags directly and it's cool that you put alt in the IMG tag

0

@mts-ml

Posted

Thanks for the feedback! @DefinitelyNotPatrick

0

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