Skip to content

Frontend Mentor Guides

Everything you need to learn, build and grow — step by step.

Whether you're just getting started or ready to level up, these guides will help you understand the platform, improve your coding skills, and get the most out of every challenge.

Get started

  • Getting Started

    Create your account, navigate your dashboard, pick your first challenge, and understand the difference between free and Pro plans.

  • Working with Challenges

    Use your starter files, translate designs into code using JPEGs or Figma, interpret 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

    Enroll in curated sequences of articles and challenges designed to build your skills progressively, including peer review to solidify your learning.

  • Community and Feedback

    Give constructive feedback on other developers' solutions, explore community solutions for ideas, and follow creators who inspire you.

  • Points, Badges, and Wall of Fame

    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. 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. Find out 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.