DEV Community

Cover image for Congrats to our Frontend Challenge Winners! staff for The DEV Team

Posted on

Congrats to our Frontend Challenge Winners!

Less than two weeks ago, we announced our first-ever DEV challenge: The Frontend Challenge.

We welcomed everyone to participate in one or all three prompts:

  • CSS Art: Turn your favorite snack into CSS Art
  • Glam Up My Markup: Take our provided HTML and make it interactive
  • One Byte Explainer: Explain a browser API or feature in 256 characters or less

We were blown away by the results. Each prompt produced literally dozens of submissions that could have won. But of course, there can only be one winner per prompt, and here they are below.

We really really hope that everyone who submitted is back for the next frontend challenge because there are definitely many future winners in this group.

Congratulations To…

@floscode for taking the top spot in the CSS Art category with their deliciously interactive CSS banana. Wow!

This was absolutely creative through and through. It extended the idea of the challenge while really cutting to the heart. Bonus points for a great explanation of where some of the inspiration came from.

@rafajrg21 for winning the Glam Up My Markup category by making our camp activities interactive, as they should be.

This submission offered an accessible, clean, interactive design which is useful at various window sizes.

@highflyer910 for earning the win in One Byte Explainer with their helpful and concise explanation of the Intersection Observer API.

Intersection Observer API tracks when elements are visible on screen. Avoids expensive event handlers. Optimizes and stays responsive to viewport changes.

Compared to traditional scroll/resize event handlers, it is more efficient while being simpler to implement. Give it a try!

This submission compares and contrasts the API described with the popular alternative which this API took the place of. Great use of the space allotted.

In addition to bragging rights, our winners will receive an exclusive winner badge on their DEV profile as well as any gift they’d like from the DEV Challenge collection on the DEV Shop.

All participants will be receiving their participation badge this week.

What’s next?

We’ll be hosting another Frontend Challenge very soon! Be sure to follow our challenge tags so you don’t miss the announcement. Remember, you can always build on the work (and especially the learnings) of previous projects, so not all is lost!


This is the official tag for submissions and announcements related to the community Frontend Challenge.


This is the official tag for submissions and announcements related to DEV Challenges.

Thank you to everyone who participated. ❤️

We hope you had fun, felt challenged, and maybe added a thing or two to your professional profile.

See you next time!

Top comments (36)

jess profile image
Jess Lee

Congratulations @floscode, @rafajrg21, and @highflyer910 -- what a big accomplishment!!

peter profile image
Peter Kim Frank


rafajrg21 profile image
Rafael Romero

Thanks! 🙌🏻 It was very fun, I'm so happy with the result ♥️

vaibhavs9894 profile image
Vaibhav Shrimali

They used JS why? but the challenge was css challenge only

floscode profile image

Many thanks to the DEV team for including my CSS banana in the list of the winners! It was amazing to see all the different creative snack entries, with many pushing the boundaries of CSS far beyond traditional methods. While my approach might have been more on the 'square' side 😅

Congratulations to all the talented participants. I'm excited for the upcoming challenge!

code42cate profile image
Jonas Scholz

the banana is cute, good job 🥺

ben profile image
Ben Halpern

We had some amazing submissions. I hope everyone participates in the next frontend challenge. I think we'll have similar prompts with some new specific requests.

erinao profile image
Erin A Olinick

Wow, this was so much fun, y'all!

So many great submissions. Congrats all 'round!

highflyer910 profile image

Aww thank you and congrats to all winners! I'm so honored to be in this list 🥰

cbid2 profile image
Christine Belzie

Congratulations to the winners! 😊

jaloplo profile image
Jaime López

Congratulations to the winners and all the participants!!! And also for the organization!!! Great contest!!!

best_codes profile image
Best Codes

I will be gone for the next challenge. This one was very fun, though!

I love all the winner's submissions. Keep up the good work!

renancferro profile image
Renan Ferro

Congrats guys! Very cool and interesting work 👏

uzondu9 profile image
Uzondu • Edited

Great accomplishments for

  • @floscode For winning the CSS art prompt🎨🏅
  • @rafajrg21 For winning the Glam up my markup prompt✨🏅
  • @highflyer910 For winning the One byte explainer prompt👨‍🎓🏅

Congrats to you three for great works done 🏆
Congrats to all participants for joining the challenge 🥈

It's been lots of fun and lessons!

We all look forward to the next Frontend challenge

link2twenty profile image
Andrew Bone

Great work everyone!

michaeltharrington profile image
Michael Tharrington

Soooo many good entries — I know this was a tough pick, but these are some mighty fine choices! Major congrats to the winners. 👏

And haha, I just gotta say that seeing that banana CSS embedded up top makes me super happy. 🍌

Awesome stuff everybody... here's to a great first challenge and many more to come! 🙌

floscode profile image

I'm glad to hear that the banana brings a little smile to your face 😊

mayonaise profile image
mayona buck

Wow, BIG Congratulations @floscode, @rafajrg21, and @highflyer910🎉

mattryanmtl profile image
Matt Ryan

Congrats to the winners!

This was a lot of fun. Looking forward to the future challenges.

thomasbnt profile image
Thomas Bnt ☕

Congrats ! 🍌

Some comments may only be visible to logged-in visitors. Sign in to view all comments.