From design to code - HTML & CSS tutorial [ part two ]

From the creator

Continuing where we left off in the last video, we start writing the CSS for our page. In this one we're setting up and using CSS Custom properties, and getting everything ready for small screens. The Figma file: https://www.figma.com/file/GwRmx1FJ31evTNq6hpCpCs/Amazing-Mountain?node-id=0%3A1 /// Videos and links I mentioned during this lesson border box - https://youtu.be/WlGQdgy-M6w Post CSS - https://postcss.org/ Custom properties - https://youtu.be/PHO6TBq_auI rem vs em - https://youtu.be/_-aDOAMmDHI grid inspector - https://youtu.be/m04RkJwzFgE margin collapsing - https://youtu.be/uEfH6qnFF6Y outline and outline offset - https://youtu.be/OmfgB1vGd88 #designandcode --- Keep up to date with everything I'm up to https://www.kevinpowell.co/newsletter --- Help support my channel Get a course: https://www.kevinpowell.co/courses Buy the t-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/ How my browser refreshes when I save: https://youtu.be/h24noHYsuGc --- 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. Instagram: https://www.instagram.com/kevinpowell.co/ Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-pow

Published 2020-03-11 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.