Introducing Guides: Your go-to resource for everything Frontend Mentor

We're excited to announce the launch of Guides, a brand new section on Frontend Mentor designed to help you learn about the platform, sharpen your skills, and find answers to your questions quickly.

Whether you signed up yesterday or you've been with us for years, Guides is here to make sure you're getting the most out of Frontend Mentor.

What are Guides?

Guides is a searchable collection of step-by-step articles covering every part of the platform. Think of it as your handbook for the platform. Whenever you want to learn how something works or need a quick answer, head to Guides and find what you need in seconds.

What's covered?

We've organized everything into clear topics so you can jump straight to what's relevant to you:

Getting started — Create your account, explore your dashboard, pick your first challenge, and understand the difference between free and Pro plans.

Working with challenges — Learn how to use your starter files, translate designs into code (whether you're using JPEGs or Figma), understand the challenge brief, and host your finished solution.

Submitting solutions — Walk through the submission process, write a great retrospective that attracts quality feedback, and tag your solution with the right technologies.

Solution reports — Every submission receives automated reports on accessibility, HTML, CSS, and JavaScript. Learn what each report checks for and how to act on the feedback.

Learning paths — Follow curated sequences of articles and challenges designed to build your skills progressively, with peer review built in to help solidify your learning.

Community and feedback — Discover how to give constructive feedback on other developers' solutions, explore community submissions for inspiration, and follow creators who inspire you.

Points, badges, and Wall of Fame — Find out how to earn points for completing challenges and helping others, unlock badges and achievements, and climb the Wall of Fame leaderboards.

Talent profile — Get noticed by recruiters on our Hiring Platform. Learn how to earn the required points, set up your professional profile, and showcase your best projects.

Pro subscription — Explore what's included with Pro, from premium challenges and Figma files to AI-enhanced reports. Compare free vs. Pro features and manage your billing.

Account settings — Update your profile information, avatar, and notification preferences. You'll also find details on how to delete your account if needed.

Licensing and usage — Learn how you can use Frontend Mentor challenges in your portfolio, live streams, and educational content, including what requires permission and how commercial licensing works.

Why we built this

As our community has grown to over one million developers, we've seen the same questions come up again and again. How do I submit a solution? What does the accessibility report mean? Can I use challenges in my portfolio?

Over time, we've written articles and guides across various places to answer these questions. But they were scattered and not always easy to find. This update brings all of that content together in one place on the platform, making it much easier for everyone to find what they need.

It also helps newer members get up to speed faster so they can focus on what matters most: building projects and improving their skills.

Where to find Guides

You can access Guides anytime via the main navigation or at frontendmentor.io/guides. Use the search bar at the top to find exactly what you're looking for, or browse by topic.

We'll continue adding new guides over time and will update as needed. If there's something you'd like us to cover, let us know!

Happy coding 🚀