Swiss Rösti Recipe

Develop a mobile-first editorial recipe page dedicated to the dish Swiss rösti with smoked trout, prioritizing seamless, intuitive user experience on smartphone devices as the core design and development foundation. Implement a full-bleed hero section at the very top of the page, which displays a high-resolution, vividly styled image of the plated finished dish, with no side margins to fully occupy the entire horizontal width of mobile screens, creating an immediate, appetizing visual impact that draws users into the content right away.

Next, add a clearly structured ingredients section directly below the hero area, arranging all required components for the recipe in a neat, easy-to-scan layout, ensuring font size and line spacing are optimized for comfortable reading on small mobile screens so users can quickly reference each ingredient while preparing materials.

Then design the cooking method section with oversized numbered steps, making each step number prominently large to stand out clearly against the corresponding cooking instruction text, allowing users to easily track their progress through each preparation and cooking stage without confusion. Ensure all interactive elements and page sections adapt smoothly across different mobile screen sizes, maintain fast loading speed even with high-quality hero image assets, and keep the overall page layout clean and uncluttered to fully support users following the recipe conveniently on mobile devices.