frontendmentor Profile Banner
Frontend Mentor Profile
Frontend Mentor

@frontendmentor

Followers
45K
Following
24K
Media
750
Statuses
7K

๐Ÿง‘โ€๐Ÿ’ป Build projects: https://t.co/Uuy2kA2Kze ๐Ÿ“ˆ Train your team: https://t.co/3628z84AVt ๐Ÿค Hire top talent: https://t.co/ZHIHWS3w8u

Join 1M+ developers โ†’
Joined May 2018
Don't wanna be here? Send us removal request.
@frontendmentor
Frontend Mentor
16 days
Itโ€™s always great to see our challenges extended. Awesome work, @talimbuilds! ๐Ÿ‘.
@talimbuilds
Md. Talim
17 days
Just built a Hangman-style word guessing game with Next.js & TypeScript! Inspired by @frontendmentor but took it further with performance tuning, testing, and full game logic. Try it live:.
1
0
14
@frontendmentor
Frontend Mentor
29 days
Well said, @ashtom ๐Ÿ‘.
@GergelyOrosz
Gergely Orosz
30 days
Many of companies have slowed or stopped hiring entry-level engineers. Some do this assuming AI tools might be as good as junior engineers soon. GitHub builds just these tools and is hiring more entry-level engineers than ever before. Why? CEO @ashtom explains:
0
2
14
@frontendmentor
Frontend Mentor
1 month
If you found this breakdown useful, please repost our original message ๐Ÿ™Œ. If you liked this format of analyzing common issues from community solutions, let us know, and we'll do more!.
@frontendmentor
Frontend Mentor
1 month
We see many people setting html { font-size: 62.5%; } in their Frontend Mentor projects without considering the implications. Here's why you might want to reconsider this approach ๐Ÿ‘‡
Tweet media one
0
2
4
@frontendmentor
Frontend Mentor
1 month
And there you go! Hopefully, if you're someone who sets html { font-size: 62.5%; } on their projects, you've now learned some new approaches to take. Go forth and refactor! โœจ.
1
0
4
@frontendmentor
Frontend Mentor
1 month
Another approach is to use clamp() for truly responsive typography, eliminating the need for media queries. The example below auto-scales between 16px and 20px based on the viewport width. No hacks, and no need to mess with root font-size percentages.
Tweet media one
1
1
5
@frontendmentor
Frontend Mentor
1 month
Define a type scale with custom properties for easy, scalable typography. If you ever need to bump the whole siteโ€™s font size, change just one variable. The same goes for defining spacing variables for consistent spacings. Here's a simple example for font sizes:
Tweet media one
1
1
3
@frontendmentor
Frontend Mentor
1 month
First, stick to the browser's default font size.
Tweet media one
1
0
2
@frontendmentor
Frontend Mentor
1 month
The problem? Setting html { font-size: 62.5%; } overrides user font settings and can hurt accessibility, if not properly managed. Instead of optimizing for math over accessibility, consider these alternative approaches that avoid overriding browser default font sizes. .
1
0
3
@frontendmentor
Frontend Mentor
1 month
Firstly, what does html { font-size: 62.5% } do?. The default browser font size is 16px. 62.5% of 16px = 10px. Now, 1rem equals 10px, so 1.6rem = 16px. This is often done to make rem-based sizing "decimal-friendly."
Tweet media one
1
0
3
@frontendmentor
Frontend Mentor
1 month
We see many people setting html { font-size: 62.5%; } in their Frontend Mentor projects without considering the implications. Here's why you might want to reconsider this approach ๐Ÿ‘‡
Tweet media one
3
19
52
@frontendmentor
Frontend Mentor
1 month
RT @thecodercoder: This is so true. I've worked with so many design files that have all the layers on the same level, named like "Layer 24,โ€ฆ.
0
2
0
@frontendmentor
Frontend Mentor
1 month
โค๏ธ.
@yellowdudecodes
Greatness.dev ๐Ÿ’ช
1 month
@frontendmentor Huge thanks to the front-end mentor ๐Ÿ™Œ .I have already advanced in Javascript and now MERN Stack, but I promise to return and finish every challenge both free and premium. I won't accept being full stack without achieving this ๐Ÿ’ฏ .Thanks for your impact in my life ๐Ÿ’ช๐Ÿ’ช๐Ÿ™Œ.
1
0
17
@frontendmentor
Frontend Mentor
1 month
We're actively working on AI-enhanced reports now that JS reports have shipped. So, you can expect some updates soon! ๐Ÿ™‚.
0
0
2
@frontendmentor
Frontend Mentor
1 month
In testing, AI-enhanced reports generate up to 3x (๐Ÿ˜ฑ) more report issues than the static analysis tools alone. The issue quality has also been impressive, as weโ€™re picking up issues the linters wouldnโ€™t (see screenshots from our prototype below).
Tweet media one
Tweet media two
1
0
1
@frontendmentor
Frontend Mentor
1 month
We want to find ways to guarantee quality insights with every submission, while preserving the community-focused feedback system for valuable peer-to-peer review. Our first crack at this is AI-enhanced reports.
1
0
1
@frontendmentor
Frontend Mentor
1 month
A major goal of ours is to provide helpful insights with every single solution submission. So, whether or not you receive community feedback, you can take valuable lessons from one solution to the next.
1
0
1
@frontendmentor
Frontend Mentor
1 month
With the addition of CSS and JS reports in the past month, weโ€™ve laid the foundations for our next major update, which weโ€™re actively working onโ€ฆ. AI-enhanced reports! ๐Ÿค–.
1
0
1
@frontendmentor
Frontend Mentor
1 month
For anyone who has already submitted solutions that include JavaScript, go to the reports section on your solutions and generate new reports to see them.
1
0
1
@frontendmentor
Frontend Mentor
1 month
Weโ€™re using a set of ESLint rules focused on best practices to help you write better JavaScript code. Weโ€™re trying not to be too nitpicky, but feel free to let us know if you have any feedback!.
1
0
1
@frontendmentor
Frontend Mentor
1 month
We're delighted to say weโ€™ve just shipped an exciting new featureโ€ฆ. Weโ€™ve added JavaScript reports to solutions! ๐Ÿฅณ. With this update, we now have accessibility, HTML, CSS, and JavaScript reports available for all solution submissions!
Tweet media one
6
8
68