The CodePen community served up some wonderful Pens for the final week of the June challenge! Let's see what's on the menu 🍽

Piotr Galor built an emoji menu with a quirky twist - the "dropdowns" drop... up!

See the Pen 💪 CSS menu feat. emoji by Piotr Galor (@pgalor) on CodePen.


Yago Estévez created a charming sketch menu. Make sure to hover the menu items for an adorable surprise.

See the Pen Sketch Menu for the Codepen Challenge by Yago Estévez (@yagoestevez) on CodePen.


Ariana Lynn draws inspiration from the Tomorrow Night syntax highlighting theme for the menu.

See the Pen Code <menu/&rt; by Ariana Lynn (@arianalynn) on CodePen.


Ryan Mulligan's menu transforms into a fullscreen, responsive grid.

See the Pen CSS Grid Menu Panels by Ryan Mulligan (@hexagoncircle) on CodePen.


Isman Fromes takes a playful approach to menu design — there's a little trick to opening it!

See the Pen Playful Hover Menu | #CodePenChallenge by Isman Fromes (@ismanfromes) on CodePen.

We gathered all of these and more from this week's challenge in our Menus Challenge Collection.

A new challenge month kicks off on Monday! Sign up to get notified, or check back here on the blog for the July theme and the first prompt.

Thanks to our Sponsor!

This month's challenge is sponsored by Jetpack — the ideal way to experience WordPress.

JetPack is a WordPress plugin that combines all sorts of powerful functionality into a single plugin. Here's a handful of things it can do:

  • Secure and back up your site.
  • Connect your social media accounts for easy publishing after posting.
  • Enable Markdown and editing enhancements.
  • Increase performance though CDN-hosted and responsive images and video.