Skip to content
Submitted 3 months ago

Responsive page using Flexbox, Grid and Sass.

Mateus Lima•360
@mts-ml
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

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
    @DefinitelyNotPatrickPosted 3 months ago

    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
    Mateus Lima•360
    @mts-mlPosted 3 months ago

    Thanks for the feedback! @DefinitelyNotPatrick

    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