Skip to content

Updating Your Profile

Your profile is how other members of the Frontend Mentor community get to know you. This guide walks you through updating all aspects of your profile, from your display name to social links.

Table of contents

  1. Accessing Your Profile Settings
  2. Updating Your Display Name
  3. Changing Your Email Address
  4. Writing Your Bio
  5. Adding Your Location
  6. Adding Your Website
  7. Connecting Social Links
  8. Uploading an Avatar
  9. GitHub Link

Accessing Your Profile Settings

  1. Click on your avatar in the top-right corner of any page
  2. Select Settings from the dropdown menu
  3. You will land on the Profile section by default

Updating Your Display Name

Your display name appears on your profile, solutions, and comments throughout the site.

  1. In the Profile settings, locate the Display name field
  2. Enter your preferred name
  3. Click Save changes at the bottom of the form

Changing Your Email Address

Your email address is used for account notifications and communications.

  1. Find the Email field in your Profile settings
  2. Enter your new email address
  3. Click Save changes
  4. You may need to verify your new email address

Writing Your Bio

Your bio gives other members a quick introduction to who you are. You have a maximum of 300 characters to work with.

  1. Locate the Bio text area
  2. Write a brief description about yourself
  3. Keep an eye on the character count to stay within the 300-character limit
  4. Click Save changes

Adding Your Location

Let others know where you are based.

  1. Find the Location field
  2. Enter your city, country, or region
  3. Click Save changes

Adding Your Website

Link to your personal website or portfolio.

  1. Find the Website field
  2. Enter the full URL of your website (including https://)
  3. Click Save changes

Connecting Social Links

You can connect various social and developer platform profiles to your Frontend Mentor account. The following platforms are supported:

  • Bluesky
  • CodePen
  • Codewars
  • Dev.to
  • freeCodeCamp
  • GitLab
  • Hashnode
  • LinkedIn
  • Mastodon
  • Medium
  • StackOverflow
  • Twitch
  • X/Twitter
  • YouTube

To add a social link:

  1. Scroll to the social links section of your Profile settings
  2. Find the platform you want to connect
  3. Enter your username or profile URL as indicated
  4. Click Save changes

You can add as many or as few social links as you like.

Uploading an Avatar

Your avatar appears next to your name across the site.

  1. In your Profile settings, find the avatar upload section
  2. Click to upload a new image
  3. Select an image file from your computer
  4. Ensure your image is 250KB or smaller in file size
  5. Click Save changes

For best results, use a square image.

GitHub Link

Your GitHub profile link is automatically connected when you sign up or log in using GitHub OAuth. This link is read-only and cannot be manually edited.

If you need to change your connected GitHub account, you would need to manage this through your authentication settings.

Remember to click Save changes after making any updates to ensure your changes are applied.

NextNotification Preferences