Frontend Mentor
@frontendmentor.io
🧑💻 Build projects: https://www.frontendmentor.io
📈 Train your team: https://teams.frontendmentor.io
🤝 Hire top talent: https://hiring.frontendmentor.io
📈 Train your team: https://teams.frontendmentor.io
🤝 Hire top talent: https://hiring.frontendmentor.io
You're stuck on a bug. ChatGPT fixes it in 30 seconds. You paste the code. It works.
Three months later, you still can't write a for loop without AI.
This is the AI learning trap. Here's how to avoid it 🧵
Three months later, you still can't write a for loop without AI.
This is the AI learning trap. Here's how to avoid it 🧵
November 17, 2025 at 2:39 PM
You're stuck on a bug. ChatGPT fixes it in 30 seconds. You paste the code. It works.
Three months later, you still can't write a for loop without AI.
This is the AI learning trap. Here's how to avoid it 🧵
Three months later, you still can't write a for loop without AI.
This is the AI learning trap. Here's how to avoid it 🧵
Build projects and you learn twice: once when you build it, and again when you look back at your code 6 months later and think, 'what was I thinking?' 😄
November 15, 2025 at 2:54 PM
Build projects and you learn twice: once when you build it, and again when you look back at your code 6 months later and think, 'what was I thinking?' 😄
Stuck on a coding project? Here's a step-by-step framework to help you get unstuck 🧵
(Bookmark this for next time you hit a wall)
(Bookmark this for next time you hit a wall)
November 13, 2025 at 2:58 PM
Stuck on a coding project? Here's a step-by-step framework to help you get unstuck 🧵
(Bookmark this for next time you hit a wall)
(Bookmark this for next time you hit a wall)
Every senior was once a beginner who refused to give up. They all got stuck. They all had scrappy projects. Keep building. You'll get there!
November 12, 2025 at 11:19 AM
Every senior was once a beginner who refused to give up. They all got stuck. They all had scrappy projects. Keep building. You'll get there!
If learning feels easy, you're probably not learning.
The struggle IS the progress.
We wrote about why discomfort is actually a sign you're on the right track, and how to use it to level up faster.
www.frontendmentor.io/articles/pr...
The struggle IS the progress.
We wrote about why discomfort is actually a sign you're on the right track, and how to use it to level up faster.
www.frontendmentor.io/articles/pr...
Frontend Mentor | Project-based learning vs tutorials: Escape tutorial hell
Discover why project-based learning makes developers job-ready faster than tutorials. Learn how to escape tutorial hell and build real skills.
www.frontendmentor.io
November 10, 2025 at 7:07 PM
If learning feels easy, you're probably not learning.
The struggle IS the progress.
We wrote about why discomfort is actually a sign you're on the right track, and how to use it to level up faster.
www.frontendmentor.io/articles/pr...
The struggle IS the progress.
We wrote about why discomfort is actually a sign you're on the right track, and how to use it to level up faster.
www.frontendmentor.io/articles/pr...
Many people don't know this, but Frontend Mentor challenges work great as full-stack project foundations.
Here are 12 project ideas with the designs already prepared. You add the backend.
www.frontendmentor.io/articles/fu...
Here are 12 project ideas with the designs already prepared. You add the backend.
www.frontendmentor.io/articles/fu...
November 6, 2025 at 3:36 PM
Many people don't know this, but Frontend Mentor challenges work great as full-stack project foundations.
Here are 12 project ideas with the designs already prepared. You add the backend.
www.frontendmentor.io/articles/fu...
Here are 12 project ideas with the designs already prepared. You add the backend.
www.frontendmentor.io/articles/fu...
Many people come to us who've completed tutorials but struggle to build anything on their own.
They know syntax but freeze when facing a blank editor.
We wrote about why this happens and what actually helps...
www.frontendmentor.io/articles/pr...
They know syntax but freeze when facing a blank editor.
We wrote about why this happens and what actually helps...
www.frontendmentor.io/articles/pr...
November 5, 2025 at 2:48 PM
Many people come to us who've completed tutorials but struggle to build anything on their own.
They know syntax but freeze when facing a blank editor.
We wrote about why this happens and what actually helps...
www.frontendmentor.io/articles/pr...
They know syntax but freeze when facing a blank editor.
We wrote about why this happens and what actually helps...
www.frontendmentor.io/articles/pr...
Employers will expect you to work with AI tools in your day-to-day workflow.
But, how do you balance learning the fundamentals while also gaining experience working with AI?
Here's a fun experiment for your next Frontend Mentor challenge...
But, how do you balance learning the fundamentals while also gaining experience working with AI?
Here's a fun experiment for your next Frontend Mentor challenge...
November 4, 2025 at 2:33 PM
Employers will expect you to work with AI tools in your day-to-day workflow.
But, how do you balance learning the fundamentals while also gaining experience working with AI?
Here's a fun experiment for your next Frontend Mentor challenge...
But, how do you balance learning the fundamentals while also gaining experience working with AI?
Here's a fun experiment for your next Frontend Mentor challenge...
Ever feel like you're just copying code from tutorials without really learning?
Toba was there. His first technical interview exposed it.
He wrote about what happened next—including a layoff and how he rebuilt.
www.frontendmentor.io/articles/es...
Toba was there. His first technical interview exposed it.
He wrote about what happened next—including a layoff and how he rebuilt.
www.frontendmentor.io/articles/es...
Frontend Mentor | Escaping tutorial hell: How I became a frontend developer
From tutorial hell to professional frontend developer. Toba's journey took 2.5 years, a layoff, and a complete mindset shift about how to learn. Here's how he did it.
www.frontendmentor.io
October 30, 2025 at 2:23 PM
Ever feel like you're just copying code from tutorials without really learning?
Toba was there. His first technical interview exposed it.
He wrote about what happened next—including a layoff and how he rebuilt.
www.frontendmentor.io/articles/es...
Toba was there. His first technical interview exposed it.
He wrote about what happened next—including a layoff and how he rebuilt.
www.frontendmentor.io/articles/es...
Looking to level up your portfolio? Here are four premium challenges that really push your skills forward.
They're the kind of projects that show you can handle real-world complexity.
They're the kind of projects that show you can handle real-world complexity.
October 15, 2025 at 3:20 PM
Looking to level up your portfolio? Here are four premium challenges that really push your skills forward.
They're the kind of projects that show you can handle real-world complexity.
They're the kind of projects that show you can handle real-world complexity.
We have our hackathon winner and runners-up! 🏆
With 53.8% of the vote, we're delighted to say that Fejiro is our first-ever hackathon winner!
Please join us in giving a massive congrats to Fejiro. She created an incredible project, and it’s clear that a great deal of effort went into it 👏
With 53.8% of the vote, we're delighted to say that Fejiro is our first-ever hackathon winner!
Please join us in giving a massive congrats to Fejiro. She created an incredible project, and it’s clear that a great deal of effort went into it 👏
October 9, 2025 at 4:24 PM
We have our hackathon winner and runners-up! 🏆
With 53.8% of the vote, we're delighted to say that Fejiro is our first-ever hackathon winner!
Please join us in giving a massive congrats to Fejiro. She created an incredible project, and it’s clear that a great deal of effort went into it 👏
With 53.8% of the vote, we're delighted to say that Fejiro is our first-ever hackathon winner!
Please join us in giving a massive congrats to Fejiro. She created an incredible project, and it’s clear that a great deal of effort went into it 👏
We've got a new PREMIUM challenge launching tomorrow! 🥳
For this project, you'll build a fully-functional bookmark manager app. You can make it as a frontend-only project or as a full-stack app (we include auth screens in the design file). Either way, it will make for a perfect portfolio piece!
For this project, you'll build a fully-functional bookmark manager app. You can make it as a frontend-only project or as a full-stack app (we include auth screens in the design file). Either way, it will make for a perfect portfolio piece!
October 9, 2025 at 2:00 PM
We've got a new PREMIUM challenge launching tomorrow! 🥳
For this project, you'll build a fully-functional bookmark manager app. You can make it as a frontend-only project or as a full-stack app (we include auth screens in the design file). Either way, it will make for a perfect portfolio piece!
For this project, you'll build a fully-functional bookmark manager app. You can make it as a frontend-only project or as a full-stack app (we include auth screens in the design file). Either way, it will make for a perfect portfolio piece!
🏆 Weather App Hackathon - Meet Your Finalists!
Thank you all for the incredible submissions to our first 30-day hackathon! We've had a lot of fun reviewing the entries, and choosing our finalists was no easy task.
It's now time for YOU to decide the winner! 🗳️
Review the projects below and vote 👇
Thank you all for the incredible submissions to our first 30-day hackathon! We've had a lot of fun reviewing the entries, and choosing our finalists was no easy task.
It's now time for YOU to decide the winner! 🗳️
Review the projects below and vote 👇
October 7, 2025 at 3:13 PM
🏆 Weather App Hackathon - Meet Your Finalists!
Thank you all for the incredible submissions to our first 30-day hackathon! We've had a lot of fun reviewing the entries, and choosing our finalists was no easy task.
It's now time for YOU to decide the winner! 🗳️
Review the projects below and vote 👇
Thank you all for the incredible submissions to our first 30-day hackathon! We've had a lot of fun reviewing the entries, and choosing our finalists was no easy task.
It's now time for YOU to decide the winner! 🗳️
Review the projects below and vote 👇
For anyone taking part in our #FM30Hackathon, don't forget to submit your entries in Discord by 9am BST tomorrow!
We hope you've all had a lot of fun completing the challenge! 🙂
We hope you've all had a lot of fun completing the challenge! 🙂
October 5, 2025 at 6:15 PM
For anyone taking part in our #FM30Hackathon, don't forget to submit your entries in Discord by 9am BST tomorrow!
We hope you've all had a lot of fun completing the challenge! 🙂
We hope you've all had a lot of fun completing the challenge! 🙂
Here's a glimpse at the new profile page we're working on ✨
As part of the change, we're introducing a progression system to help you advance through the levels and push beyond your comfort zone by completing more challenging projects.
What do you think?
As part of the change, we're introducing a progression system to help you advance through the levels and push beyond your comfort zone by completing more challenging projects.
What do you think?
October 2, 2025 at 3:29 PM
Here's a glimpse at the new profile page we're working on ✨
As part of the change, we're introducing a progression system to help you advance through the levels and push beyond your comfort zone by completing more challenging projects.
What do you think?
As part of the change, we're introducing a progression system to help you advance through the levels and push beyond your comfort zone by completing more challenging projects.
What do you think?
There's a week remaining until we close submissions for our first 30-day day hackathon challenge. How's everyone getting on with the project? We hope you're having a fun time building it! 🥳
September 29, 2025 at 2:16 PM
There's a week remaining until we close submissions for our first 30-day day hackathon challenge. How's everyone getting on with the project? We hope you're having a fun time building it! 🥳
If you're letting AI write any code for you, there's one skill you need to be proactive about developing: code comprehension.
The ability to read, understand, and reason about code you didn't write is becoming increasingly important.
Here's why it matters and how to build it 🧵
The ability to read, understand, and reason about code you didn't write is becoming increasingly important.
Here's why it matters and how to build it 🧵
September 19, 2025 at 3:06 PM
If you're letting AI write any code for you, there's one skill you need to be proactive about developing: code comprehension.
The ability to read, understand, and reason about code you didn't write is becoming increasingly important.
Here's why it matters and how to build it 🧵
The ability to read, understand, and reason about code you didn't write is becoming increasingly important.
Here's why it matters and how to build it 🧵
Want to know what to learn next?
Build increasingly complex projects. When you get stuck, you've found your next learning topic.
This "just in time" approach means learning what you actually need, not what you think you need.
Build increasingly complex projects. When you get stuck, you've found your next learning topic.
This "just in time" approach means learning what you actually need, not what you think you need.
September 18, 2025 at 2:32 PM
Want to know what to learn next?
Build increasingly complex projects. When you get stuck, you've found your next learning topic.
This "just in time" approach means learning what you actually need, not what you think you need.
Build increasingly complex projects. When you get stuck, you've found your next learning topic.
This "just in time" approach means learning what you actually need, not what you think you need.
A common accessibility mistake we see in form-based challenges is failing to associate form fields with their error messages.
Here's a note on how to avoid this mistake. The code snippet below shows the inaccessible approach:
Here's a note on how to avoid this mistake. The code snippet below shows the inaccessible approach:
September 12, 2025 at 3:26 PM
A common accessibility mistake we see in form-based challenges is failing to associate form fields with their error messages.
Here's a note on how to avoid this mistake. The code snippet below shows the inaccessible approach:
Here's a note on how to avoid this mistake. The code snippet below shows the inaccessible approach:
How do you stand out to companies?
There are many ways, but one is to showcase an undeniable ability to do the work outlined in the job description.
You want to lower the perceived risk of hiring you as much as possible, especially as an entry-level dev with no experience.
🧵
There are many ways, but one is to showcase an undeniable ability to do the work outlined in the job description.
You want to lower the perceived risk of hiring you as much as possible, especially as an entry-level dev with no experience.
🧵
September 11, 2025 at 4:06 PM
How do you stand out to companies?
There are many ways, but one is to showcase an undeniable ability to do the work outlined in the job description.
You want to lower the perceived risk of hiring you as much as possible, especially as an entry-level dev with no experience.
🧵
There are many ways, but one is to showcase an undeniable ability to do the work outlined in the job description.
You want to lower the perceived risk of hiring you as much as possible, especially as an entry-level dev with no experience.
🧵
Learning to interact with APIs and read documentation are two key skills for front-end developers.
We have a bunch of API-focused challenges, but here are four specific ones, in order of difficulty, to help you practice working with third-party APIs.
🧵
We have a bunch of API-focused challenges, but here are four specific ones, in order of difficulty, to help you practice working with third-party APIs.
🧵
September 11, 2025 at 8:05 AM
Learning to interact with APIs and read documentation are two key skills for front-end developers.
We have a bunch of API-focused challenges, but here are four specific ones, in order of difficulty, to help you practice working with third-party APIs.
🧵
We have a bunch of API-focused challenges, but here are four specific ones, in order of difficulty, to help you practice working with third-party APIs.
🧵
This is a helpful guide on CSS functions by Eric Bailey that you might want to bookmark! 🔖
CSS functions are a powerful tool in any front-end dev's toolset. Understanding what's available and when to use it can really improve how you write your CSS!
css-tricks.com/complete-gu...
CSS functions are a powerful tool in any front-end dev's toolset. Understanding what's available and when to use it can really improve how you write your CSS!
css-tricks.com/complete-gu...
CSS Functions Guide | CSS-Tricks
Like any other programming language, CSS has functions. They can be inserted where you’d place a value, or in some cases, accompanying another value declaration.
css-tricks.com
September 10, 2025 at 9:26 AM
This is a helpful guide on CSS functions by Eric Bailey that you might want to bookmark! 🔖
CSS functions are a powerful tool in any front-end dev's toolset. Understanding what's available and when to use it can really improve how you write your CSS!
css-tricks.com/complete-gu...
CSS functions are a powerful tool in any front-end dev's toolset. Understanding what's available and when to use it can really improve how you write your CSS!
css-tricks.com/complete-gu...
"Should I use AI while learning and building projects?"
We hear this question a lot in the community, and it's not just a straightforward yes/no answer.
Here's what we recommend 🧵
We hear this question a lot in the community, and it's not just a straightforward yes/no answer.
Here's what we recommend 🧵
September 9, 2025 at 3:56 PM
"Should I use AI while learning and building projects?"
We hear this question a lot in the community, and it's not just a straightforward yes/no answer.
Here's what we recommend 🧵
We hear this question a lot in the community, and it's not just a straightforward yes/no answer.
Here's what we recommend 🧵
🚨 Hackathon update: We're making the Figma design file FREE for everyone during our 30-Day Hackathon!
Based on your feedback, we've upgraded the weather app challenge to free+ access until the hackathon finishes! 🎉
More details 🧵
Based on your feedback, we've upgraded the weather app challenge to free+ access until the hackathon finishes! 🎉
More details 🧵
September 8, 2025 at 2:13 PM
🚨 Hackathon update: We're making the Figma design file FREE for everyone during our 30-Day Hackathon!
Based on your feedback, we've upgraded the weather app challenge to free+ access until the hackathon finishes! 🎉
More details 🧵
Based on your feedback, we've upgraded the weather app challenge to free+ access until the hackathon finishes! 🎉
More details 🧵
There's so much to learn by watching @kevinpowell.co tackle our contact form challenge! As Kevin mentions, it's a deceptively tricky form to build well!
www.youtube.com/watch?v=jJgN...
www.youtube.com/watch?v=jJgN...
A deceptively complex form / HTML & CSS / Frontend Mentor
YouTube video by Kevin Powell
www.youtube.com
September 8, 2025 at 8:26 AM
There's so much to learn by watching @kevinpowell.co tackle our contact form challenge! As Kevin mentions, it's a deceptively tricky form to build well!
www.youtube.com/watch?v=jJgN...
www.youtube.com/watch?v=jJgN...