This is a submission for Frontend Challenge - Comfort Food Edition, Perfect Landing
What I Built I created a comfort food landing page designed to feel warm, welcoming, and personal. The core concept revolves around a simple question: “What’s your comfort food?”
Starting from that idea, I crafted a page that combines:
A clean hero section featuring a straightforward message.
An intentional, simple layout reminiscent of a cozy digital kitchen.
Color choices and spacing that bring out a sense of softness and warmth.
A playful, custom vibe that breathes life into the experience.
Demo
<!-- CodePen: {% codepen https://... %} -->https://codepen.io/editor/ignaciah/pen/019fcfe1-f6b7-709e-bba3-2f4ec2b56657
Journey
Technical Workflow
Building on CodePen: Developing the site using core HTML and CSS.
Styling: Selecting cohesive colors, spacing, typography, and visual layout to enhance the overall cozy aesthetic.
This approach reflects authentic front-end development practices: beginning with a foundational layout, then continuously refining and polishing.
Key Lessons Learned
Structuring a landing page effectively to establish clear visual hierarchy and presentation.
Leveraging CSS styling to evoke specific emotions and shape the mood of the page.
Recognizing how minor details, such as padding and alignment, contribute to document clarity.
Infusing personal style and character directly into design decisions.
Reflections & Achievements
I am particularly proud of the clean, cozy, and intentional aesthetic achieved throughout the project. The storytelling transforms a straightforward dish into an engaging narrative, creating an overall vibe that truly reflects my personal style.
Future Improvements
Expand the landing page by integrating an interactive mini comfort food quiz.
Develop the layout further into a comprehensive multi-page recipe site.
Top comments (0)