Learn Bulma CSS for free

This tutorial teaches you Bulma CSS through 13 interactive screencasts. In less than an hour you'll have built three websites with the popular CSS framework.

Course content

01Intro to the Bulma CSS course
3:14
02Heroes in Bulma CSS
3:55
03Columns in Bulma CSS
3:50
04Colors in Bulma CSS
3:27
05Media in Bulma CSS
4:54
06Bulma and CSS Grid
6:54

Building websites is hard… But Bulma can lessen the pain! πŸ™Œ

Bulma is the brainchild of CSS Guru Jeremy Thomas @jgthms. It's a modern CSS framework based on Flexbox. The framework makes scaffolding and designing websites a breeze with best-in-class documentation and well-designed, intuitive components and modifiers. ✨

Bulma is great not just for building but learning best HTML and CSS practices, too! It's like having @jgthms πŸ‘¨β€πŸŽ¨ there the whole time. 😍

In this course, you'll learn to create three beautiful, responsive websites with Bulma in less than an hour. It'll cover the following concepts:

  • Bulma classes
  • Modifiers and helpers
  • Color helpers
  • Padding
  • Width
  • Center content
  • Titles
  • Columns
  • Container
  • Hero, Section, Navbar
  • Notifications
  • Bulma and CSS Grid

... and much more!

And remember, this isn't a regular video course, it's a Scrimba course! This means you can interact with the code inside the tutorials whenever you want, which makes learning much more fun!

Have a question, comment, or feedback? Feel free to reach out to the course creator Zaydek at Twitter: @username_zaydek.

What you'll learn πŸ‘©β€πŸ«

Bulma CSS Introduction
Bulma classes
Modifiers and helpers
Color helpers
Padding
Width
Center content
Titles
Columns
Container
Hero
Section
Navbar
Notifications
Bulma and CSS Grid

Meet your teacher πŸ‘‹

The course creator

ZAYDEK πŸ‘¨β€πŸ’»πŸ‘¨β€πŸŽ¨

Zaydek is a self-taught designer and programmer. He's created three popular Scrimba courses, all of which inspires the students to be creative with the tools they learn. Zaydek is especially interested in distributed self-education.

Thank ZAYDEK for the course

people love this course 😍

why you'll learn faster πŸ”₯

secure your free spot

100,000 people can't be wrong

FAQ

What is Bulma CSS?

Bulma is a modern CSS framework based on Flexbox. The only output Bulma produces is a single CSS file: `bulma.css`

How do I get started with Bulma?

Official documentation and this course are some of the really good places to start.

Which is the best CSS framework?

That's a tricky question. A bit like what is the best fruit. It very much depends on what you like and what you need. If you want to write some CSS based on Flexbox, Bulma CSS is the one for you.