Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Learn Bulma CSS

Enroll for freeGet started!

Join 19522 other students

Log in to get

Access to all our free courses
Interactive hands-on content
100s of code challenges
Join a friendly community
Enroll for free
Subscribe to access!Subscribe to access!

Subscribe to access to this course and ALL other courses. You get a 30-day money-back guarantee, no questions asked.

Subscription includes

All courses and career paths
100s of coding challenges
Certificates of completion
Exclusive Pro members chat
The course creator Zaydek Gualtieri

with Zaydek Gualtieri

Course level: Intermediate

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.

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

man

Prerequisites

Before taking this course, you should have a basic understanding of HTML and CSS. Here’s our suggested resource to get you up to speed.

Meet your teacher

The course creator

Zaydek Gualtieri

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.

Follow me on twitter

Why this course rocks

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.

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.

Join the Scrimba community chat

Learning alone can be lonely. Click here to join our Discord server and connect with other Scrimba learners!

F to the A oracle to the Q
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.