Code with Kristian • I make videos and write about software development and programming tools
Our newest resource for learning CSS is here
Last week, I shared what I've been working on recently — an up-to-date "codethrough" of freeCodeCamp's curriculum: walking through every exercise, lesson, and challenge, and adding my own spin on it where possible.
I also shared the first video in the series, covering the basics of HTML, including tags, attributes, and basic input handling.
Today, I'm releasing episode two: almost ninety minutes covering the basics of CSS, covering freeCodeCamp's "Basic CSS" module in their Responsive Web Design certification.
There's a ton to dig into here, so much so that when I tried to paste the Table of Contents for the video into this newsletter, it broke my editor 💀
Instead, here's a quick glance at the important stuff you'll learn:
- Using CSS classes and IDs to target HTML elements
- Importing and working with custom Google Fonts
- How to use padding and margin to space and position elements
- The clockwise notation as a way to always remember how to correctly set padding and margin, in order — this was new to me! 🤯
- CSS colors, and how to set them using hex codes and the RGB format
- Defining and using CSS variables for more re-usable CSS code
- How to use media queries to style your HTML based on screen size, width, and more
That's just a quick glance — there's about 45 exercises and lessons in total — and whether you're new to CSS, scared to jump in, or an expert who could use some quick exercises as a little morale boost, you should check out the video and let me know what you learn!
Last week, I also announced Bytesized Resources, a new site where I'm collating all the resources, cheat sheets, and study guides for Bytesized's videos and courses.
Since then, it's become the second most popular page on my website, which is a little surprising (I haven't promoted it much). So thanks for checking it out, if you have, and if you haven't yet, here's a great reason to: a fresh 1k word study guide, including practice questions and key concepts to dig into, to accompany today's Basic CSS video.
As a member of the newsletter, you already have access—just visit the page below.
I'm going to be writing more about CSS this month, so if you're interested in learning it, especially things like CSS Grid and Flexbox, keep an eye out 👀
If you're enjoying the freeCodeCamp curriculum videos and haven't subscribed to my YouTube, check out the channel here.