--- fulltitle: Bulma Videos layout: default route: videos breadcrumb: - home - videos videos: - id: tesla title: Tesla launch page subtitle: 4 videos – 20 min content: Design a responsive launch page with Bulma's component and CSS Grid. video_url: https://scrimba.com/p/pV5eHk/cvrwyfR article_url: https://medium.freecodecamp.org/how-to-build-a-responsive-tesla-launch-page-with-bulma-css-2bf484057349 - id: blog title: Blog subtitle: 4 videos – 23 min content: Build a responsive blog with Bulma components. video_url: https://scrimba.com/p/pV5eHk/c4EMaUR article_url: https://medium.freecodecamp.org/how-to-build-a-responsive-blog-design-with-bulma-css-c2257a17c16b - id: slide title: Slide subtitle: 4 videos – 15 min content: Create web-based presentation slides with Bulma. video_url: https://scrimba.com/p/pV5eHk/cGym4Ta no_video: true --- {% include global/navbar.html id="Videos" %}
{% include components/breadcrumb.html %}

Videos

Learn Bulma with interactive {% include elements/external-link.html url=site.data.meta.scrimba_url text="Scrimba" %} tutorials

{% include elements/carbon.html %}

Learn Bulma for free!

Build 3 beautiful websites in 58 minutes

{% include elements/external-link.html classes="button is-success" url=site.data.meta.scrimba_url text="Enroll in the course" %}

{% for video in page.videos %}

{{ video.title }}

{{ video.subtitle }}

{{ video.content }}

Watch video {% if video.article_url %} Read article {% endif %}

{% endfor %}

Did you make a Bulma video too? Post it here! 🤗

{% include elements/external-link.html classes="button is-link" url="https://github.com/jgthms/bulma/compare" text="Make a PR" %}