Submitted 7 months ago

Recipe Page

dpiskov• 50

@dpiskov

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Recipe page

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hello! I spent like 2 hours writing the css for this page, thinking and trying to find out how to do certain things! I learned something new after all and that was the whole point of the practice!

I really need help with media queries and making this page responsive on mobile! I am taking any suggestions, tutorials, guides, etc... on how to improve. I've watched a couple tutorials, but I can't understand a thing about responsive web design and media queries, I guess I just need more time and practice!

I'm still very new to html and css, only 1 month in, so I'll appreciate any advice on how to improve my skills.

P.S. I just noticed the fonts doesn't work after I uploaded the site. Any guesses as to what could be the cause?

Community feedback

Marley Semende• 570

@Marley-Semende

Posted 7 months ago

Hi @dpiskov. Nice work! Here is my recommendations for learning responsivity. Checkout this free course by Kevin Powell. It really helped me when I was struggling with responsive layouts. I highly recommend checking it out if you havent already. https://courses.kevinpowell.co/conquering-responsive-layouts And also I use an app called Responsively, it's a great tool for checking if your sites are responsive. Happy coding:)

Marked as helpful

dpiskov• 50

@dpiskov

Posted 7 months ago

@Marley-Semende Thanks a lot!

Michael Wilson• 100

@mikewil245

Posted about 2 months ago

Thanks for tip for the app @Marley-Semende

Please log in to post a comment

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