Starting a new project is always fun! In this one, we'll start from scratch and build a Frontend Mentor project from scratch, looking at possible problems we might encounter and how I would tackle them.

This is part 1 of this series, which will last for the next few weeks.

Links
The Frontend Mentor Project: https://www.frontendmentor.io/challenges/manage-landing-page-SLXqC6P5
Andy Bell's reset: https://piccalil.li/blog/a-modern-css-reset/
Josh Comeau's reset: https://www.joshwcomeau.com/css/custom-css-reset/
More about prefers-reduced-motion: https://web.dev/prefers-reduced-motion/

Timestamps
00:00 – Introduction
00:51 – How I'm going to approach this series
02:18 – Layout analysis
08:12 – Getting started with Vite
11:49 – Making sure everything works
13:40 – Adding a reset
20:18 – Set custom properties
43:01 – Create utility classes

#C.S.S

—

Come hang out with other developers in my Discord Community
https://discord.gg/nTYCvrK

Stay up to date with everything I'm doing
https://www.kevinpowell.co/newsletter

Come hang out with me live on Twitch every Monday!
https://www.twitch.tv/kevinpowellcss

—

Support my channel
‍ Take a course: https://www.kevinpowell.co/courses
Buy a shirt: https://teespring.com/stores/making-the-internet-awesome
Support me on Patreon: https://www.patreon.com/kevinpowell

—

My Editor: VS Code – https://code.visualstudio.com/

—

I'm in other places on the internet too!

If you want a behind-the-scenes look and a taste of what's on my YouTube channel, follow me on Instagram and Twitter.

Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell

—

And whatever you do, don't forget to make your corner of the internet a little more fun!

Please take the opportunity to connect and share this video with your friends and family if you find it helpful.