Join our latest Frontend Challenge: Comfort Food Edition 🍲

CSS Art: Comfort Food

Create a work of art using primarily CSS! Let food be your inspiration: a steaming bowl of ramen, a stack of pancakes, a perfectly cut slice of pie, or the dish you grew up eating.

CSS Art Submission Template

Note: We’re now allowing a sprinkle of JavaScript in CSS Art submissions! However, judging will continue to focus primarily on the CSS component, so keep JavaScript usage light and purposeful. The star of the show should still be your CSS skills.

Perfect Landing: Comfort Food

Build a polished, functional landing page with a food theme. This could be a real or imaginary restaurant, a recipe collection, a food festival, a love letter to a regional dish, or anything else you can imagine, as long as it captures the theme and demonstrates excellent frontend fundamentals.

Perfect Landing Submission Template

Note: You may use JavaScript, TypeScript, Dart, WebAssembly, or any other browser-compatible language/runtime in your Perfect Landing submissions! Show us what modern web development can do.

How To Participate

Publish a post using the submission template provided above and required #frontendchallenge tag. You can submit to one or both prompts, and you can make multiple submissions per prompt (just publish a separate post for each).

You can level up your post by embedding your project directly in your submission. Embeds to consider:

• Google Cloud Run: {% embed cloud_run_link %}
• CodePen: {% codepen https://... %}

Please review our judging criteria, rules, guidelines, and FAQ page before submitting so you understand our participation guidelines and official contest rules such as eligibility requirements.