Skip to content
Submitted 9 months ago

Recipe Page

dpiskov•50
@dpiskov
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

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-SemendePosted 9 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
    1
    dpiskov•50
    @dpiskovPosted 9 months ago

    @Marley-Semende Thanks a lot!

    0
    Michael Wilson•160
    @mikewil245Posted 4 months ago

    Thanks for tip for the app @Marley-Semende

    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