Design to Code // HTML & CSS from scratch // Frontend Mentor Form
Looking to step up your CSS? I have free and premium courses: https://kevinpowell.co/courses?utm_ca...
🔗 Links
✅ The Frontend Mentor Project: https://www.frontendmentor.io/challen...
✅ Finished Code: https://github.com/kevin-powell/newsl...
✅ Live server for VS Code: https://marketplace.visualstudio.com/...
✅ Custom Properties crash course: • CSS Custom Properties
✅ More on ::before and ::after: • Before and After - CSS Pseudo Elements
Some links may be affiliate links. When you click on these links and make a purchase, we may receive a small commission at no additional cost to you. This helps support my work and allows me to continue providing valuable content. I only recommend products and services I use myself.
⌚ Timestamps
00:00 - Introduction
00:34 - What we are starting with
01:05 - Writing the HTML
08:28 - CSS Reset + custom properties
14:40 - @font-face
18:30 - General styling
25:40 - Styling the list
31:00 - CSS organization
32:20 - Styling the form
44:30 - Making a gradient shadow
51:13 - The error state with CSS-only
1:03:00 - Changing the picture source for large screens
1:04:40 - Updating the layout for large screens
#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!
Auf dieser Seite können Sie das Online-Video Design to Code // HTML & CSS from scratch // Frontend Mentor Form mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Kevin Powell 17 Juli 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 44,670 Mal angesehen und es wurde von 1.4 tausend den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
