Editing and Updating Solutions

Finding Your Solution

You can access your submitted solutions from your profile:

1. Click your avatar in the navigation bar
2. Select your profile
3. Navigate to the Solutions tab
4. Find the solution you want to edit

Using the Edit Menu

Once you've found your solution, look for the three dots icon (sometimes called a kebab menu or overflow menu). This is located near the top of the solution detail page.

Clicking this icon reveals your editing options:

• Edit solution
• Delete solution

Select Edit solution to modify your submission.

What You Can Update

Title

You might want to update your title if:

• You've added new features to your solution
• You want to better describe your approach
• You learned a better way to characterize your implementation

A good title helps others find and understand your solution at a glance.

Live Site URL

Update this if you've:

• Moved your hosting to a different platform
• Changed your deployment URL
• Fixed a broken link

After updating your live URL, consider regenerating your screenshot to capture the current state of your site.

Repository URL

Update this if you've:

• Moved your code to a different repository
• Changed from a private to public repository
• Reorganized your project structure

Ensure your new repository URL points to a publicly accessible location.

Retrospective

Your retrospective can be improved at any time. You might want to edit it when:

• You've received feedback that sparked new insights
• You've learned more about a technique you used
• You want to clarify something you wrote
• You've solved a problem you previously asked about

Updating your retrospective with follow-up insights shows growth and can help others who read your solution later.

Technology Tags

Modify your tags if:

• You added new technologies to your solution
• You removed technologies during refactoring
• You realize you tagged something incorrectly

Keep your tags accurate and honest - they help others find solutions using specific technologies.

Regenerating Screenshots

Your solution's screenshot is captured automatically when you first submit. However, your live site might change over time, or the initial capture might not have rendered correctly.

When to Regenerate

Consider regenerating your screenshot when:

• You've made visual improvements to your live site
• The original screenshot captured a loading state or error
• Your site's design has evolved significantly
• Images or fonts failed to load in the original capture

How to Regenerate

1. Navigate to your solution
2. Scroll to the design comparison slider
3. Select Regenerate screenshot
4. Wait a few minutes for the new capture to process

The system will visit your live URL and capture a fresh screenshot. This typically takes 1-3 minutes.

Tips for Better Screenshots

Before regenerating, visit your live site to ensure:

• All images are loading correctly
• Fonts have loaded (no flash of unstyled text)
• Any animations are turned off
• The page is in a presentable state

The screenshot captures what the automated system "sees," which might differ slightly from your browser if you have cached assets.

Deleting a Solution

The delete option permanently removes your solution from Frontend Mentor. This action cannot be undone.

When Deletion Makes Sense

There are legitimate reasons to delete a solution:

• You've submitted a significantly improved version and want to remove the old one
• You accidentally submitted incomplete work
• You want to completely redo a challenge from scratch
• You accidentally submitted a duplicate

Why You Might Not Want to Delete

Before deleting, consider these reasons to keep your solution:

It Shows Your Growth

Earlier, less polished solutions demonstrate how far you've come. This progression is valuable for your own reflection and can impress potential employers who see continuous improvement.

Feedback Is Preserved

Any comments or feedback you've received will be lost when you delete. That feedback represents time community members invested in helping you.

It Helps Others

Even imperfect solutions can help other developers. Your struggles, documented in your retrospective, might save someone else hours of frustration.

You Can Update Instead

Remember that you can edit your solution rather than delete it. Update the URLs, improve your retrospective, and regenerate the screenshot. This preserves your history while showing your growth.

How to Delete

If you've decided deletion is the right choice:

1. Navigate to your solution
2. Click the three dots menu
3. Select Delete solution
4. Confirm the deletion when prompted

This action is permanent. Your solution and all associated feedback will be removed.

Best Practices for Updating Solutions

Update Promptly

If you fix a bug or improve your solution shortly after receiving feedback, update your submission. This shows reviewers that you value and act on their input.

Document Changes in Your Retrospective

When you make significant updates, consider adding a note to your retrospective:

Update: Based on feedback from [user], I refactored the navigation component to use semantic HTML. The menu now uses a proper nav element with an unordered list.

This creates a record of how you've incorporated feedback.

Keep URLs Current

Dead links hurt your portfolio. Periodically check that your live site and repository URLs are still working. If you've reorganized projects or changed hosting providers, update the links.

Don't Edit Away Struggles

When updating your retrospective, resist the urge to remove mentions of challenges you faced. Those struggles are valuable - they show your problem-solving process and help others who face similar issues.

Summary

Your solutions are living documents that can evolve with your skills. Use the edit functionality to keep your portfolio current, your retrospectives insightful, and your URLs working. Every improvement you make adds value to both your portfolio and the broader Frontend Mentor community.