Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 1 year ago

Recipe page

Luís Gustavo Gorniak•160
@luisgustavogorniak
A solution to the Recipe page challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


What are you most proud of, and what would you do differently next time?

It was a fun challenge, it made me test my media query knowledge, I'm very proud of being able to make it very responsive.

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

The hardest part was adjusting the image position in the mobile version. The image had to ignore the card's previous set padding. I did some position rules to some elements correctly fit, I think it worked.

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

It was really messy when I worked with the position property. The next content tag ended up on top of the image, I had to set a margin-top for it so it would go to the correct position. So any tips on how to deal with this would be helpful.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Luís Gustavo Gorniak's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License