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
 
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
 
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
 
ben profile image
Ben Halpern The DEV Team

Looking forward to this!

Collapse
 
nazar-boyko profile image
Nazar Boyko • Edited

Just submitted my Perfect Landing entry and had a lot of fun with this one -
thanks for a prompt that turned out to be more about memory than food.

One small thing I could use help with: the post is published with all four
tags and it does carry the Perfect Landing submission badge, but it isn't
showing up in the /t/frontendchallenge feeds. The page metadata has
author-trust 0 and robots nofollow, which I suspect is why. Would someone from
@devteam @jess be able to take a look?

dev.to/nazar-boyko/still-warm-a-mu...

Good luck to everyone else building this week - there are some seriously
lovely entries in this round already.

Collapse
 
adamthedeveloper profile image
Adam - The Developer ✨

i wanna try this!!

Collapse
 
sizzlebop profile image
Jessica Doering • Edited

Hey everyone! I just published my CSS Art submission. I did a cat themed bakery. Let me know what you think!

🔗 Submission
dev.to/sizzlebop/kitty-cafe-a-whol...

This was a fun one! Good luck everyone! 😃

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
 
uptimearchitect profile image
Uptime Architect

Hi DEV team! 👋 Quick flag: my two submissions for this challenge (published Aug 1, both with the required tags and templates — they even got the automatic submission badge) are publicly accessible at their URLs but don't appear in the #frontendchallenge feed, while entries published the same day by other authors do. It looks like an automated spam filter caught them, probably because I published several posts that day. I emailed support@dev.to on Aug 3 — sharing here too since the submission deadline is approaching. The posts:

Thanks for taking a look, and thanks for a wonderful challenge theme! 🥣

Collapse
 
uptimearchitect profile image
Uptime Architect

Closing the loop: the DEV team lifted the flags and my entries are back in the #frontendchallenge feed 🎉 If your posts are affected too, email support@dev.to — they sorted mine within days of a clear report. Thanks to the team for the quick fix! (Links are in my original comment above.)

Collapse
 
thatcaffeinateddev profile image
Krithika

Did you get any updates regarding this? I've been facing the same issue.

Collapse
 
uptimearchitect profile image
Uptime Architect

No updates yet, unfortunately — I emailed support@dev.to on Aug 3 and flagged it here yesterday. My posts are still missing from the tag feed as of this morning (they load fine at their direct URLs, and the submission badge is there, so the entries seem registered — it's just feed visibility). I'd suggest emailing support@dev.to too, so the team can see it's affecting multiple participants. I'll post here as soon as anything changes! 🤞

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
 
sayista_yazdani_3c0e9f4f9 profile image
Sayista Yazdani • Edited

Frontend Challenge: Comfort Food Edition 🍲

Adrak Chai & Samosa — Comfort Food Edition (Corporate Tech Office Tea Break)
Inspired by our daily 5-minute office pantry breaks, I built an interactive CSS art & corporate tea-break scene featuring pure CSS Kulhad Chai, Garma-Garam Samosas, and interactive office characters with voice synthesis!

Would love for you all to take a quick break, check it out, and let me know your thoughts:

👉 Adrak Chai & Samosa — Comfort Food Edition

Happy coding, everyone! 🚀✨

Collapse
 
sobiakhalid770 profile image
Sobia khalid

Another little CSS comfort-food creation 🥟☁️
Chicken Momos — Little Clouds of Comfort:
dev.to/sobiakhalid770/chicken-momo...

Wishing everyone the best of luck with the challenge! 💗✨ May your creativity shine and your CSS behave on the first try Good luck, everyone! 🍀

Collapse
 
uptimearchitect profile image
Uptime Architect

Submitted! 🥣 Two entries for one dish — okroshka, the cold summer soup of my childhood:

They spent their first week invisible thanks to a spam-filter hiccup (fixed now — thanks, DEV team!), so feedback is doubly welcome. Good luck, everyone!

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
 
dropzilla_site_bee900de05 profile image
dp

This is such a fun challenge
I love how it combines creativity with frontend skills. I’m definitely thinking about building something for it and experimenting with CSS and JavaScript. Might also use CodeCan.net to speed up some of the development and try out a few ideas. Looking forward to seeing everyone’s submissions!

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
 
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
 
sirbrian profile image
Sir. Brian

This theme hits different when comfort food means chapati and mandazi instead of pancakes.

Thinking of building something around Kenyan comfort food, nyama choma or ugali maybe.

Excited to see how many different food cultures show up in the CSS Art submissions.

Good luck everyone.

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
 
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
 
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
 
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
 
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
 
thatcaffeinateddev profile image
Krithika • Edited

I submitted my entry it was showing in the list for a while, but I'm unable to see it in the entries for a long time now.
Here's my post: dev.to/thatcaffeinateddev/dosa-the...

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
 
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
 
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
 
dean17801 profile image
dean17801

like my articles

Collapse
 
decakraa profile image
David Decakra

Such an interesting challenge!

Collapse
 
threerouter profile image
threerouter

😀

Collapse
 
carlosorioli profile image
Carlos Rogerio Orioli

I'm taking part in a challenge—I want to see who can stir the polenta the fastest.

🔗 Submission
dev.to/carlosorioli/the-polenta-th...

Collapse
 
carlosorioli profile image
Carlos Rogerio Orioli

The Polenta Throne: Can You Stir Better Than Your Nonna?

dev.to/carlosorioli/the-polenta-th...

Collapse
 
somayeh_8c30e34eb2d8b6c19 profile image
Somayeh

Amazing

Collapse
 
dgoell31 profile image
Devansh Goel

I knew this is the absolutely right

Collapse
 
icaromol profile image
Ícaro Molinari

lets CookSS!

Collapse
 
jabir_zakariyya_e5e72b9cf profile image
Jabir Zakariyya

there is going to be war 💻.

Collapse
 
genny_bell_2652e63ad50a4b profile image
Genny Bell

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

Collapse
 
cfnb66 profile image
cfnb66

Go

Collapse
 
ruby_mora_f096832d1b34046 profile image
Ruby mora

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

Collapse
 
b71 profile image
b71

🫡

Collapse
 
kylikdlabs profile image
Kylik Daniels

Hello Everyone!!!

Collapse
 
roseline_19c9a2ea93 profile image
Roseline

Good

Collapse
 
faisal_usf profile image
Faisal Yousuf

A more energetic activity.

Collapse
 
kingcy_6aca4ace0f1 profile image
kingly

epic

Collapse
 
haimanot25 profile image
Haimanot25

Hey

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

hi

Collapse
 
riyanshareefshaik profile image
shaik riyan shareef

will cook!!

Collapse
 
halimah_akinoso_7e9965b6b profile image
Halimah Akinoso

That's great

Collapse
 
aws_bulk_aed19b71b01d13ff profile image
Aws Bulk

Good

Collapse
 
we_as_680d67c73816344814b profile image
we as

good