Bytesized • Breaking down the most important ideas in software development.

Our newest resource for learning CSS is here

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.

Resources
Get access to our backlog of free guides, tutorials, and study guides by joining our community.

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.

Enjoying these posts? Subscribe for more

Subscribe to be notified of new content and support Bytesized! You'll be a part of the community helping keep this site independent and ad-free.

You've successfully subscribed to Bytesized
Great! Next, complete checkout for full access to Bytesized
Welcome back! You've successfully signed in
Success! Your account is fully activated, you now have access to all content.