With the F1 season coming up, I had the idea of ranking all of their websites in a championship-style approach, with rounds for design, performance, accessibility, and CSS.

The design rankings were my own opinions, but I used Lighthouse for the performance and accessibility scores, and Project Wallace for the CSS score.

🔗 Links
✅ Project Wallace: https://www.projectwallace.com/

✉ Keep up to date with everything I'm up to  https://www.kevinpowell.co/newsletter
💬 Come hang out with other devs in my Discord Community https://discord.gg/nTYCvrK
⭐ Are you a beginner? HTML & CSS for absolute beginners is for you: https://learn.kevinpowell.co
🎓 Start writing CSS with confidence with CSS Demystified: [https://cssdemystified.com](https://cssdemystified.com/)
🚀 Already mastered CSS? Check out my advanced course, Beyond CSS: https://www.beyondcss.dev/

---

Help support my channel
👨‍🎓 Get a course: https://www.kevinpowell.co/courses
👕 Buy a shirt: https://cottonbureau.com/people/kevin-powell
💖 Support me on Patreon: https://www.patreon.com/kevinpowell or through YT memberships: https://youtube.com/@KevinPowell/join

---

🧑‍💻 My editor: VS Code - https://code.visualstudio.com/

🌈 My theme: One Dark Pro Var Night
🔤 My font: Cascadia Code

---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel:

Bluesky: https://bsky.app/profile/kevinpowell.co
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell

---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

⌚ Timestamps
00:00 - Introduction
01:30 - McLaren's site
03:26 - Redbull's site
05:29 - Ferrari's site
09:11 - Mercedes' site
12:08 - Aston Martin's site
15:25 - Alpine's site
18:08 - Hass' site
19:47 - Racing Bulls' site
24:07 - Williams' site
26:09 - Audi's site
29:32 - Cadillac's site
34:18 - Design results
34:32 - How we're testing performance 
36:39 - Performance results
40:00 - Standings after 2 rounds
40:32 - How we're testing accessibility
42:09 - Accessibility results
45:29 - Standings after 3 rounds
46:06 - How we're testing CSS
49:19 - CSS results
53:55 - Final standings

#css

Kevin Powell

A front-end developer reviews and scores all 11 Formula 1 team websites across four categories: design, performance, accessibility, and CSS quality. Design rankings are subjective, while the other three use Google Lighthouse and Project Wallace for objective scoring. Key findings include Alpine winning overall, Williams scoring a shockingly low 16 on performance, Ferrari finishing last in both accessibility and CSS (with a 5MB CSS file and 126,000 lines of code), and Cadillac achieving a perfect 100 on accessibility despite poor design scores. The scoring uses the F1 points system to produce a final championship standings.

F1 Website Championship