DEV Community

Cover image for Join our latest Frontend Challenge: Comfort Food Edition 🍲

Join our latest Frontend Challenge: Comfort Food Edition 🍲

Jess Lee on July 29, 2026

We're back with another Frontend Challenge, and this time we're hungry! 🍜🥧 Running through August 16, Frontend Challenge: Comfort Food Edition inv...
Collapse
 
francistrdev profile image
FrancisTRᴅᴇᴠ (っ◔◡◔)っ

Can't wait for someone to push CSS to the limit!

Collapse
 
halakabir234hub profile image
Hala Kabir

I still don't have the Idea on what to use as the main foodd i like almost every one from my country!!!!!!!!!!!

Collapse
 
phalkmin profile image
Paulo Henrique

I knew that all that time learning how to cook would pay off

Collapse
 
koshiro1994 profile image
Comment marked as low quality/non-constructive by the community. View Code of Conduct
Koshiro Watanabe

hi, nice to meet you.
I'm a fullstack AI developer with 5years.
I want to collaborate with you.
I can likely be of help to you. Let me handle the tasks that are keeping you busy or proving difficult for you to manage.

Collapse
 
a11en profile image
Allen Labrague

🍜 Cozy Ramen Night 🌙

Hi everyone! 👋

I just published my CSS Art submission for the Frontend Challenge.

I'd love to hear what you think—whether it's about the artwork, animations, or overall design. Constructive feedback is always welcome! 😊

🔗 Submission

dev.to/a11en/cozy-ramen-night-acb

Happy coding, and good luck to everyone participating! 🚀✨

Collapse
 
sarvar_04 profile image
Sarvar Nadaf

Let's gooooooooooooooo

Collapse
 
ben profile image
Ben Halpern The DEV Team

Looking forward to this!

Collapse
 
hoseinmdev profile image
Hosein Mahmoudi

🍕 Nonna's Table 🔥

Hey folks! Just dropped my submission for the challenge — a wood-fired pizza place landing page, built around the idea that comfort food is really about the ritual around it, not just the food.

Would genuinely love a second pair of eyes on the scroll animations (GSAP + Motion) and whether the copy feels warm without being cheesy 🍕. Any feedback is welcome!

🔗 Submission
dev.to/hoseinmdev/nonnas-table-11ha

Good luck to everyone else who submitted, excited to go through the other entries 👀

Collapse
 
daniel_githinji_6e1e402c3 profile image
Daniel Githinji

had to copy the link and opened it on a new tab, you could maybe try to embed it using CTRL+K, humble opinion though lol :)

Collapse
 
hoseinmdev profile image
Hosein Mahmoudi

Haha thanks for the heads up! Totally forgot to format it properly. Appreciate the tip! 🙏

Collapse
 
adamthedeveloper profile image
Adam - The Developer ✨

i wanna try this!!

Collapse
 
frank_signorini profile image
Frank

This sounds like a fun challenge! Will there be any specific expectations around responsive design for the food layouts

Collapse
 
david_james_c7853a60d95ab profile image
David James

Really?

Collapse
 
eliandev profile image
Geordy Elian Reyes Mendoza • Edited

🫓 Pupusas at Midnight 🕯️

Just published my CSS Art submission: El Salvador's national comfort food — pupusas with curtido and salsa, drawn entirely in CSS. No images, no SVG.

The twist: the scene has a light switch. One single div with mix-blend-mode: multiply turns the whole table into a night pupusería lit by a flickering candle.

🔗 Turn Off the Lights: A CSS-Only Salvadoran Pupusa Table

Would love feedback, especially on the geometric tablecloth — it's five bands of repeating-conic-gradients and it fought me the whole way. Good luck everyone! 🇸🇻

Collapse
 
daniel_githinji_6e1e402c3 profile image
Daniel Githinji

link seems broken was eager to see your submission.

Collapse
 
eliandev profile image
Geordy Elian Reyes Mendoza

Already working thanks! 🙏

Collapse
 
naman_dhakad profile image
Naman Dhakad • Edited

🍜 Tonkotsu ramen with CSS flavour

Hi everyone! 👋

I just published my CSS Art submission for the Frontend Challenge.

Caution : This Artifact is inedible.

🔗 Submission
dev.to/naman_dhakad/tonkotsu-ramen...

Collapse
 
publiflow profile image
PubliFlow

Solid JS write-up. We built a collection of free AI tools at tools.shopveigo.com (image processing, writing assistant, cover letter generator) — all JS/TS under the hood. Happy to share architecture notes if anyone is interested.

Collapse
 
vinimabreu profile image
Vinicius Pereira

Submitted mine: ChocoDEV, a landing page for a chocolate brand that does not exist, with a bar you can actually eat chunk by chunk. Zero images on the page, every square, drip and bevel is gradients, box-shadows and keyframes, and the counter is watching.

dev.to/vinimabreu/chocodev-a-choco...

This one was fun. Good luck to everyone cooking.

Collapse
 
yurifsantostech profile image
Yurifsantos-tech

Hello everyone! I'm Yuri from Brazil. I have a strong background in Process Governance and I'm currently transitioning into Tech, focusing on Cloud Computing (Azure), Data, and Agile methodologies. Excited to connect and learn with this amazing community!

