Skip to content
Submitted 3 months ago

First project - Recipe page using flex

P
SamoP•100
@SamoPinter
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 are you most proud of, and what would you do differently next time?

This was my first project so I had to figure out everything regarding how it all works at frontend mentor. I'm really happy to have managed to create a solution that is really close to the task. The site was built mobile-first and I only used a couple of media queries and for the first time BEM notation.

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

I had the most struggle to learn how Frontend Mentor works - the whole process of writing notes, creating a live site (I'm proud of that - I created a subdomain and uploaded the files to my host) and now submitting the solution. I did not struggle so much with the html,.. though it was my first time doing it all by myself.

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

I'd appreciate any help or suggestion on scss,..I only created a css file.

Community feedback

  • Margaret M. Martin•60
    @martymar-beepPosted 3 months ago

    Hello @SamoPinter! I can't believe this is your first project! You are far more advanced than I am. I know nothing about #react, I'm just learning about ::before and ::after, I've never used @media, and I have no idea what BEM notation is, but I would like to say that your project came out nearly identical as the sample project and I am jealous!! LOL. Mine came out so much bigger. Clearly I am doing something wrong. Keep up the great work!!!

    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