We are so excited to announce the winners of our Frontend Challenge: Comfort Food Edition!
This challenge asked you to put the food that means something to you on the web, and the range of what came back was wonderful. Imaginary restaurants, overflowing noodle bowls, and regional dishes were the spotlight. We saw into the depths of your CSS refrigerators, and scrolled landing pages that made our mouths water. These projects were built with real care for accessibility, and your write-ups were as generous with what went wrong as with what went right.
Thank you to everyone who participated. Reading through these submissions was a genuine pleasure.
Now, let's celebrate our winners!
🎉 Congratulations To…
CSS Art Winner
@sizzlebop drew an entire bakery in CSS, and then made every single thing in the case a cat. A macaron with ears, a matcha cupcake, a taiyaki, a paw print cookie, a donut with far too many sprinkles, and a whole kitty cake on the shelf that you have to order 48 hours in advance.
No images, SVG, canvas, or JavaScript. "Every whisker is a div with a border radius." The shop cat wakes up when you click her and dozes off on her own, and there is a ball of yarn on the floor you can pick up and give to her, all running on checkbox state machines. The whole thing is keyboard accessible and the menu is repeated as plain text for smaller screens.
Perfect Landing Winner
@minhlong2605 built Mâm Cơm, a landing page for the Vietnamese family rice tray, laid out on the face of a Đông Sơn bronze drum cast around 1000 BCE. The central tray is a spinnable lazy susan you can drag, swipe, click, or spin with the arrow keys, built as an ARIA tablist bent into a circle.
The write-up is just as thoughtfully composed as the web page. Mike walks through a contrast bug that every automated checker missed, the 3D version he built and then threw away for being a worse idea rendered better, and a handful of layout bugs that looked fine and measured wrong. We learned a lot from this one (about the code AND the food).
Prizes
Both winners will receive:
- DEV++ Membership
- Exclusive winner badge
All participants with a valid submission will receive a completion badge on their DEV profile.
Thanks for cooking with us 🍲
What's Next?
We have two new challenges on the way, and you can register on either page now to get updates the moment they launch:
- Sanity Challenge, launching September 16
- Kaggle Challenge, launching September 23
Hit register on both so you don't miss the official announcements!
Top comments (30)
Congrats @sizzlebop and @minhlong2605!!! Well deserved! Like your page Jessica, very adorable :D
Mike, still waiting on your response. "Ăn cơm chưa?"??
Thank you!
@francistrdev "tớ ăn cơm rồi" :D thanks for your compliment!
Whoa, two well-deserved winners! Congrats to both!
Thank you!
Thanks!!
Good job guys! 🦄✨️
Congrats, Jessica and Mike! 🎉 Really loved seeing what you both came up with.
I took part in this challenge too, and honestly, one of my favorite parts was seeing everyone’s different takes on comfort food and the stories behind them. Thanks to the DEV Team for putting this one together. It was genuinely fun to build for and even more fun to read through everyone’s submissions.
Congrats again! ❤️
All these submissions looked so DELICIOUS!! And it was really fun reading the personal and cultural stories surrounding these beloved comforts.
Congrats on both of you!!
@sizzlebop THIS IS SO CUTEEEEEE
Thanks so much!!
Congratulations on the Whole Kitty Cake and the delicious Vietnamese dinner! 😸
OMG THANK YOU SO MUCH!!!! There were so many amazingly creative entries in this challenge, and I had so much fun with it! 💖
Also big congrats to @minhlong2605 !!!
TYSM <3 congrats to us
Congratulations guys!! 🥰
thank u ^^
Thank you!!
Congrats to the winners!
Thank you!
Some comments may only be visible to logged-in visitors. Sign in to view all comments.