

Challenge ends soon!
Submit your entry now
Frontend Challenge: June Celebrations
Flex your CSS and JavaScript skills!
Running through June 29, Frontend Challenge: June Celebrations will feature our beloved CSS Art prompt and a brand new prompt: Perfect Landing.
Our theme is June Celebrations, designed to be all-encompassing and accessible as we celebrate everything from Father's Day to Juneteenth to Pride Month. There is so much worth celebrating this month - did you know June also hosts National Nail Polish Day, National Hazelnut Cake Day, and so many more fun and quirky events?! We can't wait to see what you share with us.
As with all Frontend Challenges, there will be one winner per prompt. That's two chances to win bragging rights, a DEV++ membership, and an exclusive DEV badge!
Key Dates
- Contest start: June 04, 2025
- Submissions due: June 29, 2025
- Winners announced: July 10, 2025
Badge Rewards


Challenge Prompts
CSS Art: June Celebrations
Draw what comes to mind for you when it comes to June celebrations. Consider this an opportunity to share something meaningful about your culture and community.
Whether it's Pride flags, a Father's Day card, Juneteenth commemoration, or even something wonderfully silly like National Donut Day! We want to see your artistic interpretation of a celebration in June.
How to submit
All CSS Art submissions should, at minimum, explain what you are creating, how you approached the project, and the code you crafted either shared as a public link or directly embedded in your post.
Judging Criteria:
- Creativity
- Effective Use of CSS
- Aesthetic Outcome
Perfect Landing: June Celebrations
Build a landing page that informs people about a June celebration that you care about. This could be anything from a comprehensive guide to Pride Month events, a tribute page for Juneteenth, or even a delightfully detailed breakdown of National Cheese Day - the choice is yours!
How to submit
Your submission should be informative, engaging, and beautifully designed. While you may build fullstack applications, submissions will be judged purely on the frontend experience only.
All Perfect Landing submissions should, at minimum, explain what you built with a demo of the project via a public link or directly embedded in your post.
Judging Criteria:
- Accessibility
- Usability and User Experience
- Creativity
- Code quality
Frontend Challenge: June Celebrations FAQ
Participation
Can I submit to multiple prompts?
Yes, you are welcome to submit to multiple prompts.
Can one submission qualify for multiple prompts?
Yes, if your submission offers a solution to multiple prompts, it can qualify for multiple prompts.
Can I submit to a prompt more than once?
Yes, you can submit multiple submissions per prompt but you’ll need to publish a separate post for each submission.
- In the event that you may win two or more prompts, and your submission is very close with another participant, we will favor the other participant.
- In the event that you do win two or more prompts, you will only receive one winner badge.
Can I work on a team?
Yes, you can work on teams of up to four people.
- If you collaborate with anyone, you’ll need to list their DEV handles in your submission post so we can award a badge to your entire team! Please only publish one submission per team.
- DEV does not handle prize-splitting, so in the event that your submission wins the shop gift, you will need to split that amongst yourselves. Thank you for understanding!
How old do I have to be to participate?
Participants need to be 18+ in order to participate.
If I live in X, am I eligible to participate?
For eligibility rules, see our official challenge rules.
Submission
Can my submission include open source code?
Riffing on open source code and borrowing and improving on previous work/ideas is encouraged but it’s important your changes are significant enough to ensure your submission is valid.
When does riffing become plagiarism?
It will depend, but transparency is important, license compatibility is important. You can use someone else’s code to give you a jumpstart to demonstrate your ideas on top of someone else’s base, but not just re-package the base. It should be clear to the judges what you added to the project in terms of the code and conceptual inspiration. This means, you should clearly state what you were building on and what elements are original to this new submission. When building on existing code, we expect a significant change that adds something tangible to the output. i.e. a new animation, and new sprite, a new function, a new presentation. Not just changes to the source - i.e. changing colours, changing one sprite, changing one function.
What happens if my submission is considered plagiarized or invalid?
Anything deemed to be plagiarism will not be eligible for prizes. Incidental plagiarism may simply result in your disqualification from the challenge (regardless of the number of other valid submissions you have published). Egregious plagiarism will result in your suspension from DEV entirely. Any non-generic, non-trivial usage of prior work, including open source code must be credited in your submission.
Do submissions have to be in English?
Non-english submissions are eligible for a completion badge but not eligible for prizes due to the current limitations of our judges. We will not be judging on mastery of the English language, so please don’t let this deter you from submitting if you are not a native English speaker! We hope to evolve this in the future to be more accommodating.
Do I need a license for my code?
You are not required to license your code but we strongly recommend that you do. Here are some you may consider: MIT, Apache, BSD-2, BSD-3, or Commons Clause.
Can I use AI?
Use of AI is allowed as long as all other rules are followed. We want to give you a chance to show off your skills in realistic scenarios. If you use AI tools to help you achieve your submission, all the power to you.
How do I embed my project directly into my DEV post?
Our editor supports many types of embeds, including: Stackbliz, Glitch, Github, etc. You can typically use the {% embed https://... %}
syntax directly in the post. Click here for more information on our markdown support.
- For CodePen, you will need to use this syntax:
{% codepen http://... %}
- For CodeSandbox, you will need to use this syntax:
{% codesandbox http://... %}
Judging and Prizing
Can there be ties?
In the event of a tie in scoring between judges, the judges will select the entry that received the highest number of positive reactions on their DEV post to determine the winner.
How will I know if I won?
Winners will be announced in a DEV post on the winner announcement date noted in our key dates section.
When will I receive my DEV badge?
Both participation and winner badges will be awarded, in most cases, the same day as the winner announcement.
When will I receive my prizes? The DEV Team will contact you via the email associated with your DEV profile within, at most, 10 business days of the announcement date to share the details of claiming your prizes.
Frontend Challenge: June Celebrations Rules
NO PURCHASE NECESSARY. Open only to 18+. Contest entry period ends June 29, 2025 at 11:59 PM PDT. Contest is void where prohibited or restricted by law or regulation. All entires must be submitted during the content period. For Official Rules, see Frontend Challenge: June Celebrations Contest Rules and General Contest Official Rules.