From Design to Code // HTML & CSS from scratch // Frontend Mentor
Taking on a Frontend Mentor challenge to explore how I go from design to code, including breaking down some of my thought processes along the way. This project is a fun exploration of flexbox, grid, custom properties, and variable fonts, to name a few things.
🔗 Links
✅ The project: https://www.frontendmentor.io/challen...
✅ My finished code: https://github.com/kevin-powell/resul...
✅ More on variable fonts: • Getting started with Variable fonts o...
✅ More on custom properties: • CSS Custom Properties
✅ Playlist of Frontend Mentor projects: • Frontend Mentor projects
⌚ Timestamps
00:00 - Introduction
00:56 - Analysing the design and writing the HTML
11:20 - CSS - setting up the font-face declaration
12:11 - The custom properties
14:33 - A simple reset
15:22 - The base styles
17:17 - The result-summary layout
18:54 - The result section
26:40 - The relationship between the two columns
27:44 - The summary section
33:10 - Fixing the padding
#css
--
Come hang out with other dev's in my Discord Community
💬 / discord
Keep up to date with everything I'm up to
✉ https://www.kevinpowell.co/newsletter
Come hang out with me live every Monday on Twitch!
📺 / kevinpowellcss
---
Help support my channel
👨🎓 Get a course: https://www.kevinpowell.co/courses
👕 Buy a shirt: https://teespring.com/stores/making-t...
💖 Support me on Patreon: / kevinpowell
---
My editor: VS Code - https://code.visualstudio.com/
---
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: / kevinjpowell
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!
Watch video From Design to Code // HTML & CSS from scratch // Frontend Mentor online without registration, duration hours minute second in high quality. This video was added by user Kevin Powell 14 March 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 166,10 once and liked it 6.1 thousand people.