Collapse
 
vastpace profile image
VastPace

Comfort food + CSS art is such a brilliant combo! 🍕 It’s always amazing to see how far people can push pure CSS without relying on heavy JS or images. Looking forward to exploring all the creative submissions here!

Collapse
 
ndcodes profile image
Nnamdi Felix Ibe

Jollof rice had to be my entry. Comfort food for me is Nigerian food, and nothing sits at the head of that table like a pot of party jollof.

I built a love letter to it for Perfect Landing: one pot, zero photographs, all CSS. There's a Jollof Wars vote on the page, Naija vs Ghana, and the tally updates live.

🔗 Submission

dev.to/ndcodes/jollof-a-love-lette...

Go and cast your vote. If you've tasted both sides, your vote counts double in my book. If you haven't, that's your excuse to find a Nigerian or Ghanaian kitchen near you and settle it yourself.

Which side takes it?

Collapse
 
vinimabreu profile image
Vinicius Pereira

Came back for the second prompt. After the ChocoDEV landing page, the brand needed a product shot, and the brand's rule is no images ever, so it had to be drawn in CSS: one chocolate bar with a bite taken out of it, fracture facets, crumbs and all.

dev.to/vinimabreu/the-chocodev-sig...

Both prompts done. Now I need actual chocolate.

Collapse
 
triumph1701 profile image
Triumph

Good checklist. I’d add one second-stage check before an agent rollout: run a streaming request with a tool call, then force a client timeout/cancel.

A route can pass the first /chat/completions call but still fail on SSE delta shape, tool_call IDs, or final usage accounting. Keeping the raw SSE events for that test makes debugging much easier.

Collapse
 
talha_ramzan_3878156fea8c profile image
Talha Ramzan

Comfort food + CSS art is such a fun prompt combo. Already thinking about attempting a steaming plate of biryani in pure CSS, the rice grain texture alone sounds like a fun rabbit hole (probably way too many box-shadow layers, but that's half the appeal of these challenges).

Good to see JS being allowed in CSS Art now too, even if just "a sprinkle", makes stuff like steam animation or a subtle simmer effect possible without turning it into a full JS project.

Collapse
 
dean17801 profile image
dean17801

like my articles

Collapse
 
prabhat_shukla_02 profile image
Prabhat shukla

Let's do it.....

Collapse
 
unitbuilds profile image
UnitBuilds

@xulingfeng You think KFC counts? 🤣

Collapse
 
xulingfeng profile image
xulingfeng

Of course not — I'm way too sick of it already🤣

Collapse
 
gulrez profile image
Gulrez Qayyum

Let's go! I'm in.

Collapse
 
monkeymonkey profile image
Tad

Traveling around Food by CSS!

Collapse
 
unified_mentor profile image
Unified Mentor

I'm excited to see someone see how far CSS can really go.

Collapse
 
kernelkain profile image
Kshitij

I really don't know much Frontend so I am gonna Vibe code it.

Collapse
 
sayista_yazdani_3c0e9f4f9 profile image
Sayista Yazdani

Lost the last challenge, but I'm back for round two! 🍲 Time to redeem myself with some delicious CSS! 😁 🍽️ 🤤

Collapse
 
mia_keller_ffd2584c046ecb profile image
Mia Keller

This theme is so much fun! 🍜 Can't wait to see the incredible CSS art and interactive recipe sites the community cooks up for this one. Good luck to everyone participating!

Collapse
 
immortaldotjar profile image
Arjun Kumar Prajapati

is tailwind allowed ??

Collapse
 
publiflow profile image
PubliFlow

Great JavaScript content. One thing that often gets missed is the interaction between this pattern and the module system — ESM vs CJS resolution can cause subtle runtime differences in production.

Collapse
 
decakraa profile image
David Decakra

Such an interesting challenge!

Collapse
 
threerouter profile image
threerouter

😀

Collapse
 
ruby_mora_f096832d1b34046 profile image
Ruby mora

I'm excited to see someone see how far CSS can really go.

Collapse
 
koshiro1994 profile image
Koshiro Watanabe

Hi, hope you are doing well.
I'm very interested. Let's do it...

Collapse
 
datnguyendevai profile image
Đạt Nguyễn Thành

hi

Collapse
 
b71 profile image
b71

🫡

Collapse
 
haimanot25 profile image
Haimanot25

Hey

Collapse
 
cfnb66 profile image
cfnb66

Go

Collapse
 
halimah_akinoso_7e9965b6b profile image
Halimah Akinoso

That's great

Collapse
 
we_as_680d67c73816344814b profile image
we as

good

Collapse
 
kylikdlabs profile image
Kylik Daniels

Hello Everyone!!!

Collapse
 
faisal_usf profile image
Faisal Yousuf

A more energetic activity.

Collapse
 
dgoell31 profile image
Devansh Goel

I knew this is the absolutely right

Collapse
 
genny_bell_2652e63ad50a4b profile image
Genny Bell

Sounds fun! Any responsive design requirements for the food layouts?

Collapse
 
kingcy_6aca4ace0f1 profile image
kingly

epic

Collapse
 
somayeh_8c30e34eb2d8b6c19 profile image
Somayeh

Amazing