Build a responsive website with HTML & CSS | Part one: Analyzing the project and setting the stage
Starting a new project is always fun! In this one, we’re starting with nothing and building out a Frontend Mentor project from scratch, looking at potential problems we can run into and how I would tackle them.
This is part 1 of this series, which will span the next few weeks.
🔗 Links
✅ The Frontend Mentor project:
✅ Andy Bell’s reset:
✅ Josh Comeau’s reset:
✅ More on prefers-reduced-motion:
⌚ Timestamps
00:00 - Introduction
00:51 - How I am going to approach this series
02:18 - Analysing the layout
08:12 - Getting started with Vite
11:49 - Making sure everything is working
13:40 - Adding a reset
20:18 - Setting up custom properties
43:01 - Creating utility classes
#css
--
Come hang out with other dev’s in my Discord Community
💬
Keep up to date with everything I’m up to
✉
Come hang out with me live every Monday on Twitch!
📺
---
Help support my channel
👨🎓 Get a course:
👕 Buy a shirt:
💖 Support me on Patreon:
---
My editor: VS 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, make sure to follow me on Instagram and Twitter.
Twitter:
Codepen:
Github:
---
And whatever you do, don’t forget to keep on making your corner of the internet just a little bit more awesome!
1 view
302
92
7 months ago 00:16:03 1
Glitter Bomb 2.0 vs Porch Pirates
7 months ago 00:09:23 1
Going In REVERSE At The Farm?! Dragging Fender On The NEW Ride!
7 months ago 00:17:22 1
Risque but stunning bikinis by Black Tape Project | FashionTV | FTV
7 months ago 00:09:51 1
10 Mirrors in One Day - The Best Farm/Juice to Ever Exist in PoE -
7 months ago 00:25:56 1
#ReactOS autonomous automated build in #ULFS #CoolRetroTerm demo.
7 months ago 00:04:16 1
Selena Gomez - I’m Sorry We Lied (ft. ZAYN)
7 months ago 00:03:53 1
La Bamba (Los Lobos) feat. Andrés Calamaro | Playing For Change | Song Around The World
7 months ago 00:06:56 1
I WILL STAND AND FIGHT FOR ALL WHO CAN’T | New Earth Project
7 months ago 00:02:00 1
Create Mod / Interactive | HIGH SECURITY TRAIN
7 months ago 01:03:54 1
EMBRACE YOUR INNER-CHILD! | 60-MINUTE SPECIAL #14 | CIRQUE DU SOLEIL | OVO, BAZZAR, ALEGRIA
7 months ago 00:01:40 1
Scan to BIM: Modeling from a 3D laser scan on buildings or facilities
7 months ago 00:03:04 1
Kingdom of the Planet of the Apes | Exclusive IMAX® Trailer
7 months ago 00:00:59 1
From Pipes to Boat: Plastic Pipes and Foam Turned Nautical! 🌊🚣 #Shorts
7 months ago 00:07:14 1
Led Zeppelin - No Quarter with Lord of the Rings scenes
7 months ago 00:20:43 1
“Тазриа 4 день“ Тора на каждый день с р Давидом Мануйловым
7 months ago 00:14:32 1
Making Wood chipper mechanism [PLANS]
7 months ago 01:59:56 1
Construction of a Mountain-Side Getaway Home
7 months ago 00:00:00 1
🔴 LIVE Прославление | Церковь Божия Music
7 months ago 00:01:25 1
Final Factory Launch Trailer
7 months ago 00:27:31 1
Man Builds Hyperrealistic RC All-Terrain Vehicle Worth $2000 | Capo CD 1582X Queen by @RCPlayGround
7 months ago 00:08:37 1
Laser Scanning for As-Built Drawings
7 months ago 00:15:35 1
Дори - билд гайд | Артефакты, оружие и советы | Genshin Impact
7 months ago 00:03:49 1
Alphaville - Big In Japan (Flashlights, )
7 months ago 00:07:24 1
2023 Harley Davidson Nightrod VRSCDX by DD Designs (Walk Around)